body {
	margin:auto;
	background-color: #708090;
	font-family: "Trebuchet MS";
	color: #f8f8ff;
	}
#conteneur {
	width:1000px;
	margin:auto;
}	
#hautmenu {
	position: relative;
	float: left;
	background-image: url(../images/menuHaut.jpg);
	background-repeat: no-repeat;
	width:1000px;
	height:54px;
}
#logoText{
	position: relative;
	float: left;
	background-image: url(../images/logoTexte.jpg);
	background-repeat: no-repeat;
	width:1000px;
	height:255px;
}
#logoText2 {
	position: relative;
	float: left;
	background-image: url(../images/logoTexte2.jpg);
	background-repeat: no-repeat;
	width:1000px;
	height:282px;
}
#logoText3 {
	position: relative;
	float: left;
	background-image: url(../images/logoTexte3.jpg);
	background-repeat: no-repeat;
	width:1000px;
	height:282px;
}
#col {
	position: relative;
	float: left;
	width: 1000px;
}
#col3 {
	position: relative;
	float: left;
	width: 1000px;
	background-color: #2b3960;
}
#coteG {
	position: relative;
	float: left;
	background-image: url(../images/coteG.jpg);
	background-repeat: no-repeat;
	width:496px;
	height:651px;
}
#coteD {
	position: relative;
	float: left;
	background-image: url(../images/coteD.jpg);
	background-repeat: no-repeat;
	width:504px;
	height:651px;
}
#coteG2 {
	position: relative;
	float: left;
	background-image: url(../images/coteG2fr.jpg);
	background-repeat: no-repeat;
	width:496px;
	height:624px;
}
#coteD2 {
	position: relative;
	float: left;
	background-image: url(../images/coteD2fr.jpg);
	background-repeat: no-repeat;
	width:504px;
	height:624px;
}
#bas {
	position: relative;
	float: left;
	background-image: url(../images/bas.jpg);
	background-repeat: no-repeat;
	width:1000px;
	height:98px;
}
#bas3 {
	position: relative;
	float: left;
	background-image: url(../images/bas3.jpg);
	background-repeat: no-repeat;
	width:1000px;
	height:98px;
}
#menu {
	position:relative;
	float: left;
	width:940px;
	top: 15px;
	left:60px;
	font-size: 15px;
	boIrder: 1px solid #fffafa;
}

#menu a {
	display: block;
	position: relative;
	float: left;
	width: 127px;
	color: #dfdbcf;
	text-decoration: none;
	font-weight: bold;
}
 #menu a.accueil {
 	width:295px;boIrder: 1px solid #fffafa;
 }
  #menu a.petit {
 	width:100px;boIrder: 1px solid #fffafa;
 }
 #menu a:hover, #menu a:hover.lien2 {
 	color: white;
 }
 #menu div.lienlang  {
 float: left;
    left: 30px;
    position: relative;
    top: -12px;
    width: 120px;
}
 #menu div.lienlang a {
position:relative;
float:left;
width:120px;
}
#menu div.lienlang a img, #menu div.lienlang img {
position:relative;
float:left;
}

#concepText {
	position:relative;
	float: right;
	width:400px;
	top: 75px;
	right:40px;
	font-size: 15px;
	line-height: 23px;
	boIrder: 1px solid #fffafa;
}
#textAmb {
	position:relative;
	float: left;
	width:300px;
	top: 00px;
	left:180px;
	font-size: 15px;
	line-height: 22px;
	boIrder: 1px solid #fffafa;
}
#textAmb h1 {
	font-size: 15px;
	line-height: 22px;
	font-weight:normal;}
