/* ---------------------------------------------------------------------------------------------------------- */
/*  CSS COMMUN  (BALISES)  */
/* ---------------------------------------------------------------------------------------------------------- */

* { margin: 0; padding: 0; border: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
html, body { margin: 0; padding: 0; border: 0; text-align:left; }
html { overflow-y: scroll; overflow: -moz-scrollbars-vertical; }

img { border: none; }
/* ---------------------------------------------------------------------------------------------------------- */
/*  CSS COMMUN  (CLASS)    */
/* ---------------------------------------------------------------------------------------------------------- */
.clear, #clear { height:0.1px; font-size:0.1px; line-height:0.1px; clear:both; }
.clear_both { clear: both; width: 1%; height: 0px; } .clear_left { clear: left; } .clear_right { clear: right; }
.float_left { float: left; } .float_right { float: right; } .float_none { float: none; }
.displ_block { display: block; } .displ_inline { display: inline; } .display_none { display:none; }

/* typolight */
.inside{/*position:relative;*/text-align:left;}
.block{ /*overflow:hidden;*/}

.invisible{width:0px;height:0px;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display: none;}
.custom{display:block;text-align:left;}
.custom:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.padd_left25{ padding-left: 25px; }

/* ---------------------------------------------------------------------------------------------------------- */
/*  CSS HP  ()    */
/* ---------------------------------------------------------------------------------------------------------- */
#seo_header { width: 990px; display: block; text-align: center; color: #9e918f; font-size: 0.7em; margin-bottom: 5px; }
#seo_footer { width: 990px; display: block; text-align: center; color: #9e918f; font-size: 0.7em; margin-top: 15px; }
#seo_header a, #seo_footer a { color: #9e918f; font-size: 1em; text-decoration: none; }
#seo_header a:hover, #seo_footer a:hover { color: #9e918f; font-size: 1em; text-decoration: underline; }


body#top { background-color: #6a5b5a; }

body.hp #wrapper { }
body.hp #header { }


#header_visuel { float: left; border-top: 1px dashed #b4adac; margin-left: 25px; margin-top: 20px; }
#header_visuel div.content { border: 1px solid #b4adac; margin-top: 5px; }

.mod_Banner  { float: left; border-top: 1px dashed #b4adac; margin-left: 25px; margin-top: 20px; }
.banner_image { border: 1px solid #b4adac; margin-top: 5px; }
.banner_flash { border: 1px solid #b4adac; margin-top: 5px; }

#contact_tel { display: block; float: right; width: 90px; font-size: 0.8em; color: #fff; font-weight: bold; padding-top: 15px; margin-right: 25px; }
#contact_tel a, #contact_tel a:hover { text-decoration: none; color: #fff; }

#container { margin-top: 10px; }

body.hp #left { width: 260px; float: left; padding-left: 25px; }
body.hp #main { width: 330px; float: left; padding-left: 30px; }
body.hp #right { width: 290px; float: left; padding-left: 30px; }
body.hp #footer { padding-top: 30px; }


.tit_bonnes_raisons { background: transparent url(../img/tit_bonnes_raisons.gif) top left no-repeat; padding-top: 140px; font-size: 0.8em; color: #fff; }
.tit_edito { background: transparent url(../img/tit_edito.gif) top left no-repeat; padding-top: 80px; font-size: 0.8em; color: #fff; }
.tit_dossier { background: transparent url(../img/tit_dossier.gif) top left no-repeat; padding-top: 80px;  font-size: 0.8em; color: #fff; }

body.page_content #left { width: 260px; float: left; padding-left: 25px; }
body.page_content #main { width: 660px; float: left; }
body.page_content #right { float: left; height: 20px; }
body.page_content #footer { padding-top: 20px; }

.presentation_texte { color: #fff; font-size: 0.8em; text-align: justify; }
.ce_hyperlink { display: block; padding: 10px 0px;  }

body.fem h1 { color: #ed8ab4; font-size: 1.2em; font-weight: bold; padding: 20px 0px 10px 0px; }
body.fem .mod_article p { color: #fff; font-size: 0.8em; text-align: justify; }
body.fem .mod_article a { color: #fff; font-size: 0.8em; text-decoration:underline; }

body.hom h1 { color: #ffed00; font-size: 1.2em; font-weight: bold; padding: 20px 0px 10px 0px; }
body.hom .mod_article p { color: #fff; font-size: 0.8em; text-align: justify; }
body.hom .mod_article a { color: #fff; font-size: 0.8em; text-decoration:underline; }

body.ent h1 { color: #47e4f5; font-size: 1.2em; font-weight: bold; padding: 20px 0px 10px 0px; }
body.ent .mod_article p { color: #fff; font-size: 0.8em; text-align: justify; }
body.ent .mod_article a { color: #fff; font-size: 0.8em; text-decoration:underline; }


body.dos h1 { color: #58baab; font-size: 1.2em; font-weight: bold; padding: 20px 0px 10px 0px; }
body.dos .mod_article p { color: #fff; font-size: 0.8em; text-align: justify; }
body.dos .mod_article a { color: #fff; font-size: 0.8em; text-decoration:underline; }

body.cont h1 { color: #fff; font-size: 1.2em; font-weight: bold; padding: 10px 0px 10px 0px; }
body.cont .mod_article p { color: #fff; font-size: 0.8em; text-align: justify; }
body.cont .mod_article a { color: #fff; font-size: 0.8em; text-decoration:underline; }

#footer_link { text-align: center; margin: 0 auto; }
#footer_link table { color: #9e918f; border-collapse: separate; border-spacing: 10px 5px; font-size: 0.8em; text-align: left; }
#footer_link a { color: #9e918f; text-decoration: none; }
#footer_link a:hover { color: #9e918f; text-decoration: underline; }



#footer_link table .col_0, #footer_link table .col_1, #footer_link table .col_2, #footer_link table .col_3
{ border-right: 1px solid #9e918f; width: 198px; vertical-align:top; }



#contact_form { }
#contact_form td { vertical-align: top; }
#contact_form .headline { color: #fff; font-size: 0.9em; padding-bottom: 20px;  }
#contact_form label.mandatory { width: 120px; color: #fff; font-size: 0.9em; }
#contact_form span { float:left; }
#contact_form input.text { width: 150px; border: 1px solid #fff; background-color: #6a5a5a; margin: 2px 0px; padding: 2px; color: #000; font-size: 0.8em; }
#contact_form input.text:focus { width: 150px; border: 1px solid #fff; background-color: #b7a6a6; }
#contact_form br { padding: 5px 0px; }
#contact_form .contact_form_left { float: left; }
#contact_form .contact_form_right { float: left; }
#contact_form .contact_form_msg { float: left; }
#contact_form .textarea { border: 1px solid #fff; background-color: #6a5a5a; clear: both; width: 380px; height: 100px; }
#contact_form .textarea:focus { border: 1px solid #fff; background-color: #b7a6a6; }
#contact_form input.submit { background: none; color: #fff; cursor: pointer; float: right; margin-top: 5px; }

#contact_form label { width: 140px; color: #fff; font-size: 0.9em; }
/*#contact_form label.fc-field-error { color: #c00; }*/
#contact_form input.fc-field-error { border : 1px solid #c00 !important; background-color: #b7a6a6; }
#contact_form textarea.fc-field-error { border : 1px solid #c00 !important; background-color: #b7a6a6; }


#contact_validation { color: #fff; }

/* ------------------------- */
/* CSS MENU ---------------- */
/* ------------------------- */
.menu { margin-left: 25px; }
.menu ul{ list-style-type:none; padding:0; margin:0; z-index: 10; }

/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{ float:left; position:relative; z-index:30; }
.menu .level_1 li div.men { width: 10px; height: 25px; margin-right: 5px; display: block; float: left; }
.menu .level_1 li a { font-weight: bold; color: #fff; text-align:left; font-size: 1em; display:block; text-decoration:none; padding-top: 8px; }

#menu_nav1 { width:100px; } #menu_nav1 div.men { background-color: #b2cc4b; }
#menu_nav1 a:hover, #menu_nav1 a.active { color: #b2cc4b; }

#menu_nav2 { width:180px; } #menu_nav2 div.men { background-color: #ed8ab4; }
#menu_nav2 a:hover, #menu_nav2 a.active { color: #ed8ab4; }

#menu_nav3 { width:180px; } #menu_nav3 div.men { background-color: #ffed00; }
#menu_nav3 a:hover, #menu_nav3 a.active { color: #ffed00;; }

#menu_nav4 { width:180px; } #menu_nav4 div.men { background-color: #47e4f5; }
#menu_nav4 a:hover, #menu_nav4 a.active { color: #47e4f5; }

#menu_nav5 { float: right; width: 120px; background: transparent url(../img/num_tel.png) no-repeat center bottom; } #menu_nav5 div.men { background-color: #dfdf48; }
#menu_nav5 a:hover, #menu_nav5 a.active { color: #dfdf48; }
#menu_nav5 a { padding-top: 0px; }

.menu ul ul { visibility:hidden; position:absolute; width:189px; height:0; }
.menu ul li:hover ul, .menu ul a:hover ul{ visibility:visible; z-index: 999; }

.menu .level_2 li a { font-weight: normal; width: 190px; color: #fff; height: 18px; padding: 3px 0px; text-align:left; font-size: 0.8em; padding-left: 15px; display:block; text-decoration:none; }
#menu_nav1 .level_2 li, #menu_nav1 .level_2 li:hover { background-color: #b2cc4b; }

#menu_nav2 .level_2 li, #menu_nav2 .level_2 li:hover { background-color: #ed8ab4; border-bottom: 1px solid #fff; }
#menu_nav3 .level_2 li, #menu_nav3 .level_2 li:hover { background-color: #ffed00; border-bottom: 1px solid #000; }
#menu_nav4 .level_2 li, #menu_nav4 .level_2 li:hover{ background-color: #47e4f5; border-bottom: 1px solid #000; }

#menu_nav1 .level_2 li a:hover, #menu_nav1 .level_2 li a.active { color: #000; }
#menu_nav2 .level_2 li a:hover, #menu_nav2 .level_2 li a.active { color: #000; }
#menu_nav3 .level_2 li a { color: #000; }

#menu_nav3 .level_2 li a:hover, #menu_nav3 .level_2 li a.active { color: #666; }
#menu_nav4 .level_2 li a:hover, #menu_nav4 .level_2 li a.active { color: #000; }


.menu_left { width: 260px; clear: both; padding-left: 5px; }
.menu_left ul{ list-style-type:none; padding:0; margin:0; z-index: 10; }
.menu_left li{ float:left; width: 260px; position:relative; z-index:10; margin-bottom: 5px; }

.menu_left .level_1 li div.men { width: 10px; height: 20px; margin-right: 5px; display: block; float: left; }
.menu_left .level_1 li a { font-weight: bold; color: #fff; text-align:left; font-size: 0.9em; display:block; text-decoration:none; padding-top: 5px; }

#menu_left_nav1 div.men { background-color: #472061; }
#menu_left_nav1 a:hover, #menu_left_nav1 a.active { color: #472061; }


#menu_left_nav2 div.men { background-color: #f08600; }
#menu_left_nav2 a:hover, #menu_left_nav4 a.active { color: #f08600; }


#menu_left_nav3 div.men { background-color: #58baab; }
#menu_left_nav3 a:hover, #menu_left_nav2 a.active { color: #58baab; }

#menu_left_nav4 div.men { background-color: #ea6fa3; }
#menu_left_nav4 a:hover, #menu_left_nav3 a.active { color: #ea6fa3; }



.menu_left ul ul { visibility:hidden; position:absolute; width:189px; height:0; }
.menu_left ul li:hover ul, .menu_left ul a:hover ul{ visibility:visible; z-index: 999; }

.menu_left .level_2 li { margin-bottom: 0px; }
.menu_left .level_2 li a { font-weight: normal; width: 190px; color: #fff; height: 18px; padding: 3px 0px; text-align:left; font-size: 0.8em; padding-left: 15px; display:block; text-decoration:none; }


#menu_left_nav1 .level_2 li, #menu_left_nav1 .level_2 li:hover { background-color: #472061; border-bottom: 1px solid #000; }
#menu_left_nav3 .level_2 li, #menu_left_nav3 .level_2 li:hover{ background-color: #58baab; border-bottom: 1px solid #000; }
#menu_left_nav2 .level_2 li, #menu_left_nav2 .level_2 li:hover { background-color: #f08600; border-bottom: 1px solid #fff; }

#menu_left_nav4 .level_2 li, #menu_left_nav4 .level_2 li:hover { background-color: #ea6fa3; border-bottom: 1px solid #000; }


#menu_left_nav1 .level_2 li a:hover { color: #fff; }
#menu_left_nav2 .level_2 li a:hover { color: #000; }
#menu_left_nav3 .level_2 li a:hover { color: #fff; }
#menu_left_nav4 .level_2 li a:hover { color: #000; }



.menu_dossier { clear: both; width: 190px; padding-left: 5px; }
.menu_dossier ul { list-style-type: none; margin: 0px; }
.menu_dossier li { background-color: #58baab; border-bottom: 1px solid #000; }
.menu_dossier li a { font-weight: normal; width: 190px; color: #fff; height: 18px; padding: 3px 0px; text-align:left; font-size: 0.8em; padding-left: 15px; display:block; text-decoration:none; }
.menu_dossier li a:hover { color: #000; }
.menu_dossier li span {  height: 18px; padding: 3px 0px; text-align:left; font-size: 0.8em; padding-left: 15px; color: #000; display: block; }



/* use the table to position the dropdown list */
.menu table, .menu_left table { position:absolute; border-collapse:collapse; z-index:80; left:-1px; top:25px; }



.agence { float: left; clear:both; padding: 0; margin: 0; border:0; }
.agence img { float: left; padding: 0; margin: 0; border:0; }
.agence_l { float: left; padding: 0; margin: 0; border:0; width: 347px; }
.agence_r { float: left; padding: 0; margin: 0; border:0; width: 308px; }