a{
    text-decoration: none;
    color: #ff9900;
}
a:hover{
    text-decoration: none;
}
.a.img{
    border: none;
}
ul,li{
    padding: 0;
    margin: 0;
}
p{
    text-align: justify;
}
body{
    font-family: georgia;
    font-size: 12px;
    color: #000;
    width: 1000px;
    background: url(../images/bg_header_large.png) #fff repeat-x;
    background-position: 0 -3px;
    margin: 10px auto;
}
#w_main{
    width: 999px;
    background: #e5e5e5 url(../images/bg_body.png) repeat-y;
    background-position:-1px 0;
    margin: auto;
}
h1{
    padding: 0;
    margin: 0 0 0 10px;
    font-size: 20px;
    color: #141672;
}
.top_h1{
    font-size: 10px;
    margin-right: 20px;
    color: #205e7b;
}
h2{
    padding: 0;
    margin: 0;
    font-size: 14px;
}
h3, h4{
    padding: 0;
    margin: 0;
}
h1 a, h2 a{
    color: #141672;
}
h1 a:hover, h2 a:hover{
    text-decoration: none;
}
.introduction{
    padding: 10px;
}
.img_preview{
    float: left;
    width: 180px;
    margin: 5px 5px 5px 10px;
    text-align: left;
}
a.central_test_link{
    font: normal 10px verdana;
    color: #205e7b;
    text-decoration: underline;
}
a:hover.central_test_link{
    border-bottom: 1px dotted;
}
#ariane{
    clear: both;
    float: right;
    background: #fff;
    padding: 2px 5px 2px 5px;
    font-size: 11px;
    font-weight: bold;
    margin: 0 22px 10px 0;
    width: 600px;
    border-bottom: 1px solid #c1c1c1;
}
.clear{
    clear: both;
}
.margin_auto{
    margin: auto
}
.margin_bottom{
    margin-bottom: 10px;
}
.left{
    float: left
}
.right{
    float: right
}
.space{
    height: 5px
}
#header{
    width: 999px;background: #fff;
    height: 110px;/*border-bottom: 2px solid #aeaeae;*/
    position: relative;
    background: url(../images/bg_header_2.png) no-repeat;
    margin: auto;
}
#header .logo{
    float: right;
    background: url(../images/logo_tsa.jpg) no-repeat;
    width: 120px;
    height: 100px;
    margin: 5px 6px 0 0;
}
#header .banner{
    float: right;
    width: 730px;
    height: 90px;
    margin: 10px 5px 0 0;
}
.banner .hack_carousel{
    width: 728px;
    height: 90px;
    overflow: hidden;
}
#carousel-wrapper{
    width: 728px;
    height: 110px;
    overflow: auto;
}
#carousel-content{
    width: 10000px;
}
#carousel-content .slide{
    float: left;
    width: 728px;
    height: 90px;
}
#carousel-content .slide a{
    border: none;
}
a img{
    border: none;
}
/* Login */
#header .compte{
    width: 120px;
    height: 100px;
    float: right;
    margin: 5px;
}
#header .compte span {
    font-size: 16px;
}
#header .compte span a{
    font: italic 10px verdana;
    letter-spacing: 0.001em;
    color: #000;
    text-decoration: underline;
}
#header .compte span a:hover{
    text-decoration: none;
    color: #444;
}
#header .compte input{
    width: 103px;
    border: 1px solid #999;
    margin: 1px auto;
    background: #fff;
}
#header .compte input#txtPassword{
    width: 78px;
    height: 18px;
    padding: 0;
    border: 1px solid #999;
    float: left;
}
#header .compte input.ok_button{
    width: 22px;
    height: 20px;
    margin: 1px 14px 0 0;
    padding: 0;
    text-align: center;
    float: right;
    font-size: 10px;
    cursor: pointer;
}
#header .compte .connected{
    margin: 6px auto;    
}
#header .compte .connected a{
    color: #000;
    text-decoration: underline;   
}
#result{ 
    width: 999px;
    background: #e5e5e5 url(../images/bg_body.png) repeat-y;
    background-position:-1px 0;
    margin: auto;
    text-align: center;
    color: #ce0000;
}
/* LEFT */
#left{
    /*border: 1px solid red;*/
    float: right;
    width: 660px;/*padding-left: 13px*//*modifiée en largeur et margin*/
}
#left .left_viewer .top{
    background: url(../images/border.png) no-repeat center;
    width: 636px;
    height: 15px;
    background-position: -1px 2px;
}
#left .left_viewer {
    width: 636px;
    height: auto;
    margin: 0 0 0 0;
}
.w_container{
    /*background: #555;*/
    width: 625px;
    height: auto;
    margin: 0 0 0 0;
}
.w_container .main_article_theme img{
    float: left;
    margin: 0 0 0 0px;
}
.w_container .current_date{
    margin: 0 5px 0 0;
    font-size: 11px;
    font-family: georgia;
}
.w_container .border_top{
    background: url(../images/border.png) no-repeat center;
    width: 630px;height: 15px;
    background-position: -1285px 2px;
}
.w_container .border_middle{
    background: url(../images/border.png) repeat-y center;
    width: 630px;
    background-position: -2548px 0;
}
.w_container .border_bottom{
    background: url(../images/border.png) no-repeat center;
    width: 630px;
    height: 15px;
    background-position: -1915px 0;
}
.img_intro{
    float: right;
    width: 120px;
    padding: 5px 5px 0 5px;
}
.video{
    width: 500px;
    margin: auto;
    padding-bottom: 10px;
}
.video h2{
    margin: 5px 0 5px 0;
}
#left .left_viewer .bottom{
    background: url(../images/border.png) no-repeat center;
    width: 636px;
    height: 15px;
    background-position: -644px 0;
}
#service{
    width: 610px;
    margin: auto;
    padding: 0 0 0 2px;
}
#service .service_box{
    float: left;
    width: 198px;
    margin: 0 2px 0 2px;
}
.service_box .left{
    float: left;
    background: url(../images/bg_titleFR.png) no-repeat left;
    width: 15px;
    height: 20px;
    background-position: 0 -191px;
}
.service_box .center{
    float: left;
    background: url(../images/bg_titleFR.png) repeat-x left;
    width: 168px;
    height: 20px;
    background-position: 0 -223px;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
}
.service_box .right{
    float: left;
    background: url(../images/bg_titleFR.png) no-repeat left;
    width: 15px;
    height: 20px;
    background-position: 0 -255px;
}
.service_box .content{
    width: 192px;
    border: 1px solid #aeaeae;
    margin: auto;
    padding: 2px;
}    
.btn_rss{
    padding: 3px;
    font-size: 12px;
    font-weight: bold;
}
/* abonnement */
input.btn_subscription{
    cursor: pointer;
    margin: 20px;
    border: 0;
    background: url('../images/bt_abonnembtOrange.png');
    width: 174px;height: 60px;
}
#start_abt{
    width: 960px;
    padding: 5px;
    margin: 10px auto 10px auto;
    background: #fff;
}
#start_abt h1{
    font-size: 24px;
    text-align: center;
}
.choice_abt{
    width: 970px;
    padding: 20px 0 0 0;
    margin: auto;
}
.abt_left_view{
    float: left;
    width: 600px;
    margin-left: 30px;
}
.offer_type{
    float: left;
    width: 200px;
    margin-left: 10px;
}
.offer_type ul{
    list-style-type: none;
    margin: 10px 0 10px 0;
    padding: 0 0 0 19px;
}
.offer_type ul li{
    padding: 5px 0 5px 0;
}
.offer_description{
    float: left;
    width: 360px;
    margin: 10px 0 0 10px;
}
.offer_description_top{
    background: url('../images/bg_abonnement.png') no-repeat;
    height: 10px;
    width: 340px;
    padding: 0 5px 0 5px;
}
.offer_description_middle{
    background: #fff;
    height: auto;
    width: 339px;
    padding: 0 5px 0 5px;
}
.offer_description_bottom{
    background: url('../images/bg_abonnement.png') no-repeat;
    background-position: 0 -14px;
    height: 10px;
    width: 340px;
    padding: 0 5px 0 5px;
}
.abt_right_view{
    float: left;
    width: 300px;
}
.box_abt_600_top{
    background: url(../images/border_abonnement.png) no-repeat;
    background-position: 0 0;
    width: 600px;
    line-height: 10px;
    margin: 0;
}
.box_abt_600_middle{
    background: url(../images/border_abonnement.png) repeat-y;
    background-position: -607px 0;
    width: 600px;
}
.box_abt_600_middle h2{
    padding: 0 0 10px 10px;
    margin: 0;
}
.box_abt_600_middle h3{
    padding: 0 0 0 20px;
    margin: 0;
    font-weight: normal;
    font-size: 13px;
}
.box_abt_600_middle label.type_abt{
    margin: 10px;
    color: #000;
    font-weight: bold;
}    
.box_abt_600_bottom{
    background: url(../images/border_abonnement.png) no-repeat;
    background-position: -1229px 0;width: 600px;
}
/*******************/
.box_abt_300_top{
    background: url(../images/border_abonnement.png) no-repeat;
    background-position: -1830px 0;
    width: 300px;
    line-height: 10px;
    margin: 0;
}
.box_abt_300_middle{
    background: url(../images/border_abonnement.png) repeat-y;
    background-position: -2130px 0;
    width: 300px;
}
.box_abt_300_middle h2{
    padding: 0 0 10px 10px;
    margin: 0;
}
.box_abt_300_middle h3{
    padding: 0 0 0 20px;
    margin: 0;
    font-weight: normal;
    font-size: 13px;
}
.box_abt_300_bottom{
    background: url(../images/border_abonnement.png) no-repeat;
    background-position: -2430px 0;
    width: 300px;
    height: auto;
    padding-bottom: 20px;
}
/**************/
.banner_468x60{
    margin:auto;
    text-align: center;
}
.banner_300, .banner_468, .banner_600{
    margin: auto;
    text-align: center;
    background: #e5e5e5;
    border: 1px solid #aeaeae;
}
/* banner 600 rotate*/
.banner_600{
    float: left;
    width: 600px;
    height: 120px;
    margin: -5px 0 10px 22px;
}
.banner_600 .hack_carousel_600{
    width: 600px;
    height: 120px;
    overflow: hidden;
}
#carousel-wrapper_600{
    width: 600px;
    height: 140px;
    overflow: auto;
}
#carousel-content_600{
    width: 5000px;
}
#carousel-content_600 .slide{
    float: left;
    width: 600px;
    height: 120px;
}
#carousel-content_600 .slide a{
    border: none;
}
/**/
/* banner 468 rotate*/
.hack_carousel_468{
    width: 468px;
    height: 60px;
    overflow: hidden;
    text-align: left;
    margin: auto;
}
#carousel-wrapper_468{
    width:  503px;
    height:  80px;
    overflow: auto;
}
#carousel-content_468{
    width: 2000px;border: none;
}
#carousel-content_468 .slide{
    float:  left;
    width:  503px;
    height:  80px;
}
#carousel-content_468 .slide a{
    border: none;
}
/**/     
/* banner 250 rotate*/
.banner_250 .hack_carousel_250{
    width: 250px;
    height: 250px;
    overflow: hidden;
    text-align: left;
    margin: auto;
}
#carousel-wrapper_250{
    width:  270px;
    height:  270px;
    overflow: auto;
}
#carousel-content_250{
    width: 2000px;border: none;
}
#carousel-content_250 .slide{
    float:  left;
    width:  270px;
    height:  270px;
}
#carousel-content_250 .slide a{
    border: none;
}
/**/ 
#ads_bottom{
    width: 500px;
    margin: auto;
}
#ads_bottom .ads_pane_left{
    float: left;
    width: 180px;
}
#ads_bottom .ads_pane_center{
    float: left;
    width: 180px;
    margin: 0 1px 0 1px
}
#ads_bottom .ads_pane_right{
    float: right;
    width: 120px;
}
/* RIGHT*/
#right{
    float: left;
    width: 327px;/*modifié en largeur*/
}
#right .side_1{
    width: 326px;
    margin: auto auto auto 22px;
    margin-bottom: 15px;
}
.side_1 .content_blue_side{
    margin: 5px 10px 0 2px;
    text-align: justify;
}
.side_1 .content_blue_side a{
    color: #000;
}
.side_1 .content_blue_side a:hover{
    text-decoration: underline;
    font-weight: normal;
}
.side_1 .content_blue_side .listTitleBox{
    width: 200px;
    border-bottom: 1px solid #666;
    float: left;
    padding-bottom: 5px;
}
.side_1 .content_blue_side .listTitleBox span.nb_visite{
    color: #666; 
    font-size: 0.88em;
}
.side_1 .zone_annonceurs{
    background: url(../images/pubs/logo_bg_annonceur.png) bottom no-repeat;
    width: 300px;
    height: 200px;
    border: 2px solid #999;
    text-align: center;
    font-size: 2.5em;
    padding-top: 50px;
}
.carnet_title{
    font: normal 12px verdana;
}
.side_1 .content_blue_side img{
    margin: 0;
}
.side_1 .content_blue_side ul{
    margin: 0;
    padding: 0; 
    list-style-type: none;
}
.side_1 .content_blue_side ul li span{
    float: left;   
}
.side_1 .content_blue_side ul li {
    padding: 5px 0;
}
.side_1 .content_blue_side ul li a {
    float: right;
    width: 210px;
    padding-left: 5px;
}
.title_bar{
    background:  url(../images/bg_title_bar.png) no-repeat;
    background-position: 0 0;
    margin-left: -18px;
    height: 40px;
}
.balise{
    background: url(../images/balise.png) no-repeat; 
    width: 11px;
    height: 11px;
}
#right .balise{
    float: right;
    margin: 5px 10px 0 0;
}
.sport{
    background-position: 0 -22px;
}
.divers{
    background-position: 0 -11px;
}
.culture{
    background-position: -11px -11px;
}
.politique{
    background-position: 0 0;
}
.economie{
    background-position: -11px 0;
}
.diplomaties{
    background-position: -22px 0;
}
.bg_actu{
    background: url(../images/bg_actu_side1.png);
    margin-left: -18px;
    width: 318px;
    padding: 0 2px 0 2px;
}
.border_top_actu{
    background-position: -4px 0;
    height: 10px;
}
.border_middle_actu{
    background-position: -329px 0;
}
.border_middle_actu label{
    padding-left: 10px;
    font-size: 14px;
    font-weight: bold;
}
.border_middle_actu li{
    padding-left: 10px;
    list-style: disc inside;
}
.border_middle_actu li a{
    font: italic 11px verdana;
    color: #000;
}
.border_middle_actu li a:hover{
    text-decoration: underline;
}
.border_bottom_actu{
    background-position: -654px 0;
    height: 10px;
}
.bg_abonnement_side1{
    background: url(../images/bg_abonnement_side1.png);
    width: 325px;
}
.top_border_suscribe{
    background-position: -2px 0;
    height: 10px;
}
.middle_border_suscribe{
    background-position: -330px 0;
    background-repeat: repeat-y;
    height: auto;
}
.bottom_border_suscribe{
    background-position: -658px 0;
    height: 10px;
}
.middle_border_suscribe p{
    font: normal 11px verdana;
    padding: 0 15px 0 10px;
    text-align: justify;
}
.middle_border_suscribe span{
    background: #fff;
    padding: 5px;
    margin-left: 5px;
    font-size: 11px;
}
.middle_border_suscribe input{
    color: #fff;
    background: gray;
    margin: 10px 0 0 120px;
}

