body, p, ul, li, h1, h2, h3, h4, h5, h6, form, input, select{margin:0px; padding:0px}
html a{outline:none}
#outer_container{width:100%; overflow:hidden; height:100%}
#container{margin:0 auto; width:953px; overflow:hidden; height:100%}
.clear{clear:both}
body{background:url(../images/body-bg.gif) left top repeat-x; font:normal 11px Verdana,Arial,Helvetica,sans-serif; color:#556068}
/* Début Header */
#header{background:url(../images/header-bg.jpg) center top no-repeat; overflow:hidden; height:100%}
#header.header_home{padding-bottom:12px}
h1.logo{float:left; padding:25px 0px 26px 0px}
h1.logo a{background:url(../images/logo.png) no-repeat 0px 0px; width:444px; height:59px; text-indent:-99999px; display:block}
#header ul{float:right; width:176px; list-style:none; padding-top:10px}
#header ul li{background:url(../images/white-arrow.gif) left 7px no-repeat; font:bold 12px/18px Arial,Helvetica,sans-serif; color:#fff; padding:0px 0px 0px 13px}
#header ul li a{text-decoration:none; color:#FFF}
#header ul li a:hover{text-decoration:underline; color:#FFF}
/* Fin header */
/* Début contenu */
#content{overflow:hidden; height:100%; padding-bottom:27px}

.top_tab{overflow:hidden; height:60px; width:100%}
.top_tab ul{list-style:none; float:left}
.top_tab li{list-style:none; float:left}
.menu{list-style:none; width:552px; padding-top:18px; padding-left:65px}
.menu li{width:179px; float:left; font:bold 18px/42px "Century Gothic",Arial,verdana; color:#FFF; text-align:center; padding-left:5px}
.menu li a{background:url(../images/tab-top-btn.gif) left top no-repeat; display:block; text-decoration:none; color:#FFF; display:block}
.menu li a:hover{background:url(../images/tab-top-btn.gif) left bottom no-repeat; text-decoration:none; color:#000}
.menu li a.selected{background:url(../images/tab-top-btn.gif) left bottom no-repeat; text-decoration:none; color:#000}
.side_btn{list-style:none; width:311px; overflow:hidden; padding-top:11px; padding-left:24px}
.side_btn li{float:left; font:bold 12px/13px Verdana,Arial,Helvetica,sans-serif; color:#308fdf; padding-left:32px}
.side_btn li.identifier a{float:left; padding:25px 0px 5px 51px; background:url(../images/identifier.gif) left top no-repeat; color:#308fdf; text-decoration:underline}
.side_btn li.inscrire a{float:left; padding:25px 0px 5px 51px; background:url(../images/inscrire.gif) left top no-repeat; color:#308fdf; text-decoration:underline}
.side_btn li a:hover{color:#308fdf; text-decoration:none}
.encart_jaune{background:#ffdd6f; overflow:hidden; height:100%}
.encart_jaune_top{background:url(../images/top-yellow-corner.gif) left top no-repeat}
.encart_jaune_bottom{background:url(../images/bottom.jpg) left bottom no-repeat; padding:15px 0 15px 0}
.divider{background:url(../images/border-yellow.gif) left 0px repeat-y; overflow:hidden; height:100%}
.divider .left_sec{float:left; width:462px; padding:0px 0px 0px 13px}
.divider .left_sec form{padding-left:37px; overflow:hidden; height:100%}
.divider .left_sec form ins{text-decoration:none; font:bold 12px Verdana,Arial,Helvetica,sans-serif; color:#5f5f5f; display:block; padding-bottom:5px}
.divider .left_sec form select{position:relative}
.styled-small{position:absolute; width:392px; height:26px; font-style:normal; padding:5px 24px 5px 8px; font:normal 12px Verdana,Arial,Helvetica,sans-serif; color:#000; background:url(../images/select2.gif) no-repeat; _background:none; border:0px}
option{color:#000}

.third{width:30%; float:left}
.divider .left_sec form p{overflow:hidden; height:100%; padding:10px 0px 14px 0; float:left}
.divider .left_sec form .row{overflow:hidden; height:100%; padding:10px 0px 14px 0}

.divider .left_sec form label{float:left; font:bold 12px/26px Verdana,Arial,Helvetica,sans-serif; color:#5f5f5f}
.input_bg{background:url(../images/input-bg.gif) right top no-repeat !important; width:160px; height:26px; float:left;  margin:0 21px 0 15px; padding:3px}
.input_box{border:0px; display:block; height:18px; font:normal 12px Verdana,Arial,Helvetica,sans-serif; line-height:normal; padding:0; color:#000; float:left}
.divider .left_sec form a.validor_btn{background:url(../images/validor-btn.gif) left top no-repeat; width:112px; height:30px; display:block; color:#FFF; border:0px; cursor:pointer; text-decoration:none; float:middle; text-transform:uppercase; font:bold 15px/30px Arial,verdana; text-align:center}
.divider .left_sec form a:hover.validor_btn{text-decoration:none; color:#000}
.heading_sec{overflow:hidden; height:100%}
.heading_sec h2{font:bold 20px/40px "Century Gothic",Arial,verdana; font-style:italic; color:#000}
.heading_sec h2 span{color:#6a7d8c}
.heading_sec img{float:left; margin-right:20px}
.divider .right_sec{float:left; width:443px; padding-left:35px; font:bold 12px Verdana,Arial,Helvetica,sans-serif; color:#000}
.divider .right_sec a{text-decoration:underline; color:#308fdf}
.divider .right_sec a:hover{text-decoration:none; color:#308fdf}
.divider .right_sec p.pas_inscrit{text-align:center; padding-top:18px; overflow:hidden; height:100%}
.divider .right_sec p a.je_btn{margin:0 auto; text-align:center; display:block; background:url(../images/btn.gif) left top no-repeat; width:255px; height:30px; line-height:30px; color:#FFF; text-decoration:none; text-transform:uppercase}
.divider .right_sec p a:hover.je_btn{color:#000; text-decoration:none}

.bottom_contentsec{overflow:hidden; height:100%}
.left_cont{float:left; width:705px; padding-top:11px}
.left_cont ul{overflow:hidden; height:100%; list-style:none}
.left_cont ul li{float:left; font:bold 11px/30px Verdana,Arial,Helvetica,sans-serif; padding-right:3px; text-align:center; color:#737d83}
.left_cont ul li a{background:url(../images/req-tab.gif) left top no-repeat; width:174px; height:30px; display:block; text-decoration:none; color:#737d83}
.left_cont ul li a:hover{background:url(../images/req-tab.gif) left bottom no-repeat; text-decoration:none; color:#000}
.left_cont ul li a.selected{background:url(../images/req-tab.gif) left bottom no-repeat; text-decoration:none; color:#000}
.left_cont ul li.no_space{padding:0px}
.left_cont_detail{background:#dce8f0 url(../images/bot-corner.gif) left bottom no-repeat; overflow:hidden; height:100%; padding-bottom:15px}
.left_cont_detail img{float:left; border:1px solid #b6b6b6; margin:15px 15px 0 15px}
.left_cont_detail h3{font:bold 14px Verdana,Arial,Helvetica,sans-serif; color:#000; padding:17px 0}
.left_cont_detail p{font:normal 11px Verdana,Arial,Helvetica,sans-serif; color:#556068; text-align:justify; padding-right:21px}
.link a{background:url(../images/bl-arrow.gif) left 5px no-repeat; text-decoration:underline; color:#308fdf; padding-left:13px; float:left; margin:10px 0px 0px 0px}
.link a:hover{text-decoration:none; color:#308fdf}
#main{overflow:hidden; height:100%; width:705px; float:left}
.right_side_sec{float:left; width:233px; padding-left:15px; padding-top:10px}
.right_side_sec_inner{float:left; width:233px; padding-right:15px; padding-top:10px}

.box{overflow:hidden; margin-bottom:10px; height:100%}
.gray_box_bot{background:url(../images/gr-box-bot.gif) left bottom no-repeat; padding:12px 0px 15px 14px; overflow:hidden; height:100%}
.gray_box_top{background:#efefef url(../images/gr-box-top.gif) left top no-repeat}
.gray_box_bot img{float:left; margin-right:20px}
.gray_box_bot p{padding-right:15px}
.gray_box_bot ul{list-style:none; float:left}
.gray_box_bot li{background:url(../images/g-arrow.gif) left 4px no-repeat; padding:0px 0px 11px 8px; font:normal 11px/11px Verdana,Arial,Helvetica,sans-serif; color:#556068}
.gray_box_bot2{background:url(../images/gr-box-bot-bg.gif) left bottom no-repeat; padding:12px 0px 15px 14px; overflow:hidden; height:100%}
.gray_box_bot2 img{float:left; margin-right:20px}
.gray_box_bot2 p{padding-right:15px}
.gray_box_bot2 ul{list-style:none; float:left; padding-left:15px}
.gray_box_bot2 li{background:url(../images/g-arrow.gif) left 4px no-repeat; padding:0px 0px 11px 8px; font:normal 11px/11px Verdana,Arial,Helvetica,sans-serif; color:#556068}
.blue_box_bot{background:url(../images/blue-box-bot.gif) left bottom no-repeat; padding:12px 0px 15px 14px; overflow:hidden; height:100%}
.blue_box_top{background:#dce8f0 url(../images/blue-box-top.gif) left top no-repeat}
.blue_box_bot img{float:left; margin-right:15px}
.blue_box_bot p{padding-right:10px; padding-bottom:10px}
.blue_box_bot p a.sinc_btn{float:left; padding:0px 0px 0px 30px; display:block; background:url(../images/sinc-btn.gif) left top no-repeat; width:83px; height:26px; color:#FFF; text-decoration:none; text-transform:uppercase; font:bold 11px/22px Verdana,Arial,Helvetica,sans-serif}
.blue_box_bot p a:hover.sinc_btn{color:#000; text-decoration:none}
.bottom_con_sec{overflow:hidden; height:100%; padding-top:13px}
.bottom_con_sec .dern_sec{float:left; width:327px; margin:0px 11px 0px 0px; background:#f8f8f1 url(../images/dern-bot-corn.gif) left bottom no-repeat}
.dern_sec h5{background:url(../images/dern-top-corn.gif) left top no-repeat; font:bold 11px/11px Verdana,Arial,Helvetica,sans-serif; color:#596e30; width:295px; height:19px; padding:10px 0px 0px 32px}
.dern_sec ul{list-style:none; padding:15px 0}
.dern_sec ul li{background:url(../images/green-arrow.gif) 18px 3px no-repeat; padding:2px 0px 2px 26px; font:normal 11px/11px Verdana,Arial,Helvetica,sans-serif; color:#89ac44}
.dern_sec ul li a{color:#7ba3c3; text-decoration:none; padding-left:10px}
.dern_sec ul li a:hover{color:#7ba3c3; text-decoration:underline}
h4{font:bold 14px Verdana,Arial,Helvetica,sans-serif; color:#000; padding:0px 0px 14px 0px}
.bottom_con_sec .an_tab{float:left; width:366px}
.bottom_con_sec .an_tab_detail{width:366px; background:#faf6f0 url(../images/an-tab-bot-corn.gif) left bottom no-repeat}
.an_tab_detail ul{list-style:none; padding:15px 0; width:366px; display:block; overflow:hidden; height:100%}
.an_tab_detail ul li{background:url(../images/green-arrow.gif) 18px 3px no-repeat; padding:2px 0px 2px 26px; font:normal 11px/11px Verdana,Arial,Helvetica,sans-serif; color:#89ac44; display:block; margin:0}
.an_tab_detail ul li a{color:#7ba3c3; padding-left:10px; text-decoration:none}
.an_tab_detail ul li a:hover{color:#7ba3c3; text-decoration:underline}
.annonce_tab{overflow:hidden; height:100%}
.annonce_tab ul{overflow:hidden; height:100%; list-style:none}
.annonce_tab ul li{float:left; font:bold 11px/30px Verdana,Arial,Helvetica,sans-serif; padding-right:3px; text-align:center; color:#737d83}
.annonce_tab ul li a{background:url(../images/an-tab-img.gif) left top no-repeat; width:120px; height:31px; display:block; text-decoration:none; color:#737d83}
.annonce_tab ul li a:hover{background:url(../images/an-tab-img.gif) left bottom no-repeat; text-decoration:none; color:#ff9000}
.annonce_tab ul li a.selected{background:url(../images/an-tab-img.gif) left bottom no-repeat; text-decoration:none; color:#ff9000}
ul li.no_space{padding:0px}

/*  Début inner sec */
.nav_inner{overflow:hidden; height:100%}
.nav_inner ul{list-style:none; overflow:hidden; height:100%}
.nav_inner ul li{float:left; width:136px; height:39px; text-align:center; font:bold 12px/39px Arial,Helvetica,sans-serif; color:#000}
.nav_inner ul li a{background:url(../images/nav.gif) left top no-repeat; display:block; text-decoration:none; color:#000}
.nav_inner ul li a:hover{background:url(../images/nav.gif) left bottom no-repeat; display:block; text-decoration:none; color:#fff}
.nav_inner ul li a.active{background:url(../images/nav.gif) left -39px no-repeat; display:block; text-decoration:none; color:#000}

.sub_menu{background:url(../images/sub-menu-bg.gif) 10px top repeat-x; height:35px}
.sub_menu ul{list-style:none; overflow:hidden; display:block; height:100%}
.sub_menu ul li{float:left; font:normal 11px/35px Arial,Helvetica,sans-serif; color:#000; padding:0 4px}
.sub_menu ul li a{background:url(../images/s-arrow.gif) right 5px no-repeat; text-decoration:none; color:#528bc0; padding:0px 10px 0px 0px}
.inner_content{overflow:hidden; height:100%; padding-top:15px}

.inner_left_sec{float:left; width:206px}
.inner_left_sec .email_sec{background:#d8e2e9 url(../images/email_sec-top.gif) left top no-repeat; width:193px; padding:0px 0px 0px 12px}
.email_sec h2{font:bold 14px Verdana,Arial,Helvetica,sans-serif; color:#000; padding:10px 0px 10px 0px}
.email_sec ul{list-style:none; overflow:hidden; height:100%}
.email_sec ul li{padding:0px 0px 4px 0px; overflow:hidden; height:100%}
.email_sec ul li label{float:left; width:85px; font:bold 11px Verdana,Arial,Helvetica,sans-serif; color:#000; letter-spacing:-1px}

.email_sec ul li .link2{width:85px; float:left; font:normal 10px Verdana,Arial,Helvetica,sans-serif; color:#528bc0; text-decoration:underline}
.email_sec ul li .link2 a{font:normal 10px Verdana,Arial,Helvetica,sans-serif; color:#528bc0; text-decoration:underline}
.inp_box{background:url(../images/input-bg2.gif) left top no-repeat; width:103px; height:20px; float:left}
.input_box3{float:left; width:96px; height:14px; border:0px; margin:2px}

a.valid_btn{float:left; padding:0px 0px 0px 30px; display:block; background:url(../images/validor-btn-gr.gif) left top no-repeat; width:73px; height:26px; color:#FFF; text-decoration:none; text-transform:uppercase; font:bold 11px/22px Verdana,Arial,Helvetica,sans-serif}
a:hover.valid_btn{color:#000; text-decoration:none}

ul.blue_bot{list-style:none; background:url(../images/blue-bot.gif) left top no-repeat; height:35px; padding-left:10px; padding-top:2px}
ul.blue_bot li.first{background:url(../images/eye-icon.gif) left top no-repeat; font:bold 12px/17px Verdana,Arial,Helvetica,sans-serif; color:#FFF; padding:0px 0px 0px 30px}
ul.blue_bot li.second{background:url(../images/b-arrow.gif) 5px 5px no-repeat; font:normal 11px Verdana,Arial,Helvetica,sans-serif; color:#d3e9f7; padding:0px 0px 0px 15px}

ul.blue_bot li.second a{text-decoration:underline; color:#d3e9f7}
ul.blue_bot li.second a:hover{text-decoration:none; color:#d3e9f7}

.gray_box_bot_inner{background:url(../images/gray-bot.gif) left bottom no-repeat; padding:12px 5px 15px 8px; overflow:hidden; height:100%}
.gray_box_top_inner{background:#f3f3f3 url(../images/gray-top.gif) left top no-repeat}
.gray_box_bot_inner img{float:left; margin-right:0px}
.gray_box_bot_inner p{padding-right:0px}
.gray_box_bot_inner ul{list-style:none; float:left}
.gray_box_bot_inner li{background:url(../images/g-arrow.gif) left 4px no-repeat; padding:0px 0px 11px 8px; font:normal 11px/11px Verdana,Arial,Helvetica,sans-serif; color:#556068}
.gray_box_top_inner h4{border-bottom:4px solid #d7cec6; font:bold 12px Verdana,Arial,Helvetica,sans-serif; color:#231f20; overflow:hidden; height:100%; margin:0px; padding:0px}
.gray_box_top_inner h4 img{float:left; margin-right:13px}
.gray_box_top_inner h4 ins{width:105px; float:left; text-decoration:none; font:bold 12px Verdana,Arial,Helvetica,sans-serif; color:#231f20}
.gray_box_top_inner h5{border-bottom:2px solid #d7cec6; font:bold 12px/13px Verdana,Arial,Helvetica,sans-serif; color:#7a3b12; padding:6px 0}
.gray_box_top_inner h5 a{background:url(../images/c-arrow.gif) left top no-repeat; padding:0px 0px 0px 21px; text-decoration:underline; color:#7a3b12}
.gray_box_top_inner h5 a:hover{text-decoration:none; color:#7a3b12}

.gray_box_top_inner ul{list-style:none; margin:0px; padding:12px 0}
.gray_box_top_inner ul.black li{background:url(../images/black-arrow.gif) 8px 7px no-repeat; padding:3px 0px 3px 20px; font:normal 11px/11px Verdana,Arial,Helvetica,sans-serif; color:#7a3b12}
.gray_box_top_inner ul.black li a{text-decoration:none; color:#7a3b12}
.gray_box_top_inner ul.black li a:hover{text-decoration:underline; color:#7a3b12}

.gray_box_top_inner ul.green li{background:url(../images/green-arrow.gif) 8px 7px no-repeat; padding:3px 0px 3px 20px; font:normal 11px/11px Verdana,Arial,Helvetica,sans-serif; color:#528bc0}
.gray_box_top_inner ul.green li a{text-decoration:none; color:#528bc0}
.gray_box_top_inner ul.green li a:hover{text-decoration:underline; color:#528bc0}

a.dep_btn{float:left; display:block; background:url(../images/dep-btn.gif) left top no-repeat; width:176px; height:26px; color:#000; text-decoration:none; text-transform:uppercase; font:bold 12px/22px Verdana,Arial,Helvetica,sans-serif; letter-spacing:-1px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:30px}
a:hover.dep_btn{color:#000; text-decoration:none}
a.dep_btn span{color:#fff; text-decoration:none; text-transform:uppercase; font:bold 12px/22px Verdana,Arial,Helvetica,sans-serif}
a:hover.dep_btn span{color:#000; text-decoration:none}
a.dep_btn small{color:#fff; text-decoration:none; text-transform:uppercase; font:bold 11px/22px Verdana,Arial,Helvetica,sans-serif}
a:hover.dep_btn small{color:#000; text-decoration:none}
a:hover.dep_btn{color:#000; text-decoration:none}

/* Début right sec */
.inner_right_sec{float:left; width:734px; padding-left:12px}

.searchbox_yellow{background:#ffdd6f; overflow:hidden; height:100%}
.searchbox_yellow_top{background:url(../images/grade-box-top.gif) left top no-repeat}
.searchbox_yellow_bot{background:url(../images/grade-box-bot.jpg) left bottom no-repeat}
.searchbox_yellow_cont{overflow:hidden; height:100%; padding:12px 0px 5px 11px}
.searchbox_yellow_cont h2{background:url(../images/grade-icon.gif) left 2px no-repeat; padding:0px 0px 10px 30px; font:bold 18px Verdana,Arial,Helvetica,sans-serif; color:#000}
.searchbox_yellow_cont .pro_img_bg{background:url(../images/pro-img1.gif) left top no-repeat; float:left; width:207px; height:164px; padding:4px; margin-right:14px}
.cli{float:right}
.cli a{text-indent:-9999px;  background:url(../images/cliquez.gif) no-repeat 0px 10px; width:157px; height:129px; display:block}
.affiner_box{background:#ffe5ae url(../images/form-bg-top.gif) left top no-repeat; overflow:hidden; height:100%; width:331px; float:left; margin-top:8px}
.affiner_box_cont{overflow:hidden; height:100%; padding:9px 13px 4px 13px}
.affiner_box_cont h5{background:url(../images/m-arrow.gif) left 5px no-repeat; padding:0px 0px 0px 15px; font:bold 14px Verdana,Arial,Helvetica,sans-serif; color:#d67a01}

.affiner_box_cont ul{list-style:none}
.affiner_box_cont ul li{overflow:hidden; height:100%; padding:4px 0px 0px 0px}
.affiner_box_cont ul li label{float:left; width:90px; text-align:right; font:bold 12px Verdana,Arial,Helvetica,sans-serif; color:#000; padding-right:10px}

.affiner_box_cont ul li span{float:right; position:relative}

.affiner_box_cont ul li.btn{float:right; padding-right:5px}

.styled-small2{position:absolute; width:199px; height:18px; padding:2px 0px 0px 5px; font-style:normal; font:normal 12px/12px Verdana,Arial,Helvetica,sans-serif; color:#000; background:url(../images/sel-box-small.gif) no-repeat; float:right}

.main_bottom{overflow:hidden; height:100%; padding-top:14px}
.main_mid{overflow:hidden; height:100%}
.middle_grade{float:left; width:560px}
.right_grade{float:right; width:160px}

.pro_box{overflow:hidden; margin-bottom:11px; border-bottom:3px solid #fcb400; background:#fafafa url(../images/pro-box-bg.gif) left bottom repeat-x}
.pro_box .pro_hd{background:url(../images/heading-bg.jpg) left top no-repeat; height:30px; overflow:hidden}
.name{font:bold 16px/16px Arial,Helvetica,sans-serif; color:#FFF; padding:7px 0px 7px 15px; float:left}
.number{background:url(../images/number_bg.gif) left 3px no-repeat; float:left; padding:8px 0px 8px 32px; font:bold 14px Arial,Helvetica,sans-serif; color:#FFF; margin-left:50px}
.mail{background:url(../images/mail-bg.gif) left 6px no-repeat; float:left; padding:9px 0px 8px 33px; font:bold 11px Arial,Helvetica,sans-serif; color:#FFF; margin-left:60px}
.mail a{text-decoration:none; color:#FFF}
.mail a:hover{text-decoration:underline; color:#FFF}

.detail_profil{overflow:hidden; height:100%; width:100%; padding:6px 0px}
.detail_profil .img{float:left; margin:0px 15px 0px 0px}
.detail_profil .title_head{background:url(../images/black-arrow.gif) 5px 5px no-repeat; padding:0px 0px 0px 20px; font:bold 16px Arial,Helvetica,sans-serif; color:#000}
.detail_profil .date{font:normal 11px Arial,Helvetica,sans-serif; color:#528bc0; display:block}
.detail_profil_text{font:normal 11px Arial,Helvetica,sans-serif; color:#5f5f5f; padding-right:17px}
.detail_profil .btn_savoirplus{float:right; padding-right:7px}
a.en_sav_btn{float:left; padding:7px 0px 0px 30px; display:block; background:url(../images/en-sav.gif) left top no-repeat; width:103px; height:21px; color:#528bc0; text-decoration:none; font:bold 11px/11px Verdana,Arial,Helvetica,sans-serif}
a:hover.en_sav_btn{color:#000; text-decoration:none}
.content_detail{overflow:hidden; height:100%; padding-top:10px}

.detail_profil2{overflow:hidden; height:100%; width:100%; padding:6px 0px}
.pro_box2{overflow:hidden; margin-bottom:11px; border-bottom:1px dotted #d6d6d6}
.img2{float:right; margin:0px 0px 0px 0px}
.title_heading{background:url(../images/green-arrow.gif) 5px 5px no-repeat; padding:0px 0px 0px 20px; font:normal 16px Arial,Helvetica,sans-serif; color:#000}
.title_heading a {color:#000; text-decoration:none;};
.title_heading a:hover {color:#528bc0;};

.content_detail .content_detail_text{color:#939494; padding:5px 0}

.vous_box{float:right; padding:6px; width:122px; margin-left:25px; border:1px solid #eee; background:#fafafa; font:normal 11px Arial,Helvetica,sans-serif; color:#7ea03d}
.vous_box .linked{overflow:hidden; height:100%; padding:6px 0}
.vous_box .linked a{background:url(../images/black-arrow.gif) left 5px no-repeat; padding:0px 0px 0px 10px; text-decoration:underline; color:#528bc0}
.vous_box .linked a:hover{text-decoration:none; color:#528bc0}
.inner_layout_cont{float:left; width:565px}

.listing{background:#f3f3f3; height:50px; font:normal 12px/50px Arial,Helvetica,sans-serif; color:#528bc0; text-align:center}
.listing ul{list-style:none; margin:0 auto; overflow:hidden; height:100%; padding:0 110px}
.listing ul li{font:normal 12px/50px Arial,Helvetica,sans-serif; color:#528bc0; float:left; padding:0px 3px}

.listing ul li a{text-decoration:none; color:#528bc0}
.listing ul li a:hover{text-decoration:none; color:#528bc0}
.listing ul li a.active{text-decoration:none; color:#528bc0; font-weight:bold}

.listing ul li.prev a{text-decoration:underline; color:#528bc0}
.listing ul li.prev a:hover{text-decoration:none; color:#528bc0}

.inner_middle{overflow:hidden; height:100%}
.inner_middle h1.hd{background:url(../images/h1-bg.gif) left top no-repeat; height:34px; font:bold 18px/34px Arial,Helvetica,sans-serif; color:#000; padding:0px 0px 0px 44px; display:block; width:521px}
.inner_middle p{padding:15px 0; overflow:hidden; height:100%}
.inner_middle p a{text-decoration:underline; color:#528bc0}
.inner_middle p a:hover{text-decoration:none; color:#528bc0}

.inner_middle h2{background:url(../images/contact-arrow.gif) left 5px no-repeat; padding:0 0 7px 21px; font-size:17px; color:#7ea03b; border-bottom:2px solid #ddd}
.inner_middle h3{background:url(../images/h3-bg.gif) left 13px no-repeat; padding:8px 0 8px 21px; font:bold 16px Verdana,Arial,Helvetica,sans-serif; color:#000}

.inner_middle ul.list{list-style:none; background:#fafafa; overflow:hidden; height:100%; padding:15px}
.inner_middle ul.list li{background:url(../images/green-arrow.gif) left 7px no-repeat; padding:0px 0px 0px 10px; font:normal 11px/16px Verdana,Arial,Helvetica,sans-serif; color:#7ba3c3}
.inner_middle ul.list li a{text-decoration:none; color:#7ba3c3}
.inner_middle ul.list li a:hover{text-decoration:underline; color:#7ba3c3}

.inner_middle ul.listhori{list-style-type:none; background:#fafafa; overflow:hidden; height:100%; padding:5px}
.inner_middle ul.listhori li{background:url(../images/green-arrow.gif) left 7px no-repeat; float:left; margin:0px 0px 0px 20px; padding:0px 0px 0px 10px; font:normal 11px/16px Verdana,Arial,Helvetica,sans-serif; color:#7ba3c3}
.inner_middle ul.listhori li a{text-decoration:none; color:#7ba3c3; display:block;float:left; }
.inner_middle ul.listhori li a:hover{text-decoration:underline; color:#7ba3c3}


.inner_middle h4{background:url(../images/black-arrow.gif) 7px 20px no-repeat; padding:15px 0 0px 21px; font:bold 14px/14px Verdana,Arial,Helvetica,sans-serif; color:#000}
.table{overflow:hidden; height:100%; padding:10px 0 40px 0}
.inner_middle .tr{border-bottom:4px solid #808b31; background:#adbc42; font:bold 12px/30px Verdana,Arial,Helvetica,sans-serif; color:#FFF; overflow:hidden; height:100%; display:block; text-align:center}
.tr .first{float:left; width:182px}
.tr .sec{float:left; width:126px}
.tr .third{float:left; width:125px}
.tr .four{float:left; width:124px}

.inner_middle .tr2{background:#fafafa; overflow:hidden; height:100%; display:block; text-align:center}
.tr2 .first{float:left; width:168px; border-right:1px solid #e7e7e7; text-align:left; padding-left:13px; font:bold 11px/21px Verdana,Arial,Helvetica,sans-serif; color:#888}
.tr2 .sec{float:left; width:125px; border-right:1px solid #e7e7e7; font:normal 11px/21px Verdana,Arial,Helvetica,sans-serif; color:#7a3b12}
.tr2 .third{float:left; width:124px; border-right:1px solid #e7e7e7; font:normal 11px/21px Verdana,Arial,Helvetica,sans-serif; color:#7a3b12}
.tr2 .four{float:left; width:124px; font:normal 11px/21px Verdana,Arial,Helvetica,sans-serif; color:#7a3b12}

.inner_middle .tr3{background:#fff; overflow:hidden; height:100%; display:block; text-align:center}
.tr3 .first{float:left; width:168px; border-right:1px solid #e7e7e7; text-align:left; padding-left:13px; font:bold 11px/18px Verdana,Arial,Helvetica,sans-serif; color:#888}
.tr3 .sec{float:left; width:125px; border-right:1px solid #e7e7e7; font:normal 11px/18px Verdana,Arial,Helvetica,sans-serif; color:#7a3b12}
.tr3 .third{float:left; width:124px; border-right:1px solid #e7e7e7; font:normal 11px/18px Verdana,Arial,Helvetica,sans-serif; color:#7a3b12}
.tr3 .four{float:left; width:124px; font:normal 11px/18px Verdana,Arial,Helvetica,sans-serif; color:#7a3b12}

.inner_middle form{overflow:hidden; height:100%; padding:25px 0px 0px 0px}
.inner_middle ul.form{float:left; background:none; list-style:none}
.inner_middle ul.form li{background:url(../images/blue-dot.gif) left 5px no-repeat; padding:0px 0px 4px 10px; overflow:hidden; height:100%}
.inner_middle ul.form li span{float:left; width:100px; font-weight:bold;}
.inner_middle ul.form li label{float:left; width:55px; font:normal 11px Verdana,Arial,Helvetica,sans-serif; color:#000}
.inner_middle ul.form li input{ height:19px; border:1px solid #c3cbe4}

.inner_middle ul.form_right{float:left; width:270px; padding-left:15px; background:none; list-style:none}
.inner_middle ul.form_right li{width:260px; background:url(../images/blue-dot.gif) left 5px no-repeat; padding:0px 0px 4px 10px; overflow:hidden; height:100%}
.inner_middle ul.form_right li label{float:left; width:50px; font:normal 11px Verdana,Arial,Helvetica,sans-serif; color:#000}
.inner_middle ul.form_right li input{float:left; width:208px; height:19px; border:1px solid #c3cbe4}
.inner_middle .textarea{display:block; font:normal 11px Verdana,Arial,Helvetica,sans-serif; color:#000}
.inner_middle .teet_box{border:1px solid #c3cbe4; height:97px; width:558px}
.btn_validor{float:right; padding-top:11px}
.btn_validor a{float:left; padding:2px 0px 0px 30px; display:block; background:url(../images/btn_validor.gif) left top no-repeat; width:82px; height:28px; color:#FFF; text-decoration:none; text-transform:uppercase; font:bold 11px/22px Verdana,Arial,Helvetica,sans-serif}
.btn_validor a:hover{color:#000; text-decoration:none}
/*  Fin inner sec */
/* Fin contenu */
/* Début Footer */
#footer{background:#f8f8f8; width:100%; text-align:center; font:normal 11px/16px Verdana,Arial,Helvetica,sans-serif; color:#7ba3c3; padding:32px 0 62px 0}
#footer a{text-decoration:none; color:#7ba3c3}
#footer a:hover{text-decoration:underline; color:#7ba3c3}
/* Fin Footer */
.suggestionsBoxUser {
   position: absolute;
    visibility: visible;
    display:block;
    width: 200px;
    height:250px;
    background-color: #fff;
    margin:7px 0px 0px 0px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 1px solid #ccc;
    color: #000;
	overflow:auto;
	z-index:10;
}

.suggestionsBox {
    position: absolute;
    visibility: visible;
    display:block;
    width: 200px;
    height:250px;
    background-color: #fff;
    margin:7px 0px 0px 0px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 1px solid #ccc;
    color: #000;
	overflow:auto;
	z-index:10;
}

.suggestionList {
    margin: 0px;
    padding: 0px;
}

.suggestionList li {
    margin: 0px 0px 1px 0px;
    padding: 1px;
    cursor: pointer;
    list-style-type: none;
	font-size:10px;
}

.suggestionList li:hover {
    background-color: #659CD8;
}
