@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; background:#fff url(../images/bg/body.jpg) repeat-x left top;}
.spacer{width:100%; display:block; height:1px; overflow:hidden; clear:both;}
.spacer_twenty{width:100%; display:block; height:20px; overflow:hidden; clear:both;}
a:link, a:visited{color:#0d5079; text-decoration:none;}
a:hover{font-weight:bold; text-decoration:underline;}
img{border:none;}
div.container{margin:0 auto; width:960px; background:url(../images/bg/container.gif) repeat-y left top;}
div.container_inner{background: url(../images/bg/main.jpg) no-repeat left top; padding:0px 20px;}
div.header{height:292px; padding:38px 0 0 0; overflow:hidden;}
div.header_logo {float:left; width:315px; padding:8px 0 0 5px; text-align:left;}
img.tel{display:block; margin:20px 0 0 0;}
div.header_flash{float:left; width:475px; height:220px;}

#btn_catalogue {width:397px; text-align:center; margin:0 auto;}
#ttl_cata {width:213px; text-align:left;}
/** Menu des accueils plan etc. */
ul.menu_general{float:left; margin:0; padding:0; width:114px; list-style-type:none; height:220px; overflow:hidden;}
ul.menu_general li{height:73px; width:115px; margin:0; padding:0;}
ul.menu_general li a:link, ul.menu_general li a:visited{ width:114px; height:73px; background-position:left top; background-repeat:no-repeat; display:block;}
ul.menu_general li a.accueil{background-image:url(../images/menu_top/accueil.gif);}
ul.menu_general li.accueil{background-image:url(../images/menu_top/accueil.gif);}
ul.menu_general li a.contact{background-image:url(../images/menu_top/contact.gif);}
ul.menu_general li.contact{background-image:url(../images/menu_top/contact.gif);}
ul.menu_general li a.plan{background-image: url(../images/menu_top/plan.gif);}
ul.menu_general li.plan{background-image: url(../images/menu_top/plan.gif);}
ul.menu_general li a:hover{background-position: -114px top;}
ul.menu_general li a span{display:none;}

/** Menu des pages **/
ul.menu_top{float:left; padding:1px 0 0 0; margin:0; width:910px; height:70px; list-style-type:none; overflow:hidden; clear:both;}
ul.menu_top li{float:left; margin:0; padding:0; width:182px; height:71px;}
ul.menu_top li a:link, ul.menu_top li a:visited{ width:182px; height:71px; background-position:left top; background-repeat:no-repeat; display:block;}
ul.menu_top li a.electricite{ background-image:url(../images/menu_top/electricite.gif);}
ul.menu_top li.electricite{ background-image:url(../images/menu_top/electricite.gif);}

ul.menu_top li a.energie{background-image:url(../images/menu_top/energie.gif);}
ul.menu_top li.energie{background-image:url(../images/menu_top/energie.gif);}

ul.menu_top li a.chauffage{background-image:url(../images/menu_top/chauffage.gif);}
ul.menu_top li.chauffage{background-image:url(../images/menu_top/chauffage.gif);}

ul.menu_top li a.equipements{ background-image:url(../images/menu_top/equipements.gif);}
ul.menu_top li.equipements{ background-image:url(../images/menu_top/equipements.gif);}

ul.menu_top li a.chantiers{background-image:url(../images/menu_top/chantiers.gif);}
ul.menu_top li.chantiers{background-image:url(../images/menu_top/chantiers.gif);}

ul.menu_top li a:hover{background-position: left bottom;}
ul.menu_top li a span{display:none;}

/*Cadre accueil */
ul.cadre_accueil{width:900px; margin:0 auto; padding:0; height:110px; overflow:hidden; list-style-type:none;}
ul.cadre_accueil li{float:left; margin:0; padding:0; width:225px; height:110px; margin:0;}
ul.cadre_accueil li a:link, ul.cadre_accueil li a:visited{ width:225px; height:110px; background-position:left top; background-repeat:no-repeat; display:block;}
ul.cadre_accueil li a.electricite{ background-image:url(../images/cadre_accueil/electricite.gif);}
ul.cadre_accueil li.electricite{ background-image:url(../images/cadre_accueil/electricite.gif);}
ul.cadre_accueil li a.energie{background-image:url(../images/cadre_accueil/energie.gif);}
ul.cadre_accueil li.energie{background-image:url(../images/cadre_accueil/energie.gif);}
ul.cadre_accueil li a.chauffage{background-image:url(../images/cadre_accueil/chauffage.gif);}
ul.cadre_accueil li.chauffage{background-image:url(../images/cadre_accueil/chauffage.gif);}
ul.cadre_accueil li a.equipements{ background-image:url(../images/cadre_accueil/equipements.gif);}
ul.cadre_accueil li.equipements{ background-image:url(../images/cadre_accueil/equipements.gif);}
ul.cadre_accueil li a:hover{background-position: left bottom;}
ul.cadre_accueil li a span{display:none;}

/*Galeries */
ul.galerie{ margin:0; padding:10px 0 0 0; overflow:hidden; list-style-type:none; border-top: solid 1px #d9d9d9;}
ul.galerie li{display:inline;}
ul.galerie li img{ padding:8px; background:url(../images/bg/galeries.gif) no-repeat left top;}

/*textes */
div.titre{ float:left; width:382px; padding:20px 0 20px 25px;}
div.textes{text-align:justify; float:left; width:495px; padding:30px 0 20px 10px;}


/*footer **/
div.footer{background:url(../images/bg/footer.gif) no-repeat left bottom; padding:10px 0 30px 0;}
div.footer_left{float:left; width:192px; padding:0 0 0 30px; }
div.footer_right{float:left; width:708px; padding:15px 0 0 0; font-size:11px; color:#0d5079}
div.footer_right a:hover{font-weight:normal;}

.titre_plan { margin:10px 0 10px 10px; padding:0; float:left;}
.coordonnees { margin:0 40px 0 20px; padding:20px 0 0 20px; float:left; width: 166px; text-align:left; color:#0d5079;}
.coordonnees img { margin:0 0 10px 0; padding:0; float:left;}
.coordonnees h1 { margin:0 65px 0 0; padding:0; float:left; font-size:14px; color:#0d5079;}

.form { margin:0 0 0 90px; padding:20px 0 0 0; float:left; text-align:left; color:#0d5079;}
.form h1{ margin:0 0 10px 0; padding:0; text-align: left;}

#mentions {text-align:justify;}
#mentions h1{ margin:10px 10px 0 10px; padding:0; font-size:20px; text-align:center;}
#mentions h2 {font-size:15px; text-align:center;}

.mentions_text{list-style-type:none; clear:both; font-size:12px; width:100%; float:left; margin:0; padding:0; text-align:center; }
.mentions_text li{float:left;  width:200px; height:175px; text-align:left; padding:0 40px 0 30px; color:#0d5079;}
.mentions_text li p{ margin:0; padding:0; text-align:left}
.mentions_text li h2{font-size:14px; font-weight:bold}

.contenu { margin:0; padding:0; float:left; border-top:solid 1px #d9d9d9; width:100%;}