/***********************/
.date{
    float:left;
    font-size: 10px;
    color: #666;
    letter-spacing: 0.05em;
}
.main_date{
    font-size: 11px;
}
.see_more{
    margin-left: 60px;
    font-size: 11px;
    text-decoration: underline;
    color: #000;
    font-weight: bold;

}
.see_more a{
    color: #000;
}
.large{
    width: 228px;
}
.grey{
    border:1px solid #bfbcba
}
.ft_10, .ft_10 a{
    font-size: 10px;
}
.ft_12, .ft_12 a{
    font-size: 12px;
    color:#000;
}
.bold{
    font-weight: bold;
}
.justify{
    text-align: justify;
}
.underline{
    text-decoration: underline;
}
.mn_compte{
    line-height:12px;
}
.mn_compte a{
    color:#000;
}
.go_button{
    border:none;
    background:gray;
    width:116px;
    padding-bottom:1px;
    font-size:8px;
}
.go_button:hover{
    border:none;
    background:#999;
    width:116px;
    cursor:pointer;
}
/**********************/
#left_side{
    float: right;
    width: 370px;
    padding-right: 15px;
    margin-right: 10px;
}
#a_la_une{
    background: url(../images/laune.png) no-repeat top right;
    width: 370px;
    margin-top: 20px;
    margin-right: -22px;
    padding-right: 22px;
}
#a_la_une .container img{
    width: 370px;
    border: none;
}
#a_la_une h2, #a_la_une h2 a{
    font-size: 16px;
    color: #ad3431;
    padding: 0;
