html{outline:none}
body, p, h1, h2, h3, h4, h5, h6, ul, li, input, form{margin:0px; padding:0px}
img, a{border:0px;}
input{line-height:normal;}
body{background:#4b4b4b; font:normal 12px/16px Arial,Helvetica,sans-serif; color:#000;}

cachee {display:none;}

#outer_container{width:100%; margin:0px auto;}
.bottom_link{background:url(../images/jaune-arrow.gif) left 5px no-repeat; padding:0px 0px 0px 15px; font:bold 12px/12px Arial,Helvetica,sans-serif; color:#80a6ce;}
.bottom_link a{text-decoration:underline; color:#80a6ce;}
.bottom_link a:hover{text-decoration:none; color:#80a6ce;}

/* Début Header */
#outer_header{background:#ffbe00; width:100%; margin:0px auto;height:203px}
#header{width:968px; margin:0px auto;}
#header .top_sec{overflow:hidden; height:100%;}
#header #left_head{float:left; overflow:hidden; height:100%;}
#header #left_head h1{float:left; margin:0px 43px 0px 0px;}
#header #left_head h1 a{display:block; background:url(../images/logo.gif) no-repeat 0 0; width:199px; height:152px; text-indent:-9999px;}
#left_head h2{float:left; padding-top:60px; width:400px; font:normal 24px "Century Gothic",Arial,Helvetica,sans-serif; color:#FFF}
#left_head h2 strong{font-weight:bold; color:#FFF; font-size:30px}
#left_head h2 .black{font-weight:bold; color:#000; font-size:30px}
#header #right_heading{float:right; width:auto; overflow:hidden; height:100%}
.platinium{font:bold 13px/22px Arial,Helvetica,sans-serif; color:#888484; text-align:right}
#right_heading ul{list-style:none; overflow:hidden; height:100%}
#right_heading ul li{float:right; margin-left:8px; padding:0px 0px 0px 9px}
#right_heading ul li.first{width:130px; height:130px}
#right_heading ul li.first .right_img{float:right; padding:9px 10px 0px 8px; text-transform:uppercase; font:bold 11px Arial,Helvetica,sans-serif; color:#fff}
.right_img img{border:1px solid #c0c0c0; display:block}
.first .text{padding-top:19px; padding-right:10px}
.first .name_heading{font:bold 14px/14px Arial,Helvetica,sans-serif; color:#fefe66; padding-top:8px; display:block}
#right_heading ul li.second{width:128px; height:128px}
#right_heading ul li.second .right_img{float:right; padding:9px 10px 0px 8px; text-transform:uppercase; font:bold 11px Arial,Helvetica,sans-serif; color:#000}
.second .right_img img{border:1px solid #000; display:block}
.second .text{padding-top:19px; padding-right:10px}
.second .name_heading{font:bold 14px/14px Arial,Helvetica,sans-serif; color:#4d4d4d; padding-top:8px; display:block}
#header .bottom_sec{ height:100%; padding-top:19px}
/*#right_link{float:right}*/
#right_link ul{overflow:hidden; height:100%; list-style:none; padding-top:10px}
#right_link ul li{background:url(../images/or-arrow.gif) left 5px no-repeat; float:right; padding:0px 0px 0px 9px; font:normal 14px Arial,Helvetica,sans-serif; color:#000;}
#right_link ul li a{text-decoration:none; color:#000;}
#right_link ul li a:hover{text-decoration:underline; color:#000;}

/* Début navigation */
/*#nav{margin:0px; height:32px; overflow:hidden; float:left; width:847px;}
#nav ul{list-style:none; margin:0px; padding:0px; overflow:hidden;}
#nav li{font:normal 14px/14px Arial,Helvetica,sans-serif; color:#000; float:left; display:block;}
#nav li a{display:block; text-decoration:none;}
#nav li a span{background:url(../images/right-nav-bg.gif) right top no-repeat; display:block; color:#000; text-decoration:none; line-height:32px;}

#nav li a:hover{background:url(../images/right-nav-bg.gif) right bottom no-repeat; color:#000; text-decoration:none;}
#nav li a:hover span{background:url(../images/left-nav-bg.gif) no-repeat;  color:#000; text-decoration:none; }
*/
#nav li a.current{background:url(../images/right-nav-bg.gif) right bottom no-repeat; color:#000; text-decoration:none; font-weight:normal}
#nav li a.current span{font-weight:normal; background:url(../images/left-nav-bg.gif) no-repeat; color:#000; text-decoration:none}
#nav li.main{font:bold 14px/14px Arial,Helvetica,sans-serif; color:#fff; float:left; display:block}
#nav li.main a{display:block; text-decoration:none; font-weight:bold}
#nav li.main a span{background:url(../images/right-nav-bg.gif) right top no-repeat; display:block; color:#fff; padding:0 19px 0 19px; text-decoration:none; line-height:32px; font-weight:bold}
#nav li.main a:hover{background:url(../images/right-nav-bg.gif) right bottom no-repeat; color:#000; font-weight:bold; text-decoration:none}
#nav li.main a:hover span{background:url(../images/left-nav-bg.gif) no-repeat;  color:#000; text-decoration:none; position:relative; font-weight:bold}
#nav li.main a.current{background:url(../images/right-nav-bg.gif) right bottom no-repeat; color:#000; text-decoration:none; font-weight:normal; font-weight:bold}
#nav li.main a.current span{font-weight:bold; background:url(../images/left-nav-bg.gif) no-repeat; color:#000; text-decoration:none}
/* fin Nagvigation */
/* Fin Header */
/* Début contenu */
#outer_content{background:#fff url(../images/content-bg.gif) left top repeat-x; width:100%; margin:0px auto}
#content{width:968px; margin:0px auto; padding-top:24px; position:relative}
#outer_main{background:url(../images/content-bg-rpt.png) left top repeat-y}
#main{background:url(../images/bottom-content.gif) left bottom no-repeat; width:968px; height:100%}

.over-flow{overflow:hidden}

#main .left_content_sec{float:left; width:210px; padding-left:2px}
.login_box{position:relative; background:url(../images/jaune-box-bg.jpg) left bottom no-repeat; height:100%}
.login_box a{text-decoration:none; color:#444444; font-weight:bold}
.login_box a:hover{text-decoration:underline; color:#444444; font-weight:bold}
h2.login_head{position:absolute; left:2px; top:16px; _top:-10px; width:120px; height:24px; background:url(../images/jaune-top-corner.gif) left top no-repeat; font:bold 24px/24px "Century Gothic",Arial,Helvetica,sans-serif; color:#000; padding:30px 0px 18px 90px; z-index:9999}
#main .right_content_sec{float:left; width:756px; padding-bottom:25px}
.input_box_bg{background:url(../images/input-box-bg.gif) left top no-repeat; width:174px; height:22px; display:block; margin:0px auto; padding:0px 0px 5px 0px}
.input_box_bg input{float:left; width:120px; height:20px; border:0px; font:normal 12px/20px Arial,Helvetica,sans-serif; color:#000; padding-left:5px}
.login_box form{padding:83px 0px 14px 0px}
.login_box form .ok_button{position:absolute; right:23px; top:90px}
.ok_button a{background:url(../images/ok-btn.gif) left top no-repeat; width:36px; height:38px; font:bold 18px/38px Arial,Helvetica,sans-serif; color:#FFF; text-decoration:none; display:block; text-align:center}
.ok_button a:hover{background:url(../images/ok-btn.gif) left bottom no-repeat; color:#FFF}

.left_content_sec h3{border-bottom:1px solid #efefef; font:bold 13px/20px Arial,Helvetica,sans-serif; color:#666666; padding:20px 0px 0px 0px; margin:0px 17px 0px 11px; text-align:center}
.left_content_sec ul{list-style:none}
.left_content_sec li{padding:27px 0px; text-align:center}
.right_content_sec .top_content_sec{background:url(../images/top-banner-img-bg.gif) left top repeat-x; height:269px; width:744px; padding:18px 0px 0px 0px; position:relative}
.top_content_sec .slider_img{text-align:center; width:744px; margin:0px auto; display:block}
.slider_img img{border:6px solid #fff}
.top_content_sec .heading{font:normal 25px/25px Arial,Helvetica,sans-serif; color:#FFF; padding-left:137px; display:block; padding-top:8px}
.top_content_sec .banner_heading{display:block}
.top_content_sec .edition{position:absolute; background:url(../images/edition-img.png) left top no-repeat; left:12px; bottom:0px; font:bold 20px Arial,Helvetica,sans-serif; color:#ffbe00; width:95px; height:57px; z-index:200; padding:40px 0px 0px 0px; text-align:center}
.box{overflow:hidden; height:100%; padding-top:6px; padding-right:12px; padding-bottom:20px; padding-left:30px}
.name_head{border-left:6px solid #ffbf00; overflow:hidden; height:32px}
.name_head .heading{float:left; font:bold 22px/32px Arial,Helvetica,sans-serif; color:#000; padding:0px 20px 0px 14px}
.name_head ul{list-style:none; overflow:hidden; padding:8px 0px 0px 0px}
.name_head ul li{float:left; font:normal 12px Arial,Helvetica,sans-serif; color:#408bd8; background:url(../images/sep-black.gif) left 3px no-repeat; padding:0px 0px 0px 10px}
.name_head ul li.no_bg{background:none}
.name_head ul li span{float:left; font:normal 12px Arial,Helvetica,sans-serif; color:#408bd8; background:url(../images/puce.gif) left 5px no-repeat; padding:0px 9px 0px 10px}
.name_head ul li span a{text-decoration:none; color:#408bd8}
.name_head ul li span a:hover{text-decoration:underline; color:#408bd8}
.content_text{overflow:hidden; height:100%; padding-right:16px}
.content_logo{overflow:hidden; height:100%; padding-right:0px}
.content_text a{text-decoration:none; color:#408bd8; cursor:pointer}
.content_text a:hover{text-decoration:underline; color:#408bd8}
.content_text .bold_text, .content_logo .bold_text{font-weight:bold; color:#565656; padding-top:14px}
.content_text p, .content_logo p{padding-bottom:5px; padding-top:14px}
.orange_text{color:#e07f01}
.content_text ul, .content_logo ul{overflow:hidden; height:100%; list-style:none; padding:17px 0 10px 0px}
.content_text ul li, .content_logo ul li{float:left; padding:0px 16px 0px 0px}
.content_text ul li img, .content_logo ul li img{border:5px solid #f2f1f1}

.content_text .right_img{float:right; padding-top:0px; padding-left:22px; padding-bottom:10px; padding-right:0px}
.content_text .right_img img{border:1px solid #c9c3c3}
.content_text .left_img{float:left; padding-top:0px; padding-right:22px; padding-bottom:10px; padding-left:0px}
.content_text .left_img img{border:1px solid #c9c3c3}
.content_text .support_comm{float:right}

.content_text a.bo_btn {background:url(../images/Btn_bo.gif) left top no-repeat; width:115px; height:36px; font:bold 15px/38px Arial,Helvetica,sans-serif; color:#FFF; text-decoration:none; display:block; text-align:center}
.content_text a.bo_btn:hover{background:url(../images/Btn_bo.gif) left bottom no-repeat; color:#FFF}


.bottom_content_text{overflow:hidden; height:100%; padding-top:12px; padding-right:16px}
.bottom_content_text .left_img{float:left; padding-top:0px; padding-right:22px; padding-bottom:10px; padding-left:0px}
.bottom_content_text .left_img img{border:1px solid #c9c3c3}
.content_text .right_img{float:right; padding-top:0px; padding-left:22px; padding-bottom:10px; padding-right:0px}
.content_text .right_img img{border:1px solid #c9c3c3}
.bottom_content_text .right_img{float:right; padding-top:0px; padding-left:22px; padding-bottom:10px; padding-right:0px}
.bottom_content_text .right_img img{border:1px solid #c9c3c3}
.bottom_content_text strong{font-weight:bold; color:#565656}
.bottom_content_text a{text-decoration:none; color:#408bd8}
.bottom_content_text a:hover{text-decoration:underline; color:#408bd8}
.bottom_content_text a.bo_btn {background:url(../images/Btn_bo.gif) left top no-repeat; width:115px; height:36px; font:bold 15px/38px Arial,Helvetica,sans-serif; color:#FFF; text-decoration:none; display:block; text-align:center}
.bottom_content_text a.bo_btn:hover{background:url(../images/Btn_bo.gif) left bottom no-repeat; color:#FFF}

.calendrier_text{overflow:hidden; height:100%}
.calendrier_text ul{list-style:none; overflow:hidden; height:100%; padding-top:0px; padding-bottom:5px}
.calendrier_text li{border-right:1px dotted #ccc; width:128px; float:left; padding-left:10px; margin-top:20px}
.calendrier_text li.no_border{border:none}
.calendrier_text .top_pop_up{background:url(../images/top-popup_bg.gif) left top no-repeat; width:108px; padding:5px; height:51px; display:block; text-align:center; font:bold 14px Arial,Helvetica,sans-serif; color:#565656; padding-top:13px}
.top_space{padding:13px 0px 0px 0px}
.small_name{text-align:center; display:block; font:bold 11px Arial,Helvetica,sans-serif; color:#ccc}
.name{text-align:center; display:block; font:normal 18px/18px Arial,Helvetica,sans-serif; color:#fa0}
.date{text-align:center; display:block; font:bold 22px/22px Arial,Helvetica,sans-serif; color:#000}
.year{text-align:center; display:block; font:bold 28px/28px Arial,Helvetica,sans-serif; color:#fa0}
.space_text{padding-bottom:17px; padding-right:15px}
#date_space{padding-top:33px}
/* Fin contenu */
/* Début footer */
#outer_footer{background:#4b4b4b; width:100%; margin:0px auto; border-top:7px solid #ffbf00}
#footer{width:968px; margin:0px auto}
#footer .top_footer_sec{overflow:hidden; height:100%}
.top_footer_sec .left_footer_sec{float:left; font:bold 20px/30px "Century Gothic",Arial,Helvetica,sans-serif; color:#FFF}
.top_footer_sec .right_footer_sec{float:right; font:normal 11px/30px Arial,Helvetica,sans-serif; color:#FFF}
.right_footer_sec a{text-decoration:none; color:#FFF}
.right_footer_sec a:hover{text-decoration:underline; color:#FFF}
.mid_footer_sec{overflow:hidden; height:100%}
.mid_footer_sec .gray_box{background:#636161; width:363px; overflow:hidden; height:100%; padding-left:25px; padding-top:24px; padding-bottom:14px; float:left}
.mid_footer_sec .gray_box ul{list-style:none}
.gray_box ul li{background:url(../images/jaune-rectangle.gif) left 3px no-repeat; font:normal 12px/12px Arial,Helvetica,sans-serif; color:#fff; padding:0px 0px 5px 15px}
.gray_box ul li a{text-decoration:none; color:#fff}
.gray_box ul li a:hover{text-decoration:underline; color:#fff}
.mid_footer_sec .silver{overflow:hidden; height:100%}
.mid_footer_sec .silver ul{float:right; list-style:none}
.silver ul li{float:left; width:123px; height:118px; padding-top:10px; text-align:center; background:#4b4b4b; margin:0px 0px 0px 17px}
.bottom_footer_sec{text-align:right; font:bold 13px/30px Arial,Helvetica,sans-serif; color:#828282; padding-bottom:19px}
/* Fin footer */

.top_content_sec .heading_normal{font:normal 25px/25px Arial,Helvetica,sans-serif; color:#FFF; padding-left:30px; display:block; padding-top:8px}

.titretab { text-align:center; font-weight:bold; color:#828282}
.content_text input {width:100%; height:20px; background:none; border:1px solid #fce5c7; text-align:center; color:#828282; font-size:12px; vertical-align:middle}
.content_text input .img{background:none; border:1px solid #fce5c7; text-align:center; color:#828282; font-size:12px; vertical-align:middle}
.content_text .buttonImg { width: 83px; height: 38px; border: none; cursor: pointer; background: url("../images/edition2011/Valider.gif") no-repeat left top; }
.bottom_content_text input {width:100%; height:20px; background:none; border:1px solid #fce5c7; text-align:center; color:#828282; font-size:12px; vertical-align:middle}
.content_text select{width:100%; height:19px; background:none; border:1px solid #fce5c7; text-align:left; color:#828282; font-size:12px}
.bottom_content_text select{width:100%; height:19px; background:none; border:1px solid #fce5c7; text-align:left; color:#828282; font-size:12px}