* {
	z-index: 10;	
}

body {
	margin:auto;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #f2e3b8;
	background-color: #d1b174;
	background: url(../images/bg.jpg) repeat-x;
}
#conteneur {
	margin:auto;
	width:1012px;
}
#logoetmenu6 {
	background: url(../images/logoetmenu.jpg);
	width:1012px;height:144px;
}

#sslogo6 {
	background: url(../images/sslogo.jpg);
	width:1012px;height:191px;
}

#coteG6 {
	float: left;
	background: url(../images/coteG.jpg);
	width:308px;height:249px;
}
	#slogan6 {
	float: left;
	background: url(../images/slogan.jpg);
	width:704px;height:112px;
}

#ssslogan {
	float: left;
	background: url(../images/ssslogan.jpg);
	width:704px;height:137px;
}
#milieu {
	clear: both;
	background: url(../images/milieu.jpg);
	width:1012px;height:298px;
}
#milieurea {
	clear: both;
	background: url(../images/milieurea.jpg);
	width:1012px;height:298px;
}
#bas {
   clear: both;
	background: url(../images/bas.jpg);
	width:1012px;height:70px;
}
#menuhaut {
	position: relative;
	width:500px;
	height:40px;
	left: 308px;
	top:30px;
}
#menuhaut a {
   position: relative;
	display:block;
	width:110px;
	float: left; 
	text-align: center;
	top: 7px;
	color: #f2e3b8;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	font-variant: small-caps;
}
#menuhaut a:hover {
	color: #0e0a07;
}
#serv {
	position: relative;
	padding:12px 38px 0 20px;
	font-size: 14px;
	font-wDeight:bold;
	line-height:22px;
	}
#serv a {
	color: #f2e3b8;
}
#serv a:hover {
	color: #0e0a07;
}
#lesserv {
	 position: relative;
	width:260px;
	float: left;  
	left:40px;
	top: 7px;
	color: #0e0a07;
	font-size: 13px;
	line-height:20px;
}
#lesserv span.tit {
	display: block;
	margin-left:80px;
	text-align: center;
	font-weight: bold;
	font-variant: small-caps;
	font-size:18px;
	margin-bottom:5px;
}
.blanc {
	position: relative;
	float: left;
	width:113px;
	height: 77px;
}	
.clear {
	clear: both;
	height:5px;
}
.blancb {
	position: relative;
	float: left;
	width:113px;
	height: 57px;
}	
#textmil {
	position:relative;
	float: left;
	left:40px;
	top:10px;
	width:950px; 
}
#list2, #list3 {
	position:relative;
	float: left;
	}

#list2 {
	width:300px;
	top: 7px;
	left:70px;
}
#list2:first-line {
	font-weight:bold;
	font-size:17px;
	font-variant: small-caps;
}
#flash {
	position: relative;
	float: left;
	width:231px;
	left:170px;
	top:10px;
}
#list3 {
	position: relative;
	width:930px;
	top: 27px;
	font-weight:bold;
	font-size:14px;
	margin:auto;
	text-align: center;
}

#list3 img {
	position: relative;
	margin-right:9px;
	}
#list3 a img {
	border: 1px solid #0e0a07;
} 
#list3 a:hover img {
	border: 1px solid #f2e3b8;
} 

/* realisations */
#logoetmenurea {
	background: url(../images/logoetmenurea.jpg);
	width:1012px;height:144px;
}

#sslogorea {
	background: url(../images/sslogoptt.jpg);
	width:1012px;height:82px;
}

#coteGrea {
	float: left;
	background: url(../images/coteGrea.jpg);
	width:308px;height:249px;
}
	#sloganrea {
	float: left;
	background: url(../images/sloganrea.jpg);
	width:704px;height:112px;
}
#tels {
	position: relative;
	float: right;
	width:140px;
	right:80px;
	top:-30px;
	font-weight: bold;
	font-size: 19px;
}
#adrr {
	position: relative;
	float: left;
	width:940px;
	left: 28px;
	top: 9px;
	color: #0e0a07;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	}
/* contact */
#logoetmenucont {
	background: url(../images/logoetmenucont.jpg);
	width:1012px;height:144px;
}

#sslogocont  {
	background: url(../images/sslogopttcont.jpg);
	width:1012px;height:82px;
}

#coteGcont  {
	float: left;
	background: url(../images/coteGcont.jpg);
	width:308px;height:249px;
}
	#slogancont  {
	float: left;
	background: url(../images/slogancont.jpg);
	width:704px;height:112px;
}
#milieucont {
	clear: both;
	position: relative;
	float: left;
	background: url(../images/milieucont.jpg);
	width:1012px;height:298px;
}	
#lecont {
	position:relative;
	float:left;
	width:600px; 
}	
#leflash {
	width:350px;
	height:200px;
	position:relative;
	float:left;
	top:30px;
}
.butt {
	color: #462d26;
	background-color: #f0eac8;
	font-size:10px;
	font-family:verdana;
	font-weight:bold;
	border-width:1px;
	width:152px;
	text-align:center;
	border-color: #c9c6a5;
}
#error {
	position: absolute;
	top:-70px;
	left:200px;
	width:250px;
	padding:8px;
	font-size: 12px;
	font-weight:bold; color:#FF0000;
	background-color: #f0eac8;
}
.merci {
	position: relative;
	left:80px;
}
#copyr a {
	color: #f2e3b8;
}
#copyr a:hover {
	color: #462d26;
}/* galerie */
#galery {
	position: relative;
	float: left;
	top: 25px;
	left:92px;
	}
	#galery1 {
	position: relative;
	float: left;
	top: 15px;
	left:10px;
	}
#galery	div.gall {
	float: left;
	margin: auto 46px 20px auto;
}
#galery1	div.gall {
	float: left;
	margin: auto 46px 20px auto;
}
#galery1	div.fin {
	float: left;
	margin: auto 6px 20px auto;
}


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