/*    float: left;*/
}
#a_la_une h3 a{
    font-size: 18px;
    font-weight: bold;
    font-family: Georgia;
    color: #000;
}
#a_la_une h3 a:hover{
    font-size: 18px;
    font-weight: bold;
    color: #000;
}

#a_la_une .post_like_image{
    margin-top: -20px;
    padding: 5px;
    margin-bottom: 0;
    background: #1c1c1c;
    opacity: 0.8;
}
#a_la_une .post_like_image span{
    font-size: 14px;
    font-weight: bold;
    font-variant: small-caps;
    padding: 0 2px;
    margin-left: 5px;
    color: #fff;
}
#a_la_une .main_theme{
    font-size: 14px;
    font-variant: small-caps;
    font-weight: bold;
    float: right;
}
.theme_font{
    font-size:14px;
}
.theme1{
    color: #5fab50;
}
.theme2{
    color: #c00;
}
.theme3{
    color: #605c5c;
}
.bg_theme1{
    background: #5fab50;
}
.bg_theme2{
    background: #c00;
}
.bg_theme3{
    background: #605c5c;
}
.bg_vertical_theme{
    background: url(../images/entete_title.png) no-repeat;
    width: 32px;
    height: 80px;
    margin-right: -28px;
    margin-left: 5px;
}
.v_business{
    background-position: 0 0;
}
.v_politique{
    background-position: -33px 0;
}
.v_diplomaties{
    background-position: -66px 0;
}
.v_divers{
    background-position: -100px 0;
}
.v_culture{
    background-position: -132px 0;
}
.v_sport{
    background-position: -166px 0;
}
#a_la_une .main_theme.theme1{
    color: #5fab50;/* vert */
}
#a_la_une .main_theme.theme2{
    color: #c00;/* rouge */
}
#a_la_une .main_theme.theme3{
    color: #605c5c;/* gris */
}
.theme1{
    color: #5fab50;
}
.theme2{
    color: #c00;
}
.theme3{
    color: #605c5c;
}

