/* squelette html */
html{
	overflow:scroll;
}
body{
	margin:0px;padding:0px;
	background:url(../gfx/bgCiel.jpg) #b7e6f8 repeat-x;
	background-position:center -4px;
}
body,table,a{
	font-size:12px;
	color:black;
	font-family:arial,helvetica,verdana;
}
a{
	text-decoration:none;
	color:#e3001b;
}
img{
	border:none;
}
#contener{
	margin:0px;padding:0px;
	width:100%;

}
#contenu{
	position:relative;
	margin-top:-104px;
	margin-left:auto;margin-right:auto;
	width:1000px;
	background:url(../gfx/bgCiel.jpg) #b7e6f8 repeat-x;
	background-position:center -4px;

}

/* header */
#bgHeader{
	margin:0px;padding:0px;
	margin-left:50%;margin-top:44px;
	height:60px;width:50%;
	background:url(../gfx/bgHeader.png) repeat-x;
}
#header{
	margin:0px;padding:0px;
	width:1000px;height:140px;
	*text-align:left;
}

#logo{
	position:absolute;
	z-index:100;
	top:0;
	left:0;
}
#demande_devis{
	position:absolute;
	top:0px;left:164px;
	z-index:100;
	width:240px;
	height:56px;
}
/* menu */
#menu{
	position:absolute;
	padding-top:12px;
	top:32px;left:100px;
	*top:44px;*left:58px;*padding-left:58px;
	list-style:none;
	height:60px;
	border:0px pink solid;
	background:url(../gfx/bgMenu.jpg) no-repeat;
	z-index:10;

}
#menu li{
	float:left;
	display:inline;
	height:36px;
	text-align:center;
}
#menu a{
	font-size:17px;
	color:white;
	letter-spacing:2px;
	padding-left:15px;padding-right:15px;
}
.item{
	background:url(../gfx/bgItem.jpg) repeat-x;
	padding-top:8px;
	cursor:pointer;

}
.itemActive{
	background:url(../gfx/bgHeaderOver.jpg) repeat-x;
}
.itemActive a{
	background:url(../gfx/arrow.gif) no-repeat;
	background-position:0px 6px;
}
#presentation{
	width:225px;
}

#services{
	width:166px;
}
#photovoltaique{
	width:237px;
}
#contact{
	width:193px;
	*width:177px;
}

/* zone contenu */
#texte{
	margin:0px;padding:0px;
	margin-left:auto;margin-right:auto;
	width:974px;
}
#ombreHt{
	margin:0px;padding:0px;
	width:974px;height:10px;
	background:url(../gfx/ombreHt.png) no-repeat;
}
#corps{
	margin:0px;padding:15px 25px 15px 25px;
	width:974px;
	background:url(../gfx/ombreCentre.png) repeat-y;
}
#ombreBas{
	margin:0px;padding:0px;
	width:974px;height:15px;
	background:url(../gfx/ombreBas.png) no-repeat;
}

/* footer */
#footer{
	margin:20px 0px 0px 0px;padding:0px 20px 0px 0px;
	width:750px;height:60px;
	background:url(../gfx/bgFooter.png) no-repeat;
	color:white;
	font-size:10px;
}
#mentions{
	text-align:right;
	padding-right:70px;
	padding-top:21px;
}
#footer a{
	color:white;
	font-size:10px;
}
#bgfooter{

	width:50%;height:60px;
	margin-top:-60px;
	background:url(../gfx/bgFooterRepeat.png) repeat-x;
}

/* Titres */
.titre_fleche{
	margin:0px;padding:0px 0px 0px 10px;
	font-size:12px;
	background:url(../gfx/arrowRed.gif) no-repeat;
	background-position:5px 3px;
}

/* Bloc Infos */
.blocInfo{
	padding-bottom:10px;
	border:solid 2px #e7e9e8;
	background:url(../gfx/bgBlocInfo.png) repeat;
}
.blocInfo h2{
	margin:15px 0px 0px 15px;padding:0px 0px 0px 15px;
}
.zoneDroite table{
	margin:5px 0px 0px 15px;padding:0px;
	width:160px;
}
.zoneDroite table td{
	padding:5px 0px 0px 0px;
	text-align:center;
}

/* PAGE ACCUEIL ET DETAIL SERVICES*/
.blocTexte{
	margin:0px;padding:0px 0px 0px 330px;
	width:370px;
}
.blocTexte h1{
	margin:0px;padding:0px;
	font-size:18px;font-weight:normal;
	letter-spacing:3px;
}
.blocTexte p{
	margin:0px 0px 0px 0px;padding:0px;
	text-align:justify;
}
.blocTexte h2{
	margin:8px 0px 0px 0px;padding:0px;
	font-size:12px;
}
.zoneDroite{
	position:absolute;
	top:165px;left:755px;
	width:203px;
}

/* CLEAR FIX ================== */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}