/***************** 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: #016eb3 url(../images/charte/bg-body.jpg) center top no-repeat;}
/***************** CONTAINER *****************/
#container {	position:relative;min-height:100%;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:990px;height:205px;background:url(../images/charte/bg_header.png) center top no-repeat;}
#headerFlash {float:left;position:relative;display:inline;width:990px;height:205px;/*obligatoire si il y a un flash (firefox)*/display:block;outline:0;}
/***************** MENU TOP *****************/
#menuTop {float:left;position:relative;	display:inline;z-index:10;width:819px;height:49px;background:url(../images/charte/bg_menu_top.png) center top no-repeat;list-style:none;margin:-65px 0 0 150px;}
#menuTop li {position:relative;float:left;width:100px;height:35px;text-align:center;margin:7px 10px 0 7px;display:block;}
#menuTop a {text-decoration:none;font:bold 12px/30px Arial, Helvetica, sans-serif;color:#fff;text-align:center;display:block;float:left;height:35px;overflow:hidden;width:100px;}
#menuTop a:hover, #menuTop a.trigered, #menuTop a.active {background:url(../images/charte/bg_menu_top.png) top left no-repeat;color:#ffffff;}
#menuTop li.bt1 a:hover{background-position:-7px -56px;}
#menuTop li.bt2 a:hover{background-position:-124px -56px;}
#menuTop li.bt3 a:hover{width:100px;background-position:-241px -56px;}
#menuTop li.bt4 a:hover{width:100px;background-position:-358px -56px;}
#menuTop li.bt5 a:hover{width:100px;background-position:-475px -56px;}
#menuTop li.bt6 a:hover{width:100px;background-position:-593px -56px;}
#menuTop li.bt7 a:hover{width:101px;background-position:-710px -56px;}

/***************** MENU LEFT *****************/
#contenu #menu_left{float:left;position:relative;width:200px;}
#contenu #menu_left #topMenu_left{width:200px;height:14px;float:left;background:url(../images/charte/bg_top_menu_left.png) center top no-repeat;}
#contenu #menu_left #ctMenu_left{width:200px;float:left;background:url(../images/charte/bg_menu_left.png) center top repeat-y;}
#contenu #menu_left #bottomMenu_left{width:200px;height:15px;clear:both;background:url(../images/charte/bg_bottom_menu_left.png) center top no-repeat;}

#contenu #menuLeft {float:left;position:relative;display:inline;width:200px;list-style:none;}
#contenu #menuLeft li{float:left;position:relative;}
#contenu #menuLeft li a {text-decoration:none;font:bold 13px Arial, Helvetica, sans-serif;color:#fff;display:block;width:200px;height:60px;background:url(../images/charte/bg_menuLeft.jpg) left top no-repeat;}
#contenu #menuLeft li.bt1 a{background-position:0px 0px;padding:20px 0 0 90px;width:110px;height:40px;}
#contenu #menuLeft li.bt2 a{background-position:0px -60px;padding:22px 0 0 90px;width:110px;height:38px;}
#contenu #menuLeft li.bt3 a{background-position:0px -120px;padding:26px 0 0 90px;width:110px;height:34px;}
#contenu #menuLeft li.bt4 a{background-position:0px -180px;padding:19px 0 0 90px;width:110px;height:41px;}
#contenu #menuLeft li.bt5 a{background-position:0px -240px;padding:22px 0 0 90px;width:110px;height:38px;}
#contenu #menuLeft li.bt6 a{background-position:0px -300px;padding:30px 0 0 90px;width:110px;height:40px;}

#contenu #menuLeft li a:hover, #menuLeft li a.rubrique_active {	background:url(../images/charte/bg_menuLeft.jpg) left top no-repeat;color:#fff;}
#contenu #menuLeft li.bt1 a:hover, #menuLeft li.bt1 a.rubrique_active{background-position:-200px 0px;}
#contenu #menuLeft li.bt2 a:hover, #menuLeft li.bt2 a.rubrique_active{background-position:-200px -60px;}
#contenu #menuLeft li.bt3 a:hover, #menuLeft li.bt3 a.rubrique_active{background-position:-200px -120px;}
#contenu #menuLeft li.bt4 a:hover, #menuLeft li.bt4 a.rubrique_active{background-position:-200px -180px;}
#contenu #menuLeft li.bt5 a:hover, #menuLeft li.bt5 a.rubrique_active{background-position:-200px -240px;}
#contenu #menuLeft li.bt6 a:hover, #menuLeft li.bt6 a.rubrique_active{background-position:-200px -300px;}
/***************** SOUS MENU */
#contenu #menuLeft li ul {list-style:none;background:../images/charte/bg_menu_left.png) center top repeat-y;}
#contenu #menuLeft li ul li a.liSsMenuLeft {background:none;border:none;text-decoration:none;font:normal 13px Arial, Helvetica, sans-serif;color:#000000;display:block;padding:0 0 10px 35px;height:15px;width:150px;}
#contenu #menuLeft li ul li a.liSsMenuLeft:hover, #menuLeft li ul li a.rubrique_active {text-decoration:underline;color:#153263;background:none;}


/***************** CONTENU *****************/
#contenu {float:left;position:relative;display:inline;width:990px;background:url(../images/charte/bg_contenu.png) center top repeat-y;}