h2.post_theme{
    font-size: 14px;
    font-variant: small-caps;
}
.other_post h2 a{
    font-size: 14px;
    font-weight: bold;
}
.other_post h3,
.other_post h3 a{
    font-size: 13px;
    font-weight: bold;
}
.other_post h2 a:hover{
    text-decoration: underline;
}
.other_post p{
    margin: 0;
    padding: 0;
}
.react_post{
    color: #777;
    background: url(../images/bg_react_post.png) bottom repeat-x;
    font: normal 9px verdana;
    margin-top: 5px;
}
.react_post div{
    width: 280px;
    background: #fff;
}
.react_post a{
    color: #999;
    margin-left: 5px;
    text-decoration: underline;
}
.react_post a:hover{
    color: #666;
}
/* action */
.social_action_label{
    height: 20px;
    line-height: 20px;    
}
.action_icon{
    background: url(../images/social_icon_set.png) no-repeat;
    height: 20px;
    display: block;
    float: left;
    cursor: pointer;
    margin: 0 2px;
}
.twitter_wg{
    width: 16px;
    background-position: 0 0;
}
.facebook_wg{
    width: 16px;
    background-position: -22px 0;
}
.rss_wg{
    width: 36px;
    background-position: -82px -20px;
}
.sendlink_wg{
    width: 16px;
    background-position: -63px -20px;
}
.react_wg{
    width: 18px;
    background-position: -42px -20px;
}
.print_wg{
    width: 18px;
    background-position: -20px -20px;
}
.abus_wg{
    width: 18px;
    background-position: 0 -20px;
}