#proj {
	float: left;
    font-size: 15px;
    left: 20px;
    line-height: 22px;
    position: relative;
    top: 25px;
    width: 450px;
}
#textMait {
	 float: left;
    font-size: 15px;
    left: 20px;
    line-height: 22px;
    position: relative;
    top: 50px;
    width: 460px;
}
#textlist {
	float: left;
    font-size: 14px;
    height: 480px;
    left: 50px;
    line-height: 20px;
    overflow: auto;
    position: relative;
    width: 450px;
}
a.savoirplus {
	display: block;
	float: left;
	width:100px;
	height:40px;
	boIrder: 1px solid white;
	text-decoration:none;
}
h1.mil {
	font-size: 22px;
	text-align:center;
	margin:auto;
}
h2.mil {
	font-size: 17px;
	text-align:center;
	margin:auto;
	color: #ccc6b2;
}
#gauch {
	position:relative;
	float: left;
	width:920px;
	top: 70px;
	left:40px;
	font-size: 15px;
	line-height: 22px;
}
#droit {
	position:relative;
	float: left;
	width:920px;
	top: 70px;
	left:40px;
	font-size: 15px;
	line-height: 22px;
}
#milieubas {
	position:relative;
	float: left;
	width:960px;
	height:115px;
	padding-left:40px;
	font-size: 15px;
	line-height: 22px;
	background-image: url(../images/milieubas.jpg);
}
#slog {
	position:relative;
	float: left;
	width:450px;
	top: 30px;
	left:-10px;
	text-align:center;
	font-weight: bold;
	font-variant: small-caps;
	font-size:20px;
	color: #deb887;
	
}
span.normal {
	color: #f8f8ff;
	font-size: 16px;
}
td {
	vertical-align: top;
}
span.red {
	color: #933835;
	font-weight: bold;
}
#textConcRea {
	position:relative;
	float: left;
	width:400px;
	top: 180px;
	left:60px;
	font-size: 15px;
	line-height: 22px;
	boIrder: 1px solid #fffafa;
}
.pashaut {
	top:80px;
}
#contact {
	   float: left;
    font-size: 14px;
    left: 10px;
    line-height: 23px;
    position: relative;
    top: 10px;
    width: 470px;
}
#textConcReaC {
	position:relative;
	float: left;
	width:400px;
	top: 90px;
	left:60px;
	font-size: 15px;
	line-height: 28px;
	boIrder: 1px solid #fffafa;
}
#textAmbCgd {
	position:relative;
	float: left;
	width:420px;
	top: 140px;
	left:55px;
	font-size: 15px;
	line-height: 22px;
	boIrder: 1px solid #fffafa;
}
#textAmbC {
	position:relative;
	float: left;
	width:280px;
	top: 160px;
	left:180px;
	font-size: 15px;
	line-height: 22px;
	boIrder: 1px solid #fffafa;
}



