/* -------------- Mise à zéro des styles ---------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var,pre{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
a {outline: none;}

.wrapper{
	display:none;
}
a{
	color:#0F3CAF;
}
a:hover{
	text-decoration:none;
}
img{
	border:0;
}

body,pre{
	font-family:Arial,Helvetica,sans-serif;
	background: #959595;
}

/* ----------container to center the layout-------------- */
#container {
position:relative;
width: 992px;
margin-left: auto;
margin-right: auto;
background-image: url(../images/template/fond-conteneur.gif);
background-repeat: no-repeat;
display:table;
}

/* ----------banner for logo-------------- */
#banner {
position:relative;
width:992px;
height:86px;
}
#banner img{
	position:absolute;
	top:0;
	left:11px;
	border:0;
}
#chemin {
position:absolute;
top:60px;
left:200px;
color:#000;
font-size:12px;
font-weight:bold;
}
#chemin a{
	text-decoration:none;
	color:#ff0060;
}
#chemin a:hover{
	color:#959595;
}
#langue{
	position:absolute;
	top:5px;
	left:830px;
	font-size:12px;
}
#langue a{
	color:#B10026;
	font-weight:bold;
	text-decoration:none;
}
#recherche{
	position:absolute;
	width:250px;
	height:56px;
	background-image: url(../images/template/fond-recherche.gif);
	background-repeat: no-repeat;
	bottom:0px;
	left:614px;
}
#recherche p{
	font-size:13px;
	padding-left:20px;
	padding-top:10px;
	font-weight:bold;
}
#search2_engine{
	font-size:12px;
}

#zone{
	background-image: url(../images/template/zone-recherche.gif);
	background-repeat: no-repeat;
	_background-attachment: fixed;
	border:0;
	height:22px;
	margin-left:10px;
		padding-left:6px;
		padding-right:3px;
		color:#000;
}
#ok{
	border:0;
	color:#000;
	font-weight:bold;
	font-size:9px;
	cursor: pointer;
	background: #fff;
}
#transition{
	position:relative;
	width:992px;
	height:34px;
	background-image: url(../images/template/fond-transition.gif);
}
/* -----------------content--------------------- */
#photo{
	position:absolute;
	display:block;
	width:992px;
	top:146px;
	height:395px;
	background-image: url(../images/template/photo-accueil.jpg);
	z-index:0;
}
#photo h1{
	font-size:30px;
	color:#fff;
	margin-top:315px;
	margin-left:200px;
}
#photo-interieur{
	position:absolute;
	display:block;
	width:992px;
	top:146px;
	height:267px;
	/*background-image: url(../images/template/photo-presentation.jpg);*/
	background-repeat:no-repeat;
	z-index:0;
}
#photo-interieur h1{
	font-size:30px;
	color:#fff;
	margin-top:185px;
	margin-left:200px;
}
#promo{
	position:absolute;
	top:15px;
	left:762px;
	z-index:10;
}

/*--------- navigation ------------*/
#menu {
position: relative;
top: 0px;
left: 0px;
width: 961px;
_width:917px;
/*height:402px;
_height:403px;*/
margin-left:31px;
z-index:1;
}
#menu-interieur {
position: relative;
top: 0px;
left: 0px;
width: 961px;
_width:917px;
/*height:402px;
_height:403px;*/
margin-left:31px;
z-index:100;
}
#menu dl, #menu-interieur dl{
float: left;
color: #ffffff;
}
#menu dt, #menu-interieur dt {
cursor: pointer;
text-align: center;
background: transparent;
border: none;
height:18px;
width:151px;
padding-top:8px;
}