#left .largeTitleBar{
    background: url(../images/bg_largeTitleBar.png) no-repeat;
    background-position: -0px 0;
    width: 638px;
    height: 36px;
    padding-right: 15px;
    margin-left: 5px;
    float: left;
}
.font_title{
    font-size: 14px;
    font-weight: bold;
    padding: 5px 30px 0 0;
    text-decoration: underline;
    text-align: right;
}
#left .main_article_theme a.see_article{
    color: red;
    border-bottom: 1px dotted;
}
#left .main_article_theme a:hover.see_article{
    border-bottom: 1px solid;
}
#left .main_article_theme h3, #left .main_article_theme h3 a{
    color: #ce0000;
    font: bold 24px georgia;
}
#left .main_article_theme h2 a{
    color: #ce0000;
}
.more_list, .more_list a{
    color: #000;
    font-weight: bold;
    font-size: 10px;
}
#left .other_news{
    width: 630px;
}
.margin_left{
    margin-left: 25px;
}
.margin_right{
    margin-right: 20px;
}
.margin_left_10{
    margin-left: 10px;
}
.margin_right_10{
    margin-right: 10px;
}
.other_news_content{
    width: 200px;
    height: 68px;
    overflow: hidden;
    border-bottom: 1px solid #a0a0a0;
    padding: 0;
    margin-left: 10px;
}
.other_news_content a{
    color: black;
}
.other_news_content a:hover{
    text-decoration: underline;
}
.middle_468_60{
    width: 468px;height: 60px;
}
.press_zone{
    width: 653px;
    margin-left: 6px;
}
.bg_press{
    background: url(../images/bg_press_2.png);
    width: 651px;
}
.bg_press h2{
    margin-left:20px;
}
.invite_login{
    width: 623px;
    margin: auto;
}
.invite_login input{
    padding: 0;
    margin: 3px;
}
.comment_space{
    width: 623px;
    margin: auto;
}
.comment_space h3{
    color:#000;
}
.top_press{
    background-position: -1px 0;
    height: 10px;
}
.middle_press{
    background-position: -652px 0;
}
.bottom_press{
    background-position: -1303px 0;
    height: 10px;
}
.menu_press{
    width: 630px;
    height: 25px;
    border-bottom: 2px solid #999;
    margin: 0 0 0 12px;
}
.menu_press ul{
    margin: 0;
    padding: 0;
}
.menu_press ul li{
    display: inline;
    padding: 5px 10px 0 10px;
    font-size: 14px;
    font-weight: bold;
}
.presse_link{
    margin-left: 20px;
    float: left;    
    font-size:10px;
    color:#000;
}
.presse_link a{
    color:#000;
}
.presse_link ul{
    list-style-type: none;
}
.width_130{
    width: 130px;
}
.width_160{
    width: 160px;
}
.width_228{
    width: 228px;
}
.width_600{
    width: 600px;
}
.services{
    width: 655px;
    margin-left: 4px;
}
.services .bg_services{
    background: url(../images/bg_services.png) repeat-y;
    width: 653px;
}
.services .top_services{
    background-position: 1px 0;
    height: 12px;
}
.services .middle_services{
    background-position: -656px 0;
    padding-left: 5px;
}
.services .middle_services div.services_type{
    background-position: -658px 0;
    padding-left: 5px;
    font-size: 10px;
}
.services .middle_services div span.services_title{
    border-left : 5px solid #1579a1;
    margin-left: 5px;
    padding: 3px 10px;
    font: bold 14px verdana;
}
.services .middle_services .services_type{
    width: 630px;
    border-bottom: 1px solid;
    margin: auto;
    padding-bottom: 10px;
}
.services .middle_services .services_type a{
    font: normal 10px verdana;
    border-bottom: 1px solid;
    margin: 5px 0 0 25px;
    color: #000;
}
.services .middle_services .services_type a:hover{
    border-bottom: 1px dotted;
}
.services .middle_services .meteo{
    width: 200px; 
    height:  64px;
    float: left;
    margin-left: 5px;
    font-size: 13px;
}
.services .bottom_services{
    background-position: -1313px 0;
    height: 12px;
}
/************************/
#right_side{
    float: left;
    width: 252px;
    margin: auto;
}
#right_side .actu{
    width: 240px;
    background: url(../images/bg_actu.png) repeat #999;
    padding: 10px 0px;
    color: #fff;
    text-align: justify;
}
#right_side .actu span{
    font-size: 14px;
    font-weight: bold;
    font-variant: small-caps;
    float: left;
    background-color: green;
    padding: 0 2px;
    margin-right: 5px;
}
#right_side .actu p{
    padding: 0; margin: 0;
}
#right_side .actu a{
    color: #fff;
}
#right_side .actu a:hover{
    color: #fff;
    text-decoration: underline;
}
#right_side .title_bar_1{
    height: 37px;
    background: url(../images/bg_title_bar_1.png) no-repeat;
}
#right_side ul{
    margin: 0;
    padding: 0; 
    list-style-type: none;
}
#right_side .last_articles ul li{ 
    padding: 5px;
}
#right_side .last_articles ul li a{
    float: right;
    width: 195px;
    color: #369; 
    border-bottom: 1px solid #666; 
    padding-bottom: 5px;
}
#right_side .last_articles ul li a:hover{
    text-decoration: underline;
    font-weight: normal;
}
.ads_google_250x250_black{
    width: 250px;
    height: 250px; 
    background: #000;
    color: #fff;
}
.ads_google_300x250_black{
    width: 300px;
    height: 250px;
    background: #000;
    color: #fff;
}
.ads_google_234x60_black{
    width: 234px;
    height: 60px; 
    background: #000;
    color: #fff;
}
.google_ads_468x60{
    margin: 5px auto 5px auto;
    width: 468px;
    height: 62px;
    background: transparent;
}

#live_foot{
    height: auto;
}
#tsa_ar{
    height: auto;
}
#w_title_ar{
    text-align: right;
    width: 100%;
    padding-top: 5px;
}
#w_title_ar .right{
    float: right;
    text-align: right;
    width: 46%;
    padding-right: 6px;
}
#w_title_ar .left{
    float: left;
    text-align: right;
    width: 46%;
    padding-right: 6px;
}
#w_title_ar h2{
    padding: 2px 0 2px 0;
}
#w_title_ar h2 a{
    color: #000;
    font-size: 16px;
    font-weight: bold;
}
.article{
    font-family: georgia;
    font-size: 13px;
    line-height: 20px;
    text-align: justify;
}    
.article_infos{
    color: #808080;
    font-size: 11px;
    margin-bottom: 6px;
}
.article_infos_comment{
    color: #808080;
    font-size: 12px;
}
.article_preview{
    width: 280px;
    height: auto;
    padding: 5px;
    text-align: left;
}
.isActive{
    color: #ce0000;
    font-weight: bold;
}
.full_image{
    float: left;
    margin: 5px;
}
.banner_600x120{
    width: 600px;
    height: 120px;
    margin: auto;
    border: 1px solid #999;
}

