body {
	margin:auto;
	background-color: #baaf91;
	font-family: "Trebuchet MS";
	color: #44413c;
	}
td {
	vertical-align: top;
}
span.red {
	color: #933835;
	font-weight: bold;
}
#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:230px;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  {
position:relative;
float:left;
width:210px;
}
 #menu div.lienlang a {
position:relative;
float:left;
width:60px;
}
#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: 22px;
	boIrder: 1px solid #fffafa;
}
#textConcRea {
	position:relative;
	float: left;
	width:400px;
	top: 180px;
	left:60px;
	font-size: 15px;
	line-height: 22px;
	boIrder: 1px solid #fffafa;
}
#contact {
	position:relative;
	float: left;
	width:450px;
	top: 180px;
	left:20px;
	font-size: 14px;
	line-height: 23px;
	boIrder: 1px solid #fffafa;
}
#textAmb {
	position:relative;
	float: left;
	width:300px;
	top: 260px;
	left:180px;
	font-size: 15px;
	line-height: 22px;
	boIrder: 1px solid #fffafa;
}
#textMait {
	position:relative;
	float: left;
	width:400px;
	top: 340px;
	left:60px;
	font-size: 15px;
	line-height: 22px;
	boIrder: 1px solid #fffafa;
}

#menuConcept {
	position:relative;
	float: left;
	width:400px;
	top: 30px;
	left: 28px;
	font-size: 18px;
}
#menuConcept a {
	display: block;
	background: url(../images/fdButt.jpg) no-repeat left;
	color: #2d2b28;
	height:35px;
	text-decoration:none;
	
}
#menuConcept a.lien2 {
	margin: 0px 0px 0px 54px;
	background: url(../images/fdButt.jpg) no-repeat left;
	color: #2d2b28;
	height:35px;
	text-decoration:none;
}
#menuConcept a span.voir, #menuConcept a.lien2 span.voir {
	color: #dfdbcf;
	font-size:12px;
	font-weight:bold;
	margin: 0px 30px 5px 20px;
	text-decoration:none;
}
#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;
}
#textList2 {
	position:relative;
	float: left;
	width:400px;
	top: 195px;
	left:60px;
	font-size: 15px;
	line-height: 27px;
	boIrder: 1px solid #fffafa;
}
#textList3 {
	position:relative;
	float: left;
	width:400px;
	top: 195px;
	left:40px;
	font-size: 18px;
	line-height: 29px;
	text-align: center;
	color: #933835;
	boIrder: 1px solid #fffafa;
}

#textSF1  {
	position:relative;
	float: left;
	width:400px;
	top: 95px;
	left:40px;
	font-size: 13px;
	line-height: 20px;
	text-align: left;
	color: #44413C;
	boIrder: 1px solid #fffafa;
}
#textSF2  {
	position:relative;
	clear:both;
	float: left;
	width:400px;
	top: 135px;
	left:40px;
	font-size: 13px;
	line-height: 20px;
	text-align: left;
	color: #44413C;
	boIrder: 1px solid #fffafa;
}
#textSF3  {
	position:relative;
	clear:both;
	float: left;
	width:400px;
	top: 180px;
	left:40px;
	font-size: 13px;
	line-height: 20px;
	text-align: left;
	color: #44413C;
	boIrder: 1px solid #fffafa;
}
#textSF4  {
	position:relative;
	clear:both;
	float: left;
	width:400px;
	top: 232px;
	left:40px;
	font-size: 13px;
	line-height: 20px;
	text-align: left;
	color: #44413C;
	boIrder: 1px solid #fffafa;
}
#textSF5  {
	position:relative;
	clear:both;
	float: left;
	width:400px;
	top: 278px;
	left:40px;
	font-size: 13px;
	line-height: 20px;
	text-align: left;
	color: #44413C;
	boIrder: 1px solid #fffafa;
}
#textSF6  {
	position:relative;
	clear:both;
	float: left;
	width: 460px;
	top: 62px;
	left: 27px;
	font-size: 13px;
	line-height: 20px;
	text-align: left;
	color: #44413C;
	boIrder: 1px solid #fffafa;
}
#textSF6  div.center {
	position:relative;margin:auto;
	text-align: center;boIrder: 1px solid #fffafa;
}
#textSF6 span.italic {
	font-style : italic;
	font-weight: bold;
}

