/***************** BODY *****************/
* {/*---on passe toutes les marges à 0---*/margin:0;padding:0;}
body, html {height:100%;/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)scrollbar-base-color:#7d8a2e;---*/}
body {background: #6bcd9e url(../images/charte/bg_body.jpg) center top no-repeat fixed;}
/***************** CONTAINER *****************/
#container {	position:relative;width:990px;margin:0 auto;/* 	background: url(../images/charte/bg-container.gif) center top repeat-y; */}
/***************** HEADER *****************/
#header {float:left;position:relative;display:inline;width:100%;height:213px;background:#aad0be url(../images/charte/bg_header.jpg) center top no-repeat}
#header #ctHeader{width:990px;height:213px;margin:0 auto;position:relative;}
#header #logo_duplessy{position:absolute;top:39px;left:0px;width:306px;height:108px;}
#headerFlash{position:absolute;display:inline;width:667px;height:158px;/*obligatoire si il y a un flash (firefox)*/display:block;outline:0;background:url(../images/charte/bg_flash_header.png) left top no-repeat;top:15px;right:1px;}
#logoFlash{top:10px;left:0px;z-index:50;position:absolute;width:323px;height:137px;/*obligatoire si il y a un flash (firefox)*/display:block;outline:0;}
/***************** MENU TOP *****************/
#menuTop {position:absolute;	display:inline;z-index:10;width:990px;height:47px;background:url(../images/charte/bg_menu_top.png) center top no-repeat;list-style:none;bottom:5px;left:0px;}
#menuTop li {position:relative;float:left;height:47px;text-align:left;display:block;}
#menuTop li.bt1 a{padding:7px 10px 5px 60px;width:100px;}
#menuTop li.bt2 a{padding:7px 10px 5px 45px;width:100px;}
#menuTop li.bt3 a{padding:7px 10px 5px 50px;width:95px;}
#menuTop li.bt4 a{padding:7px 10px 5px 50px;width:95px;}
#menuTop li.bt5 a{padding:7px 10px 5px 50px;width:95px;}
#menuTop li.bt6 a{padding:7px 38px 5px 50px;/* width:115px; */}

#menuTop a {text-decoration:none;font:bold 14px/35px Arial, Helvetica, sans-serif;color:#fff;text-align:left;display:block;float:left;height:35px;overflow:hidden;}
#menuTop a:hover, #menuTop a.trigered, #menuTop a.active {text-decoration:underline;background:url(../images/charte/bg_menu_top_over.png) top left no-repeat;}
#menuTop li.bt1 a:hover,#menuTop li.bt1 a.active{background-position:0 0;}
#menuTop li.bt2 a:hover,#menuTop li.bt2 a.active{background-position:-170px 0;}
#menuTop li.bt3 a:hover,#menuTop li.bt3 a.active{background-position:-325px 0;}
#menuTop li.bt4 a:hover,#menuTop li.bt4 a.active{background-position:-480px 0;}
#menuTop li.bt5 a:hover,#menuTop li.bt5 a.active{background-position:-635px 0;}
#menuTop li.bt6 a:hover,#menuTop li.bt6 a.active{background-position:-790px 0;}

/***************** MENU LEFT *****************/
#contenu #menu_left{float:left;position:relative;width:305px;background:url(../images/charte/bg_menuLeft.png) left top no-repeat;margin-top:10px;height:525px;}
#contenu #menu_left #MenuLeft{width:296px;float:left;}

#contenu #menuLeft {float:left;position:relative;display:inline;width:281px;list-style:none;margin:7px 0 0 7px;}
#contenu #menuLeft li{float:left;position:relative;margin-bottom:10px;}
#contenu #menuLeft li a {text-decoration:none;font:bold 13px Arial, Helvetica, sans-serif;color:#fff;display:block;width:249px;height:30px;padding-left:35px;padding-top:14px;}
#contenu #menuLeft li.bt1{margin-bottom:0px;}
#contenu #menuLeft li.bt1 ul{margin-top:10px;}
#contenu #menuLeft li.bt1 a{background:url(../images/charte/bg_btn1.jpg) left top no-repeat;}
#contenu #menuLeft li.bt2 a{background:url(../images/charte/bg_btn2.jpg) left top no-repeat;}
#contenu #menuLeft li.bt3 a{background:url(../images/charte/bg_btn3.jpg) left top no-repeat;}
#contenu #menuLeft li.bt4 a{background:url(../images/charte/bg_btn4.jpg) left top no-repeat;}
#contenu #menuLeft li.bt5 a{background:url(../images/charte/bg_btn5.jpg) left top no-repeat;}

#contenu #menuLeft li a:hover, #menuLeft li a.rubrique_active {text-decoration:underline;}
#contenu #menuLeft li.bt1 a:hover, #contenu #menuLeft li.bt1 a.rubrique_active{background:url(../images/charte/bg_btn1.jpg) left -44px no-repeat;}
#contenu #menuLeft li.bt2 a:hover, #contenu #menuLeft li.bt1 a.rubrique_active{background:url(../images/charte/bg_btn2.jpg) left -44px no-repeat;}
#contenu #menuLeft li.bt3 a:hover, #contenu #menuLeft li.bt1 a.rubrique_active{background:url(../images/charte/bg_btn3.jpg) left -44px no-repeat;}
#contenu #menuLeft li.bt4 a:hover, #contenu #menuLeft li.bt1 a.rubrique_active{background:url(../images/charte/bg_btn4.jpg) left -44px no-repeat;}
#contenu #menuLeft li.bt5 a:hover, #contenu #menuLeft li.bt1 a.rubrique_active{background:url(../images/charte/bg_btn5.jpg) left -44px no-repeat;}

/***************** SOUS MENU */
#contenu #menuLeft li ul {list-style:none;}
#contenu #menuLeft li ul li{margin-bottom:0;}
#contenu #menuLeft li ul li a.liSsMenuLeft {background:url(../images/charte/green_arrow.jpg) left top no-repeat;border:none;text-decoration:none;font:bold 13px Arial, Helvetica, sans-serif;color:#000000;display:block;padding:0 0 6px 15px;height:15px;margin-left:15px;}
#contenu #menuLeft li ul li a.liSsMenuLeft:hover, #menuLeft li ul li a.rubrique_active {text-decoration:underline;background:url(../images/charte/orange_arrow.jpg) left top no-repeat}


/***************** CONTENU *****************/
#contenu {float:left;position:relative;display:inline;width:990px;}

#contenu #contenu_left{float:left;width:305px;position:relative;margin-left:10px;}
#contenu #contenu_right{float:left;width:670px;position:relative;margin-left:5px;}

/*** Encart contact ***/
#contenu #contenu_left #encart_contact{float:left;width:290px;height:190px;position:relative;}
/* #contenu #contenu_left a:link.ligne_vide, #contenu #contenu_left a:visited.ligne_vide{float:left;display:block;text-decoration:none;color:#153263;margin-top:25px;}
 */
#contenu #contenu_left #encart_contact p{color:#1e6744;font:normal 12px Arial,Verdana,Sans-Serif;}
#contenu #contenu_left #encart_contact p strong{font-weight:bold;}
#contenu #contenu_left #encart_contact p.devis{position:absolute;bottom:55px;right:25px;background:url(../images/charte/devis_gratuit_nous_contacter.png) left top no-repeat; text-indent:-40000px;width:150px;height:115px;}
#contenu #contenu_left #encart_contact p.mail{display:block;position:absolute;bottom:0px;right:45px;}
#contenu #contenu_left #encart_contact p.mail a{font-weight:normal;font-size:11px;color:#1e6744;text-decoration:underline;}
#contenu #contenu_left #encart_contact p.mail a:hover{text-decoration:none;}


#contenu #contenu_right #hp_zsa{float:left;position:relative;display:block;width:658px;height:323px;margin:10px 0 15px 0px;background:url(../images/charte/hp_zsa.png) left top no-repeat;}
#contenu #contenu_right #hp_zsa .hp_zsa{width:290px;height:290px;float:left;margin-top:27px;position:relative;}
#contenu #contenu_right #hp_zsa .hp_zsa h2{position:absolute;top:145px;left:10px;color:#cf5601;font:bold 15px Arial,Verdana,Helvetica,Sans-Serif;}
#contenu #contenu_right #hp_zsa .hp_zsa h2 span{color:#000;}
#contenu #contenu_right #hp_zsa .hp_zsa p{position:absolute;width:290px;top:175px;left:0px;color:#fff;font:normal 13px Arial,Verdana,Helvetica,Sans-Serif;text-align:justify;}
#contenu #contenu_right #hp_zsa .hp_zsa a{position:absolute;bottom:20px;right:10px;color:#005f57;font:normal 13px Arial,Verdana,Helvetica,Sans-Serif;text-decoration:underline;}
#contenu #contenu_right #hp_zsa .hp_zsa a:hover{text-decoration:none;}
#contenu #contenu_right #hp_zsa #zsa_chauffage{background:url(../images/charte/zsa_chauffage.jpg) left top no-repeat;margin-left:27px;}
#contenu #contenu_right #hp_zsa #zsa_plomberie{background:url(../images/charte/zsa_plomberie.jpg) left top no-repeat;margin-left:22px;}


#contenu #contenu_right #presentation_firm{position:relative;float:left;margin-left:7px;width:650px;}
#contenu #contenu_right #presentation_firm h1{font:bold 15px Arial,Verdana,Sans-Serif;color:#cf5601;}
#contenu #contenu_right #presentation_firm .textePresentation{float:left;width:450px;}
#contenu #contenu_right #presentation_firm .textePresentation p{font:normal 13px Arial,Verdana,Sans-Serif;color:#03303e;}
#contenu #contenu_right #presentation_firm .textePresentation p strong{color:#000;font-weight:bold;}

#contenu #contenu_right #presentation_firm .encart_depanage{position:relative;float:right;width:193px;height:259px;background:url(../images/charte/bg_encart_depanage.jpg) left top no-repeat;}
#contenu #contenu_right #presentation_firm .encart_depanage h3{position:absolute;color:#fff;font:bold 16px Arial,Verdana,Sans-Serif;top:10px;left:65px;}
#contenu #contenu_right #presentation_firm .encart_depanage p{position:absolute;color:#000;font:normal 13px Arial,Verdana,Sans-Serif;bottom:20px;left:10px;text-align:justify;width:170px;}
#contenu #contenu_right #presentation_firm .encart_depanage a{position:absolute;color:#00485f;font:normal 13px Arial,Verdana,Sans-Serif;bottom:5px;right:5px;text-decoration:underline;}
#contenu #contenu_right #presentation_firm .encart_depanage a:hover{text-decoration:none;}


#contenu #contenu_right .contenu_texte{padding:10px 10px 0 5px;}
#contenu #contenu_right .contenu_texte h1{font:normal 17px Arial,VerdanaSans-Serif;color:#cf5601;}
#contenu #contenu_right .contenu_texte h2{font:normal 15px Arial,VerdanaSans-Serif;color:#000;}
#contenu #contenu_right .contenu_texte p{font:normal 13px Arial,VerdanaSans-Serif;color:#03303e;}
#contenu #contenu_right .contenu_texte p a{color:#005f57;}
#contenu #contenu_right .contenu_texte p a:hover{color:#000;text-decoration:none;}

/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer {clear:both;}
#clearFooter {height:30px;/*--- = à la hauteur du footer ---*/}
/***************** FOOTER *****************/
#footer {clear:both;margin:0 auto;width:990px;position:relative;}
#footer-texte {height:75px;overflow:hidden;padding:10px 12px 0 330px;}
#footer-texte p.txt_footer {margin-top:0;text-align:justify;}
#footer-texte p {color:#fff;font:normal 11px Arial, Helvetica, sans-serif;text-align:justify;}
#footer_adresse{width:990px;height:125px;background:url(../images/charte/bg_footer.png) left top no-repeat;}
#footer_adresse p{padding-top:15px;text-align:center;color:#fff;font:bold 13px Arial,Verdana,Helvetica,Sans-Serif;}
#footer_adresse p span{color:#000;}
#footer_lien{width:990px;text-align:right;color:#dcedf3;font:normal 12px Arial, Helvetica, sans-serif;margin-top:15px;}
#footer_lien p{font:12px/30px Arial, Helvetica, sans-serif;color:#dcedf3;text-align:right;padding-right:15px;}
#footer a:link, #footer a:visited{text-decoration:none;color:#dcedf3;}
#footer a:hover, #footer a:active{text-decoration:underline;color:#dcedf3;}


/***************** STYLE GLOBAUX *****************/
a img{border:none;}
a:active, a:focus{outline:none;}
/***************** CLASSES GENERIQUE *****************/
.txtImg{display:block;text-indent:-5000px;}
/***************** STYLE CONTENU *****************/
#contenu h1{font:bold 16px Arial, Helvetica, sans-serif;color:#7d8a2e;letter-spacing:1px;margin:0 0 12px;}
#contenu h2{font:bold 15px Arial, Helvetica, sans-serif;color:#7d8a2e;letter-spacing:1px;margin:0 0 7px;}
#contenu p{font:11px/1.2em Arial, Helvetica, sans-serif;text-align:justify;color:#666;margin-bottom:1.2em;}
#contenu p em{font-weight:bold;font-size:12px;line-height:1.3em;}
#contenu p.couleur, span.couleur{font-weight:bold;color:#7d8a2e;}
#contenu #contenu_right a:link, #contenu #contenu_right a:visited{font-weight:bold;text-decoration:underline;color:#ff8598;}
#contenu #contenu_right a:hover, #contenu #contenu_right a:active{color:#7d8a2e;}