.ads_google_300x250{
    float: left;
    width: 300px;
    height: 250px;
    margin: 0 5px 0 0;
}
.ads_google_300x250_all{
    width: 300px;
    height: 250px;
    margin: auto;
}
.google_search_results_view{
    width: 600px;
    margin: auto;
    height: auto;
}
.tsa_ar_link{
    margin: auto;
    width: 225px;
    height: 20px;
    background: url(../images/bt_francais.png) no-repeat center;
    background-position: 0 0;
    line-height: 22px;
    width: 225px;
    padding: 0;
}
.video_panel{
    width: 299px;
    margin: auto;
    margin-left: -1px;
}
.video_comment{
    width: 289px;
    padding: 2px 5px 2px 5px;
    height: auto;
    color: #fff;
    background: #1c1c1c;
    opacity: 0.8;
    font-style: italic;
    text-decoration: underline;
}
.video_link{
    margin: 5px;
}
.video_link a{
    text-decoration: none;
    color: #141672;
}
.video_viewer{
    margin: auto;
    text-align: center;
}
/* formulaire d'inscription */
.frm_main{
    width: 500px;
    padding: 25px;
    margin: auto auto 10px auto;
    border: 1px #DFD1D2 dashed;
    text-align: center;
}
.frm_main hr{
    border: 0;
    border-bottom: 1px #DFD1D2 solid;
}
.frm_main fieldset{
    border: 1px dotted #DFD1D2;
}
.frm_subtitle{
    background-color: #35639f;
    text-align: center;
    padding: 0 7px 0 7px;
    color: #FFFFFF;
    font-size: 11px;
    line-height: 20px;
}
.form_row{
    width: 478px;
    padding: 10px 0 10px 0;
    color: #333;
    text-align: left;
}
.form_row h3{
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    margin: 0 0 10px 0;
}
label.lbtitle{
    width: 100px;float: left;
    font-size: 12px;font-weight: bold;
    text-align: left;padding: 4px 5px 0 0;
}
.confirm{
    font-style: italic;font-size: 10px;
}
.agreement{
    color: #000;font-weight: bold;font-size: 10px;
}
.agreement a{
    color: #795636;
}
/* formulaire d'abonnement */
.form_invite_subscription{
    width: 500px;padding: 25px;
    margin: auto;
    border: 1px #DFD1D2 dashed;
}
.form_invite_subscription a, .frm_update_subscription a{
    color: #141672;
    text-decoration: underline;
}
.frm_update_subscription{
    border: 1px dotted #DFD1D2;
    margin: 10px 0 10px 0;
    padding: 0px;
}
.frm_update_subscription ul{
    list-style-position: inside;
    margin-left: 5px;
}
.w_subscribe{
    margin: auto;
}
.w_subscribe a{
    color: #141672;
}
.w_subscribe .link{
    margin-left: 20px;
}
/***************Multi-tab****************/
.widget{
    width: 600px;
    margin: auto;
    padding: 10px 0 10px 0;
    background: inherit;
}
.widget a{
    color: #222;
    text-decoration: none;
}
.widget a:hover{
    color: #009;text-decoration: underline;
}
.widget ul{
    margin: 0;padding: 0 0 5px 0;
}
.tabnav li{
    padding: 5px 0 5px 0;
    display: inline;list-style: none;
    border: 1px solid #c5c5c5;
}
.tabnav li.active{
    padding: 5px 0 5px 0;
    display: inline;list-style: none;
    border: 1px solid #c5c5c5;
    background: #d3d3d3;color: #fff;
}
.tabnav li a{
    text-decoration: none;
    text-transform: uppercase;
    color: #222;
    font-weight: bold;
    padding: 4px 6px;
    outline: none;
}
.tabnav li a:hover,
.tabnav li a:active,
.tabnav li.ui-tabs-selected a{
    background: #dedbd1;
    color: #222;
    text-decoration: none;
}
.tabdiv{
    margin-top: 2px;
    background: inherit;
    border: 1px solid #dedbd1;
    padding: 5px;
}
.ui-tabs-hide{
    display: none;
}
/****************************************/    
.article_browser{
    margin: 20px 0 20px 0;
}
.article_browser a{
    color: #141672;
    text-decoration: underline;
}
.related_articles{
    border: 1px solid #141672;
    width: 606px;
    margin: auto;
    padding: 5px 0 5px 5px;
    background: #b9d4f3;
}
.related_articles a{
    color: #141672;
    text-decoration: underline;
    line-height: 1.6em;
}
input.register{
    width: 76px;
    height: 24px;
    border: none;
    cursor: pointer;
    text-align: center;
    float: left;
    color: #795636;
    background: #dde3e9;
    padding: 2px;
}
input.register:hover{
    border: 1px solid #31489d;
}
input.cancel{
    width: 76px;
    height: 24px;
    border: none;
    cursor: pointer;
    text-align: center;
    float: right;
    color: #795636;
    background: #dde3e9;
    padding: 2px;
}
.error{
    color: #ff0000;
    font-weight: bold;
}
#user_bar{}
#user_bar .login{
    font-size: 11px;
    font-style: italic;
}
/* pager begin*/
.pager{
    text-align: center;
    font-size: 14px;
    padding: 20px 0 20px 0;
    margin: 0;
    list-style-type: none;
}
.pager li{
    border: 0;
    margin: 0;
    padding: 2px;
    font-size: 11px;
    list-style: none;
    display: inline;
}
.pager li a{
    border: solid 1px #DDDDDD;
    margin-right: 2px;
}
.pager li a:hover{
    background: #fff;
    border: solid 1px #666666;
}
.pager .back_arrow a{
    color: #666666;
    font-weight: bold;
    padding: 3px 4px;
}
.pager .back_arrow a:hover{
    background: #141672;
    color: #ce0000;
}
/* pager end */
/* quotation begin*/
.quote_begin{
    background: url(../images/guillemet.png) no-repeat left;
    background-position: 0 -2px;
    line-height: 10px;
    width: 15px;
    padding: 0 10px 0 5px;
}
.quote_end{
    background: url(../images/guillemet.png) no-repeat left;
    background-position: 0 -13px;
    height: 17px;
    width: 15px;
    padding: 0 10px 0 10px;
}
.red_quote_begin{
    background: url(../images/guillemetRouge.png) no-repeat left;
    background-position: 0 -2px;
    line-height: 10px;
    width: 15px;
    padding: 0 10px 0 5px;
}
.red_quote_end{
    background: url(../images/guillemetRouge.png) no-repeat left;
    background-position: 0 -16px;
    height: 20px;
    width: 15px;
    padding: 0 10px 0 10px;
}
/**/
.red_title{
    color: #ce0000;
}
.tsa_arabi_infos{
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    color: #008;
    text-decoration: underline;
}
.tsa_arabi_infos a{
    color: #008;
}
.white_title{
    color: #fff;
}
.orange_title{
    color: #ff9900;
}
.black_title{
    color: #000;
}
.blue_title{
    color: #141672;
    font-weight: bold;
    font-size: 12px;
}
.normal_font{
    color: #000;
    font-weight: normal;
}
.orange_arrow{
    width: 15px;
    height: 13px;
    background: url(../images/fleche.png) no-repeat left;
    background-position: 2px 0;
}
.green_arrow{
    width: 15px;
    height: 13px;
    background: url(../images/fleche.png) no-repeat left;
    background-position: 2px -16px;
}
.grey_space{
    border: 5px solid #fff;/*couleur modifiee*/
}
.white_space{
    border: 5px solid #fff;
}
#footer{
    font-size: 12px;
    width: 1000px;
    height: auto;
    text-align: center;
    margin: auto;
}
#footer .head_footer {
    background: #faf1f1 url(../images/bg_head_footer.png)no-repeat;
    background-position: -3px 0;
    width: 975px;
    height: 36px;
    margin: auto;
}
#footer .head_footer ul{
    padding: 0 0 0 0;
    margin: auto;
    width: 970px;
}
#footer .head_footer ul li{
    list-style-type: none;
    display: inline;
    line-height: 36px;
}
#footer .head_footer ul li a{
    font: normal 10px verdana;
    color: #000;
    border-bottom: dotted 1px;
}
#footer .head_footer ul li a:hover{
    border-bottom: dotted 1px red;
}
.utils_link{
    margin-left: 25px;
    width: 970px;
}
.utils_link ul li{
    display: inline;
    list-style-type: none;
}
.menu_theme ul, .menu_theme ul a {
    margin: auto;
    text-align: right;
    font-size: 10px;
    color: #000;
}
.menu_theme ul li{
    width: 140px;
    padding: 0;
    float: left;
}
.menu_theme ul li.rub1{
    border-bottom: 1px solid red;
}
.menu_theme ul li.rub1_sep{
    border-bottom: 1px solid red;
    margin-right: 50px;
}
.menu_theme ul li.rub2{
    border-bottom: 1px solid #605c5c;
}
.menu_theme ul li.rub2_sep{
    border-bottom: 1px solid #605c5c;
    margin-right: 50px;
}
.menu_theme ul li.rub3{
    border-bottom: 1px solid #5fab50;
}
.list_link h4{
    font-size: 10px;
    font-weight: normal;
    margin: 0 0 5px 0;
}
.list_link ul, .list_link ul a {
    margin: auto;
    text-align: right;
    font-size: 10px;
    color: #000;
}
.list_link ul li{
    width: 135px;
    padding: 0 5px 0 0px;
    float: left;
}
.list_link ul li.rub1_sep{
    margin-right: 50px;
}
.list_link ul li.rub2_sep{
    margin-right: 50px;
}
.list_link ul li.rub3{
    border-bottom: 1px solid #5fab50;
}
#footer ul{
    padding: 0;
    margin: 0;
    line-height: 1.8em;
}
#footer ul.menu{
    margin: 10px 0 0 0;
}
#footer ul.menu li{
    display: inline;
    padding: 0 10px 0 10px;
}
#footer ul.menu li a{
    color: #0b0c3a;
    font-weight: bold;
}
#footer ul.submenu{
    text-align: justify;
}
#footer ul.submenu li{
    border-right: 1px solid green;
    display: inline;
    padding: 0 5px 0 0px;
}
#footer ul.submenu li a{
    color: #0b0c3a;
}

