body{ margin:0; padding:0; background:#000 url(../images/background/body.gif) repeat-x left top; font-family:Arial; font-size:12px; text-align:center; color:#fff;}
img{ border:0;}
h1{ margin:0; padding:0; color:#b05d12; font-size:20px;}
h2 {font-size:15px;}
a:link, a:visited{ text-decoration:none; color:#b05d12; }
a:hover{text-decoration:underline; }
.spacer{ width:100%; height:1px; font-size:1px; clear:both; display:block; }
.spacer100px{ width:inherit ; height:100px; clear:both; font-size:1px; }
div.container{ width:900px; height:429px; margin:0 auto; padding:0 0 0 24px; background:#000 url(../images/background/container.jpg) no-repeat center top;  text-align:justify;}
div.header{ margin:0; padding:20px 0 0 0;}
a.logotop{  width:273px; height:146px; float:left; text-align:center; padding:34px 0 0 0; margin:0 0 0 20px; }
a.logotop img{ float:none; margin:0; padding:0; }
div.flash{ width:382px; height:180px; float:left; margin:0 0 0 210px; padding:1px 3px 5px 5px; background: url(../images/flash.jpg) no-repeat center center;}

.trait{   background: url(../images/background/menuTop.gif) no-repeat center center; padding:0; margin:0 0 15px 0; width:100%; height:10px; clear:both; display:block; }
ul.menu_top{ margin:0px 0 0 0; padding:120px 0 0 0; list-style-type:none; }
ul.menu_top li{ float:left; margin:0; padding:0; }
ul.menu_top li a:link, ul.menu_top li a:visited, ul.menu_top li a:active{ height:12px; background-position:left top; background-repeat:no-repeat; display:block; outline:none;}
ul.menu_top li a.accueil{ background-image: url(../images/menu/accueil.gif); width:94px;}
ul.menu_top li a.chauffage{ background-image: url(../images/menu/chauffage.gif); width:94px;}
ul.menu_top li a.contact{ background-image: url(../images/menu/contact.gif); width:77px;}
ul.menu_top li a.couverture{ background-image: url(../images/menu/couverture.gif); width:95px;}
ul.menu_top li a.energie{ background-image: url(../images/menu/energie.gif); width:144px;}
ul.menu_top li a.plan{ background-image: url(../images/menu/plan.gif); width:154px;}
ul.menu_top li a.plomberie{ background-image: url(../images/menu/plomberie.gif); width:86px;}
ul.menu_top li a.sanitaire{ background-image: url(../images/menu/sanitaire.gif); width:76px;}
ul.menu_top li a.zinguerie{ background-image: url(../images/menu/zinguerie.gif); width:80px;}
ul.menu_top li a:hover{ background-position:left bottom;}
ul.menu_top  li a span{display:none;}
ul.zonetexte{list-style-type:none; margin:20px 0 0 0; padding:0 0 25px 0; display:block; font-size:12px; width:900px; float:left }
ul.zonetexte li{float:left; color:#000000; width:293px; height:125px; text-align:left; border-left:1px solid #000000;  padding-left:5px; }
ul.zonetexte li p{color:#FFFFFF;}
.text h2{font-size:14px; font-weight:bold; color:#FFFFFF;}

.block1{ width:470px; margin:0;  padding:0 20px; float:left; }


ul.liste1{ border-left: solid 1px #666666; list-style-type:square; padding:10px 0 9px 20px; margin:7px 0 9px 30px;  display:block; }


div.block2{ width:385px; float:left; margin:0; padding:20px 0 40px 0;  border-left: solid 1px #666666;}
ul.gallery{ list-style-type:none; margin:0; padding:0}
ul.gallery li{ float:left; }
ul.gallery li img{ width:100px; height:100px; border:solid 3px #999999; margin:15px 0 0 13px; }
.left_col{ width:350px; text-align:justify;  float:left; margin-right:10px; margin-top:18px;}
.right_col{ width:450px; float:left; margin:18px 0 0 0px; display:block; padding:0;}

div.footer{ margin:10px 0 0 0; padding:27px 0 20px 0; background: url(../images/background/menuTop.gif) no-repeat center top; text-align:center;}
img.gaz{float:left; padding-right:20px; border-right:solid 1px #666;}
div.footer ul{ display:block; margin:20px 0 ; padding:0;  list-style-type:none; text-align:center; font-size:11px; }

div.footer  ul li { display:inline; color:#ccc;  }
div.footer ul li a:link, div.footer ul li a:visited{ color:#ccc; margin:0 3px;  text-decoration:none; font-size:11px;}
div.footer ul li a:hover{ text-decoration: underline;}