#contenu #contenu_left{float:left;width:200px;position:relative;margin-left:30px;}
#contenu #contenu_right{
	float:left;
	width:740px;
	position:relative;
	margin-left:5px;
	height: 100%;
}

/*** Encart contact ***/
#contenu #contenu_left #encart_contact{
	float:left;
	width:200px;
	position:relative;
	height:232px;
	margin-top:25px;
	background-image: url(../images/charte/bg_contact.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#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:#153263;font:normal 13px Arial,Verdana,Sans-Serif;}
#contenu #contenu_left #encart_contact p strong{font-weight:bold;}
#contenu #contenu_left #encart_contact p.societe{display:block;position:absolute;bottom:185px;left:25px;}
#contenu #contenu_left #encart_contact p.telephone{display:block;position:absolute;bottom:157px;left:47px;color:#ffffff;}
#contenu #contenu_left #encart_contact p.adresse{display:block;position:absolute;bottom:55px;right:5px;}
#contenu #contenu_left #encart_contact p.adresse a{font-size:11px;color:#838383;}
#contenu #contenu_left #encart_contact p.adresse a:hover{text-decoration:none;}

#contenu #contenu_right #hp_zsa{float:left;position:relative;display:block;width:732px;height:300px;background:url(../images/charte/bg_flash_home.jpg) left top no-repeat;margin:2px 0 15px 5px;}
#contenu #contenu_right #hp_zsb{float:left;position:relative;display:block;width:732px;height:187px;margin:5px 0 15px 0;}
#contenu #contenu_right #hp_zsb .hp_zsb{float:left;position:relative;display:block;width:241px;height:187px;}
#contenu #contenu_right #hp_zsb .hp_zsb a.en_savoir_plus{position:absolute;display:block;width:135px;height:24px;bottom:0px;right:0px;background:url(../images/charte/bg_btn_savoir_plus.png) top left no-repeat;font:normal 12px Arial,Verdana,Sans-Serif;color:#e61703;text-decoration:none;padding:8px 0 0 20px;}
#contenu #contenu_right #hp_zsb .hp_zsb a.en_savoir_plus:hover{text-decoration:underline;}

#contenu #contenu_right #hp_zsb .hp_zsb p{text-align:justify;font:normal 12px Arial,Verdana,Sans-Serif;color:#fff;position:absolute;bottom:20px;left:20px;width:200px;}
#contenu #contenu_right #hp_zsb .hp_zsb#chauffage{background:url(../images/charte/bg_zsb_chauffage.jpg) center top no-repeat;}
#contenu #contenu_right #hp_zsb .hp_zsb#plomberie{background:url(../images/charte/bg_zsb_plomberie.jpg) center top no-repeat;margin-left:5px;}
#contenu #contenu_right #hp_zsb .hp_zsb#piscine{background:url(../images/charte/bg_zsb_piscine.jpg) center top no-repeat;margin-left:4px;}

#contenu #contenu_right #presentation_firm{position:relative;float:left;width:730px;margin-left:7px;}
#contenu #contenu_right #presentation_firm img{border:1px solid #fff;margin:5px 5px 5px 10px;}
#contenu #contenu_right #presentation_firm h1{font:normal 14px Arial,Verdana,Sans-Serif;color:#000;text-align:center;}
#contenu #contenu_right #presentation_firm h1 strong{font-weight:bold;}
#contenu #contenu_right #presentation_firm h2{font:normal 13px Arial,Verdana,Sans-Serif;color:#e61703;text-transform:uppercase;text-align:center;}
#contenu #contenu_right #presentation_firm p{font:normal 13px Arial,Verdana,Sans-Serif;color:#153263;}
#contenu #contenu_right #presentation_firm p strong{color:#000;}

#contenu #contenu_right .contenu_texte{padding:5px 10px 0 5px;}
#contenu #contenu_right .contenu_texte h1{font:normal 17px Arial,VerdanaSans-Serif;color:#000;}
#contenu #contenu_right .contenu_texte h2{font:normal 15px Arial,VerdanaSans-Serif;color:#e61703;}
#contenu #contenu_right .contenu_texte p{font:normal 13px Arial,VerdanaSans-Serif;color:#153263;}
#contenu #contenu_right .contenu_texte p a{color:#e61703;}
#contenu #contenu_right .contenu_texte p a:hover{color:#000;}

/*---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-general {position:relative;clear:both;width:990px;height:auto;/*margin:-30px auto 0;*/margin:0 auto;}
#footer-texte{background: url(../images/charte/bg_contenu.png) left top repeat-y;}
#footer-texte p{font:12px Arial, Verdana, Sans-Serif;color:#95cef2;text-align:center;margin:0 20px;}
#footer-texte p.txt_footer {float:right;margin:0 30px 0 auto;width:700px;}
#footer{
	background: url(../images/charte/bg_footer.png) center top no-repeat;
	height:50px;
	clear: both;
}
#footer p{font:10px/20px Verdana, Helvetica, sans-serif;color:#3793cd;text-align:right;padding-right:20px;padding-top:20px;}
#footer a:link, #footer a:visited{text-decoration:underline;color:#3793cd;}
#footer a:hover, #footer a:active{text-decoration:underline;color:#000000;}


/***************** STYLE GLOBAUX *****************/
a img{border:none;}
a:active, a:focus{outline:none;}
/***************** 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;}