#menu{
    width: 999px;
    background: #e5e5e5 url(../images/bg_menu.png) repeat-y;
    background-position: -1px 0;
    margin: auto;  
}

#menu_bottom{
    width: 999px;
    background: #e5e5e5 url(../images/bg_body.png) repeat-y;
    background-position: -1px 0;
    margin: auto;  
}
.menu{
    width:970px;
    height:34px;
    font-size:18px;
    font-weight:bold;
    line-height:normal;
    color:#0b0c3a;
    margin:auto;
    background:#fff;
}
.menu ul{
    float: right;
    margin:0;
    padding:0;
    list-style:none;
}
.menu li{
    display:inline;
    margin:0;
    padding:0;
}
.menu a{
    float:left;
    margin:0;
    padding:0;
    text-decoration:none;
}
.menu a span{
    float:left;
    display:block;
    padding:5px 14px 5px 10px;
    color:#000;
    text-align:center;
}
.menu a.rub_1 span{
    border-bottom:5px solid red;
}
.menu a.rub_1_sep span{
    border-bottom:5px solid red;
    margin-left:1px;
}
.menu a.rub_2 span{
    border-bottom:5px solid #605c5c;
}
.menu a.rub_2_sep span{
    border-bottom:5px solid #605c5c;
    margin-left:1px;
}
.menu a.rub_3 span{
    border-bottom:5px solid #5fab50;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.menu a span{
    float:none;
}
/* End IE5-Mac hack */
.menu a:hover span{
    color:#ffa500;
}
/* Sub menu */
.sub_menu{
    clear:both;
    width: 999px;
    height:30px;
    background: #e5e5e5 url(../images/bg_body.png) repeat-y;
    background-position:-1px 0;
    font-size:12px;
    font-weight:bold;
    line-height:normal;
    color:#0b0c3a;
    margin:-2px auto;
    padding:0;
}
.sub_menu .left_div{
    float: right;
    margin-right: 24px;
}
.sub_menu .right_div{
    float: left;
    width: 300px;
    margin-left: 20px;
}
.sub_menu .left_col{
    float: left;
    text-decoration: underline;
}
.sub_menu .left_col a{
    float: left;
    color: #000;
    font-size: 10px;
}
.sub_menu .right_col{
    float: right;
    line-height: 30px;
    margin-left: 5px;
}

