/*Taille du contenu obligatoirement en font-size: 12px;*/

body { margin:0; padding:0; font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#186a8c; background: #186a8c url(../images/bg/body.png) repeat-x left top;}
img { border:none; }
h2{margin:2px 0 5px 0; padding:3px 0; font-size:14px; border-bottom:solid 1px #186a8c;}
a:link, a:visited{text-decoration:none; color:#186a8c; font-weight:bold;}
a:hover{text-decoration: underline; color:#f43d18;}
div.spacer, .spacer{ width:100%; clear:both; height:1px; font-size:1px; display:block; margin:-1px 0 0 0; }
/*Container*/
#flashcontent {}
div.container { margin:0 auto; padding:0; width:900px;}

/*Header*/

div.header { padding:0 0 0 10px; float:left; width:890px;}
div.logo { float:left; margin:0; padding:0; width:366px; height:239px}
div.logo img{ margin:0; padding:0;}
div#flash { margin:0; padding:24px 0 0 15px; float:left; width:505px; height:216px; background: url(../images/bg/flash.jpg) no-repeat left top;}

ul.menu01{ margin:0!important;margin:-1px 0 0 0; padding:0; list-style-type:none; width:886px; float:left;}
ul.menu01 li{float:left; margin:0; padding:0; height:57px;}
ul.menu01 li a:link, ul.menu01 li a:visited{ height:57px; background-position:left top; background-repeat:no-repeat; display:block; outline:none; position:relative;}
ul.menu01 li a.chauffage{ background-image:url(../images/menu01/chauffage.gif); width:170px;}
ul.menu01 li a.sanitaire{background-image:url(../images/menu01/sanitaire.gif); width:165px;}
ul.menu01 li a.electricite{background-image:url(../images/menu01/electricite.gif); width:167px;}
ul.menu01 li a.photovoltaique{background-image:url(../images/menu01/photovoltaique.gif); width:225px;}
ul.menu01 li a.menuiserie{background-image:url(../images/menu01/menuiserie.gif); width:159px;}
ul.menu01 li a:hover, ul.menu01 li a:active{ background-position:left -57px;}
ul.menu01 li a span{display:none;}

/*Content*/

div.content { margin:0 0 10px 0; padding:0; float:left; width:100%; background: #186a8c url(../images/bg/content.jpg) no-repeat left top;}
div.bloc_gauche { width:580px; padding:0; margin:0; float:left;}
div.bloc_gauche h1{ margin:20px 0 15px 0; padding:0;}
div.bloc_gauche_inner { width:560px; padding:10px 10px 4px 10px; background:#FFFFFF; margin:0; text-align:justify;}
div.bloc_gauche_inner p{ margin:0 0 15px 0; padding:0;}
div.bloc_gauche_inner ul.liste{ list-style-type:none; padding:0 0 0 12px; margin:0 0 20px 0;}
div.bloc_gauche_inner ul.liste li{ background:url(../images/point.gif) no-repeat left 6px; margin:0; padding:0 0 0 10px;}
div.bloc_gauche_inner img.acces{ margin:0 0 10px 60px; padding:0; float:left;}
div.plan { margin:0; padding:0;}

div.bloc_gauche_inner ul.gallerie{ list-style-type:none; margin:0 0 0 5px; padding:0;}
div.bloc_gauche_inner ul.gallerie li{ float:left; width:175px; height:128px; margin:0; padding:10px 0 0 8px; background:url(../images/bg/gal.png) no-repeat left top;}


div.bloc_droite { margin:0; padding:8px 0 0 26px; float:left; width:290px;}

#btn p{color:white; margin:0; padding:0; text-align:center;}
.btngalerie {margin:38px 0 0 0;}
/* menu 02 */

ul.menu02{ margin:0; padding:0; list-style-type:none; width:263px;}
ul.menu02 li{float:left; margin:0; padding:0; height:23px;}
ul.menu02 li a:link, ul.menu02 li a:visited{ height:23px; background-position:left top; background-repeat:no-repeat; display:block; outline:none; position:relative;}
ul.menu02 li a.accueil{ background-image:url(../images/menu02/accueil.png); width:83px;}
ul.menu02 li a.contact{background-image:url(../images/menu02/contact.png); width:89px;}
ul.menu02 li a.plan{background-image:url(../images/menu02/plan.png); width:90px;}
ul.menu02 li a:hover, ul.menu02 li a:active{ background-position:left -23px;}
ul.menu02 li a span { display:none;}

div.bloc_droite ul.articles{ margin:0 15px 0 3px; padding:0; float:left; width:115px; list-style-type:none;}
div.bloc_droite ul.articles li{ margin:43px 0 0 0;}

div.bloc_droite ul.logos{ margin:43px 0 0 0px; padding:0 0 0 12px; float:left; width:135px; list-style-type:none; background:url(../images/bg/ligne.png) repeat-y top left;}
div.bloc_droite ul.logos li{ margin:0 0 43px 8px; padding:0;}
div.bloc_droite ul.logos li.end{ margin:0 0 0 8px;}

div.footer { margin:10px 0 0 0; padding:10px 0 5px 10px; text-align:center; display:block; clear:both; background:url(../images/bg/ligne_footer.png) repeat-x top left; font-size:11px; color:#fff;}

div.footer ul{ list-style-type:none; margin:0; padding:0; width:100%;}
div.footer ul li{ display:inline; padding:0; margin:0;}

div.footer  a:link, div.footer   a:visited{ color:#ffffff; padding:0 5px 0 5px; font-size:11px; text-decoration:none; font-weight:normal; border-left: solid 1px #fff;}
div.footer  a:hover {text-decoration: underline; }


ul.logo_partenaires { margin:0; padding:0; list-style-type:none; text-align:center;}
ul.logo_partenaires li{ margin:0; padding:0;   display:inline; }
ul.logo_partenaires li img {border:none; background:#ccc; padding:2px; margin:3px 0px;}

div#contact h1{ margin:0; padding:0;}

/*galerie*/



/*catalogue*/
#vignette_catalogue { width:175px; height:128px; margin:0; padding:10px 0 0 6px; background:url(../images/bg/gal.png) no-repeat left top; }

#bloc_catalogue { width:100%; margin: 0 auto; text-align:center;}
#id{float:left; width:180px; }
#id:hover{
	float:left;
	width:180px;
}
#cont_id{width:175px; }