#menu dd, #menu-interieur dd {
display: none;
border:none;
}
#menu li, #menu-interieur li {
text-align: center;
background-repeat: repeat;
text-align: left;
height:30px;
_height:20px;
}
.repos{
background-image: url(../images/template/menu-gris.png);
_background-image: url(../images/template/menu-gris.gif);
}
.actif{
background-image: url(../images/template/menu-vert.png);
_background-image: url(../images/template/menu-vert.gif);
}
#menu dt a, #menu-interieur dt a{
color: #ffffff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a, #menu-interieur li a{
color: #ffffff;
text-decoration: none;
display: block;
height: 100%;
border:none;
padding-left: 18px;
padding-top:10px;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus, #menu-interieur li a:hover, #menu-interieur li a:focus, #menu-interieur dt a:hover, #menu-interieur dt a:focus {

	color: #B10026;
	color: #000;
}
.fond{
	width:151px;
	height:26px;
	background-image: url(../images/template/bas-menu-gris.png);
	_background-image: url(../images/template/bas-menu-gris.gif);
	background-repeat:no-repeat;
}
.fond-actif{
	width:151px;
	height:26px;
	background-image: url(../images/template/bas-menu-vert.png);
	_background-image: url(../images/template/bas-menu-vert.gif);
	background-repeat:no-repeat;
}
.onglet {
background-image: url(../images/template/fond-menu-gris.gif);
background-repeat: no-repeat;
	font-size: 13px;
	font-weight:bold;
	width:151px;
}
.onglet-active {
background-image: url(../images/template/fond-menu-vert.gif);
background-repeat: no-repeat;
	font-size: 13px;
	font-weight:bold;
	width:151px;
}
/*.chauffage {
background-image: url(../images/template/fond-menu-gris.gif);
background-repeat: no-repeat;
	font-size: 13px;
	font-weight:bold;	
	width:151px;
}
.solaire {
background-image: url(../images/template/fond-menu-gris.gif);
background-repeat: no-repeat;
	width:151px;
	font-size: 13px;
	font-weight:bold;	
}
.realisations {
background-image: url(../images/template/fond-menu-gris.gif);
background-repeat: no-repeat;
	width:151px;
	font-size: 13px;
	font-weight:bold;
}
.sanitaires {
background-image: url(../images/template/fond-menu-gris.gif);
background-repeat: no-repeat;
	width:151px;
	font-size: 13px;
	font-weight:bold;
}
.contacts {
background-image: url(../images/template/fond-menu-gris.gif);
background-repeat: no-repeat;
	width:151px;
	font-size: 13px;
	font-weight:bold;	
}*/
/* -------------- contenu interieur -----------------*/
#contenu {
position:absolute;
top:413px;
width: 992px;
background-image: url(../images/template/fond-contenu.gif);
}
#contenu-gauche{
	float:left;
	width: 750px;
	/*width: 659px;*/
	/*padding-left:25px;*/
}	
#contenu-gauche a {
	font-size: 12px;
	color:#535353;

}
#contenu-gauche a:hover {
	color: #000000;	
}
#contenu-gauche p{
	padding:6px 0 0 50px;
	font-size:12px;
	text-align:justify;
}
#contenu-gauche h1{
	color:#959595;
	padding:6px 0 0 50px;
	font-size:21px;
	font-weight: bold;
}
#contenu-gauche h2{
	color:#959595;
	padding:6px 0 0 50px;
	font-size:18px;
	font-weight: bold;
}
#contenu-gauche h3{
	color:#959595;
	padding:6px 0 0 50px;
	font-size:17px;
	font-weight: bold;
}
#contenu-gauche h4{
	color:#959595;
	padding:6px 0 0 50px;
	font-size:15px;
	font-weight: bold;
}
#contenu-gauche h5{
	color:#959595;
	padding:3px 0 0 50px;
	font-size:13px;
	font-weight: bold;
}

#contenu-gauche h6{
	color:#959595;
	padding:3px 0 0 50px;
	font-size:12px;
	font-weight: bold;
}
#contenu-gauche ul{
	padding-top:6px;
	padding-left:50px;
}
#contenu-gauche ul li{
	list-style: disc;
	margin-left:15px;
	padding-left:10px;
	padding-bottom:6px;
	font-size:12px;
}
#contenu-gauche ol{
	padding-top:6px;
	padding-left:50px;
}
#contenu-gauche ol li{
   list-style: decimal;
	margin-left:33px;
	padding-left:3px;
	font-size:12px;
}
#contenu-gauche dt{
   padding-left:15px;
	margin-left:10px;
	font-weight: bold;
	font-size:12px;
}
#contenu-gauche dd{
padding-left:35px;
font-size:11px;
}  
#contenu-gauche td{
		font-size:12px;
}
.neo_form_mail_table{
	margin-left:50px;
		font-size:12px;
}
#required_fields{
	padding-left:50px;
	font-size:12px;
}
.espace{
	margin-left:50px;
}	
#map{
	width:600px;
	height:450px;
	margin-left:50px;
}
#contenu-droite{
	float:right;
	width:253px;
	height:50px;
	padding-left:55px;
padding-top:3px;
background-image: url(../images/template/fond-client.gif);
background-repeat:no-repeat;
font-size:13px;
}
#search2_engine {
	margin-left:50px;
}
/* -----------footer--------------------------- */
#pied-de-page{
	position:absolute;
	top:541px;
}
#footer {
position:absolute;
left:0;
top:0;
width: 659px;
height:100px;
padding: 0px;
font-size:10px;
color:#000;
padding-top:10px;
padding-left:25px;
}
#footer a{
text-decoration:none;
}
#footer a:hover{
text-decoration: underline;
}
#client {
position:absolute;
top:0;
left:684px;
width:253px;
height:100px;
background-image: url(../images/template/fond-client.gif);
background-repeat: no-repeat;
font-size:13px;
padding-left:55px;
padding-top:3px;
font-weight:bold;
}
#client a, #contenu-droite a{
	color:#7cac28;
	text-decoration:none;
	font-size: 15px;
	font-weight:bold;
}
#client a:hover, #contenu-droite a:hover{
text-decoration: underline;
}
.signature{
	margin-top:10px;
}
.signature a{
   color: #fff;
   text-decoration: none;
}
.signature img{
   vertical-align: middle;
   margin-right:20px;
}
#footer-interieur{
float:left;
width:980px;
	background:#959595;
	color:#fff;
}
#footer-interieur a{
	color:#fff;
	text-decoration:none;
}
#developpement{
	float:right;
	width:235px;
		font-size:10px;
}
#developpement img{
vertical-align: middle;
margin-left:10px;
}
#agreations{
	float:left;
	width:630px;
	font-size:12px;
}
#bas{
	float:left;
	width:630px;
		font-size:10px;
}