.sub_menu .right_col a{
    line-height: 30px;
    text-decoration: underline;
    color: #ff9900;
}
.rss_ico{
    float:left;
    padding: 0 0 0 5px;
}

/*Search Menu*/
.search_menu{
    float:left;
    padding:0 0 0 10px;
}
.search_menu .element{
    float:left;
    padding-top:5px;
}
.search_menu .element input{
    width:180px;
}
.search_menu .element img{
    width: 43px;
    height: 20px;
    border: 1px solid gray;
    border-right: none;
    cursor:pointer;
}
.element form input{
    padding:0;
    margin:0;
    height:22px;
    border:none;
    float:left;
}
.element form input#searchTerm,
.element form input#searchTerm_bottom{
    background:url(../images/search_deco.png) #fff left no-repeat;
    border:2px solid gray;
    width:168px;
    padding:2px 0 1px 2px;
    height:15px;
}
.element form input#search_go,
.element form input#search_bottom_go{
    border:none;
    background:gray;
    width:80px;
    padding-bottom:1px;
    font-size:8px;
}
.element form input#search_go:hover,
.element form input#search_bottom_go:hover{
    border:none;
    background:#999;
    width:80px;
    cursor:pointer;
}
/*Search Option*/
#sousmenu, 
#sousmenu_bottom{
    position:absolute;
    border:1px solid green;
    width:42px;
}
#sousmenu .choice, 
#sousmenu_bottom .choice{
    background:#f2eeee;
    width:40px;
    height:16px;
    padding-left:2px;
    text-align:left;
    font-size:11px;
}
#sousmenu .choice a:link, 
#sousmenu_bottom .choice a:link,
#sousmenu .choice a:visited, 
#sousmenu_bottom .choice a:visited{
    color:#0b0c3a;
}
#sousmenu .choice a:hover, 
#sousmenu_bottom .choice a:hover{
    color:red;
    background:white;
}
/*liste de liens utiles*/
.overTop {
    font-size:10px;
}
.overTop h1{
    float:right;
}
.overTop ul{
    padding:0;
    margin:0 10px 0 0;
    font-size:9px;
}
.overTop ul li{
    list-style-type:none;
    display:inline;
    float:left;
}
.overTop ul li a:hover{
    font-weight:normal;
    color:#f60;
}
.overTop ul li a{
    letter-spacing:-0.09em;
    color:#000;
    margin:0;
    padding:0 2px;
    text-decoration:underline;
    font-family:verdana;
}

/* Horizontal Carousel */
#horizontal_carousel {
  width: 260px;
  height: 220px;
  padding:0 10px 10px 10px;
  background:#f6f6f6;
  border:solid 1px #e9e9e9;
}
#horizontal_carousel h3{
font-size:16px;font-weight:bold;text-align:center;
}

#horizontal_carousel h4{
font-size:15px;font-weight:normal;margin:0;padding:0;
}

#horizontal_carousel h4 a{
color:#000080;
}

#horizontal_carousel h4 a:hover{
text-decoration:none;font-weight:normal;
}

#horizontal_carousel .slider_title{
text-align:center;font-size:14px;font-weight:bold;color:#ff0000;width:250px;padding:5px;
}

#horizontal_carousel .container {
position:relative;
width: 260px;
overflow: hidden;
}

#horizontal_carousel ul {
  margin: 0;
  padding:0;
  width: 3600px;
  position: relative;
  top: 0;
  left: 0;
  height: 186px;
}                      

#horizontal_carousel ul li {
  width: 260px;
  height: 186px;
  text-align: left; 
  list-style:none;   
  float:left;
}

#horizontal_carousel .buttons{
    overflow:hidden;height:12px;
    display:block;clear:both;
}
#horizontal_carousel .previous_button {
  float:left; 
  background: url(../images/flecheBleu.png) no-repeat;background-position:0 -34px;padding:5px;
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel .previous_button_over {
  background: url(../images/flecheBleu.png) no-repeat;background-position:0 -12px;padding:5px;
}

#horizontal_carousel .previous_button_disabled {
  background: url(../images/flecheBleu.png) no-repeat;background-position:0 -59px;padding:5px;
  cursor: default;
}

#horizontal_carousel .next_button {
  float:right;
  background: url(../images/flecheBleu.png) no-repeat;background-position:0 -23px;padding:5px;
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel .next_button_over {
  background: url(../images/flecheBleu.png) no-repeat;background-position:0 0;padding:5px;
}

#horizontal_carousel .next_button_disabled {
  background: url(../images/flecheBleu.png) no-repeat;background-position:0 -47px;padding:5px;
  cursor: default;
}