/* tooltip*/
a.tooltip2, a.tooltip2b  {color: #F8F8FF;font-size:15px; border-bottom: 1px dotted #933835;margin-right:60px;z-index:500;}
a.tooltip2c {color: #F8F8FF;font-size:15px; border-bottom: 1px dotted #F8F8FF;z-index:500;}
a.tooltip2a  {color: #F8F8FF; border-bottom: 1px dotted #F8F8FF;text-decoration:none;z-index:500;}
a.tooltip2d {color: #F8F8FF;font-size:15px; border-bottom: 1px dotted #F8F8FF;z-index:500;}

a.tooltip2 b, a.tooltip2a b, a.tooltip2b b, a.tooltip2c b, a.tooltip2d b {display:none;z-index:500;}
a.tooltip2:hover, a.tooltip2a:hover, a.tooltip2b:hover, a.tooltip2c:hover, a.tooltip2d:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip2:hover b {display:block; position:absolute; top:-220px; left:-365px; padding:5px; font-weight:normal; font-size:13px;line-height: 1.2em;color:#000; border: 1px solid gray; background: #f1f1f1; width:420px;text-align: left;z-index:500;}
a.tooltip2a:hover b {display:block; position:absolute; top:-80px; left:-305px; padding:5px; font-weight:normal; font-size:13px;line-height: 1.2em;color:#000; border: 1px solid gray; background: #f1f1f1; width:420px;text-align: left;z-index:500;}
a.tooltip2b:hover b {display:block; position:absolute; top:-220px; left:-225px; padding:5px; font-weight:normal; font-size:13px;line-height: 1.2em;color:#000; border: 1px solid gray; background: #f1f1f1; width:280px;text-align: left;z-index:500;}
a.tooltip2c:hover b {display:block; position:absolute; top:-220px; left:-240px; padding:5px; font-weight:normal; font-size:13px;line-height: 1.2em;color:#000; border: 1px solid gray; background: #f1f1f1; width:300px;text-align: left;z-index:500;}
a.tooltip2d:hover b {display:block; position:absolute; top:-30px; left:-240px; padding:5px; font-weight:normal; font-size:13px;line-height: 1.2em;color:#000; border: 1px solid gray; background: #f1f1f1; width:340px;text-align: left;z-index:500;}

a.tooltip2:hover b em.outer {position:absolute; left: 381px; top:218px; width:0; height:0; display:block; background:transparent; border-top:7px solid gray; border-right:7px dashed transparent; border-left: 7px dashed transparent; overflow:hidden; z-index:100;}
a.tooltip2:hover b em.inner {position:absolute; left: 380px; top:217px; width:0; height:0; display:block; background:transparent; border-top:7px solid #f1f1f1; border-right:7px dashed transparent; border-left: 7px dashed transparent; overflow:hidden;; z-index:100;}

a.tooltip2a:hover b em.outer {position:absolute; left: 381px; top:73px; width:0; height:0; display:block; background:transparent; border-top:7px solid gray; border-right:7px dashed transparent; border-left: 7px dashed transparent; overflow:hidden; z-index:100;}
a.tooltip2a:hover b em.inner {position:absolute; left: 380px; top:72px; width:0; height:0; display:block; background:transparent; border-top:7px solid #f1f1f1; border-right:7px dashed transparent; border-left: 7px dashed transparent; overflow:hidden;; z-index:100;}


a.tooltip2b:hover b em.outer {position:absolute; left: 241px; top:218px; width:0; height:0; display:block; background:transparent; border-top:7px solid gray; border-right:7px dashed transparent; border-left: 7px dashed transparent; overflow:hidden; z-index:100;}
a.tooltip2b:hover b em.inner {position:absolute; left: 240px; top:217px; width:0; height:0; display:block; background:transparent; border-top:7px solid #f1f1f1; border-right:7px dashed transparent; border-left: 7px dashed transparent; overflow:hidden;; z-index:100;}

a.tooltip2c:hover b em.outer {position:absolute; left: 260px; top:218px; width:0; height:0; display:block; background:transparent; border-top:7px solid gray; border-right:7px dashed transparent; border-left: 7px dashed transparent; overflow:hidden; z-index:100;}
a.tooltip2c:hover b em.inner {position:absolute; left: 259px; top:217px; width:0; height:0; display:block; background:transparent; border-top:7px solid #f1f1f1; border-right:7px dashed transparent; border-left: 7px dashed transparent; overflow:hidden;; z-index:100;}

a.tooltip2d:hover b em.outer {position:absolute; left: 260px; top:26px; width:0; height:0; display:block; background:transparent; border-top:7px solid gray; border-right:7px dashed transparent; border-left: 7px dashed transparent; overflow:hidden; z-index:100;}
a.tooltip2d:hover b em.inner {position:absolute; left: 259px; top:25px; width:0; height:0; display:block; background:transparent; border-top:7px solid #f1f1f1; border-right:7px dashed transparent; border-left: 7px dashed transparent; overflow:hidden;; z-index:100;}

.clear {clear:both;}

a.savoirplus {
	display: block;
	float: left;
	width:100px;
	height:40px;
	boIrder: 1px solid white;
	text-decoration:none;
}

.hov table {position:absolute; border:0; border-collapse:collapse; left:0;}
.hov a {color: #933835; text-decoration:none;}
.hov b {display:none; font-weight:normal;}
.hov:hover {position:relative; z-index:100;}
.hov a:hover,
.hov:hover a
{border:0; text-decoration:none; position:relative;}
.hov:hover b, 
.hov a:hover b
{display:block; visibility:visible; position:absolute; left:-10px; top:20px; background:#ffc; cursor:pointer; border:1px solid #888; padding:5px 10px;}
.hov b a {white-space:nowrap; color:#000; text-decoration:none; background:transparent; display:block;}
.hov b a:hover {text-decoration:underline;}


#galerie1 {
	position: relative;
	float: left;
	top: 35px;
	width:460px;
	left:30px; boIrder: 1px solid #fffafa;
	}
#galerie1	div.gall {
	float: left;
	margin: auto 66px 40px auto;
}
#galerie1	div.gallD {
	float: left;
	margin: auto 6px 40px auto;
}

#galerie1 div.gall a.lienimg, #galerie1 div.gall a:link.lienimg, #galerie1 div.gall a:visited.lienimg,
#galerie1 div.gallD a.lienimg, #galerie1 div.gallD a:link.lienimg, #galerie1 div.gallD a:visited.lienimg {
position: relative;
	display: block;
	float: left;
background-image: url(../overlayc.png); 
background-repeat: repeat;
width: 179px;
height: 134px;
border: 1px solid #933835;
text-align: center;
text-decoration:none;
color: #F1F1F1;
font-weight: bold;
font-size: 16px;
line-height: 20px;
font-variant:   small-caps;
} 
#galerie1 div.gall a:hover.lienimg, #galerie1 div.gallD a:hover.lienimg {
border: 1px solid #dcdcdc;
background-image: none;
color: #F5F1CC;
}

#galerie2 {
	position: relative;
	float: left;
	top: 35px;
	width:460px;
	left:30px; boIrder: 1px solid #fffafa;
	}
#galerie2	div.gall {
	float: left;
	margin: auto 66px 40px auto;
}
#galerie2	div.gallD {
	float: left;
	margin: auto 6px 40px auto;
}

#galerie2 div.gall a.lienimg, #galerie2 div.gall a:link.lienimg, #galerie2 div.gall a:visited.lienimg,
#galerie2 div.gallD a.lienimg, #galerie2 div.gallD a:link.lienimg, #galerie2 div.gallD a:visited.lienimg {
position: relative;
	display: block;
	float: left;
background-image: url(../overlayc.png); 
background-repeat: repeat;
width: 179px;
height: 134px;
border: 1px solid #933835;
text-align: center;
text-decoration:none;
color: #F1F1F1;
font-weight: bold;
font-size: 16px;
line-height: 20px;
font-variant:   small-caps;
} 
#galerie2 div.gall a:hover.lienimg, #galerie2 div.gallD a:hover.lienimg {
border: 1px solid #dcdcdc;
background-image: none;
color: #F5F1CC;
}
/* CODE FOR THE BACKGROUNDS */


#table-layer  	  { z-Index:1; visibility:visible; position:absolute; left:0; top:0; width:100%; height:100%; min-height:100%;border: 1px solid #ff4500;  } 


#back-ground-img  { z-index:0; visibility:visible; position:fixed; left: 0px; top: 0px; width:100%; height:100%; display:block; } 


#header-layer  	  { z-Index:3; visibility:visible; position:relative; width:450px;float:left;left:30px;top:63px;line-height:0px;border: 1px solid #2d2b28;  }
#header-layer  	  { z-Index:3; visibility:visible; position:relative; width:450px;float:left;left:30px;top:63px;line-height:0px;border: 1px solid #2d2b28;  }

#adress {
	color: #F1F1F1;
    float: left;
    font-size: 21px;
    font-weight: bold;
    left: 10px;
    margin: auto;
    position: relative;
    text-align: center;
    top: 20px;
    width: 470px;
}
#copy {
	clear: both;
	position: relative;
	width:900px;
	top: 20px;
	margin: auto;
	text-align: center;
	font-size:12px;
	color: #888888;
	font-weight: bold;
	line-height:25px;
	}
#copy a {
	color: #888888;
}	
#copy a:hover {
	color: #dfdbcf;
}	

#error {
	 background-color: #F1F1F1;
    color: #FF0000;
    font-size: 13px;
    font-weight: bold;
    left: 160px;
    padding: 10px;
    position: absolute;
    top: -20px;
    width: 300px;
}
#infos {
	 background-color: white;
    border: 1px solid #933835;
    clear: both;
    font-size: 20px;
    right: 30px;
    padding: 10px;
    position: relative;
    text-align: center;
    top: 0;
    width: 400px;
	 bottom:15px;
	 float: right;
}
#infos a {
	font-weight: bold;
	color: #933835;
}
#infos span.pttred {
	color: #933835;
	font-size:12px;
}
a img.lienminergie {
	float:right;
	border: 1px solid #ccc6b2;
	 margin-top: 3px;
}
a:hover img.lienminergie {
	border: 1px solid #933835;
}
a.lienm {
	color: #44413C;
}
#po {
	background-color: #2C3A61;
    clear: both;
    float: left;
    overflow: hidden;
    padding-bottom: 25px;
    position: relative;
    width: 1000px;
}
#news a {
	color:#f8F8F8;
}

.butt {
	position:relative;float:right;color:#253154;background-color: #dcdcdc;font-size:11px;font-family:verdana;font-weight:bold;border-width:1;width:172px;text-align:center;border-color:#DAB9A7;
	}