#textList3d {
	position:relative;
	float: left;
	width:480px;
	top: 35px;
	left:25px;
	font-size: 22px;
	line-height: 32px;
	text-align: center;
	color: #2d2b28;
	boIrder: 1px solid #fffafa;
}
#textList3d a.pdf {
	display: block;
	float: left;
	width: 59px;
	height:46px;
	background: url(../images/document-pdf.gif) no-repeat;
	margin: 0 20px 0 0;
	color: #933835;
	font-size: 14px; line-height: 38px;
	text-align: center;
}
#textList3d a.pdflast {
	display: block;
	float: left;
	width: 59px;
	height:46px;
	background: url(../images/document-pdf.gif) no-repeat;
	margin: 0 0px 0 0;
	color: #933835;
	font-size: 14px; line-height: 38px;
	text-align: center;
}
#textList3d a:hover.pdf, #textList3d a:hover.pdflast {
	color:white;
}
#textList3d a.niveau {
	display: block;
	float: left;
	width: 109px;
	height:26px;
	margin: 0 20px 0 0;
	color: #933835;
	font-size: 14px; line-height: 38px;
	text-align: center;
	font-style: italic;
}

/* tooltip*/
a.tooltip2, a.tooltip2b  {color: #933835;font-size:15px; border-bottom: 1px dotted #933835;margin-right:60px;z-index:500;}
a.tooltip2c {color: #933835;font-size:15px; border-bottom: 1px dotted #933835;z-index:500;}
a.tooltip2a  {color: #933835; border-bottom: 1px dotted #933835;text-decoration:none;z-index:500;}
a.tooltip2d {color: #933835;font-size:15px; border-bottom: 1px dotted #933835;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: 115px;
	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: 115px;
	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%;boirder: 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 {
	position: relative;
	width:470px;
	float: left;
	top: 25px;
	margin: auto;
	text-align: center;
	font-size:16px;
	color: #f1f1f1;
	font-weight: bold;
	left: 10px;
}
#copy {
	clear: both;
	position: relative;
	width:900px;
	top: 29px;
	margin: auto;
	text-align: center;
	font-size:12px;
	color: #ccc6b2;
	font-weight: bold;
	line-height:25px;
	}
#copy a {
	color: #ccc6b2;
}	
#copy a:hover {
	color: #dfdbcf;
}	

#error {
	position: absolute;
	top:-200px;
	left:150px;
	width:250px;
	font-size: 12px;
	font-weight:bold; color:#FF0000;
	background-color: #f1f1f1;
	padding: 10px;
}
#infos {
	clear:both;
position: absolute;
top:320px;
	left: 100px;
	background-color: #f1f1f1;border: 1px solid #933835;
	padding:10px;
	font-size:24px;
}
#infos a {
	font-weight: bold;
	color: #933835;
}
a img.lienminergie {
	float:right;
	border: 1px solid #ccc6b2;
}
a:hover img.lienminergie {
	border: 1px solid #933835;
}
a.lienm {
	color: #44413C;
}
/*--------- Lightbox -----------*/
#lightbox{
    background-color:#FFFFFF;
    padding: 3px;
    border-bottom: 1px solid #6A4B2E;
    border-right: 1px solid #6A4B2E;
}

#lightboxDetails{
    font-size: 0.9em;
    color: #6A4B2E;
    padding-top: 0.5em;
}

#closeButton{ top:2px; right: 2px; }

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ border: none; }

#overlay img{ border: none; }

#overlay{ background-image: url(../overlay.png); }

* html #overlay{ /*Hack IE */
    background-color: #FFFFFF;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../overlay.png", sizingMethod="scale");
}
/*-------- fin lightbox -------*/