html, body{
margin: 0;
padding: 0;
font: normal 13px "Trebuchet MS", Verdana sans-serif;
color: #FFF;
background: #9D9683;
width: 100%;
}
#site{
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 880px;
	height: 596px;
	background-image: url(images/bg_Objet.jpg);
}
hr.mep{
margin: 0 0 20px 0;
clear: both;
width: 480px;

}
#menu{margin: 0 0 0 33px;}
#menu ul{
font: normal 15px Arial, "Trebuchet MS", Verdana sans-serif;
width: 195px;
margin: 0;
padding: 0;
}
#menu ul li{
line-height: 25px;
list-style-type: none;
margin: 10px 0;
}
#menu ul li a{
padding: 0 0 0 10px;
display: block;
color: #5C6C5A;
text-decoration: none;
}
#menu ul li a:hover, #active{
background: #C9BFAC;
color: #FFF;
}
#galerie{font: normal 15px Arial, "Trebuchet MS", Verdana sans-serif;padding: 0;}
#galerie ul{
padding: 100px 0 0 60px;
width: 170px;
height: 70px;
margin: 0;
}
#galerie ul li{
list-style-type: none;
line-height: 25px;
}
#galerie ul li a{color: #FFF;text-decoration: none;}
#galerie ul li a:hover, #actif a{color: #000; text-decoration: underline;}
/* _________________ Contenu _______________________ */
#galerie_mini{
	width: 500px;
	padding: 0;
	margin: 0;
	font: 0.9em Georgia, serif;
}
#galerie_mini ul{
	margin: 0;
	padding: 30px 0 0 0;
	list-style-type: none;
	width: 120px;
}
#galerie_mini ul li{
line-height: 30px;
}
#galerie_mini ul li a img{
	width: 100px;
	margin: 4px 5px;
	border: 1px solid #666;
}
dl#photo{
	margin: 0;
	padding: 0;
	text-align: center;
}
dl#photo dt{
	font: italic 2em Georgia, serif;
	color: #FFF;
}
dl#photo dd{margin: 0;}
dl#photo img{margin-top: 5px; border: 1px solid #FFF; width: 350px;}

#list-vitrine{
margin: 100px 0 0 0;
padding: 0;
height: 100px;
width: 560px;
}
#list-vitrine li{
list-style-type: none;
float: left;
width: 140px;
}
#contenu{
position: absolute;
top: 40px;
left: 312px;
font: bold 15px "Trebuchet MS", Verdana sans-serif;
}
#services ul{
margin: 80px 0 0 100px;
color: #DFD6C4;
width: 270px;
font: normal 15px "Trebuchet MS", Verdana sans-serif;
}
#services ul li{
padding: 0 0 0 10px;
list-style-image: url(/images/list-services.jpg);
margin: 30px 0;
}
.nostableaux hr{
margin: 25px 0;
clear: both;
border: 0;
height: 1px;
color: #C9BFAC;
background: #C9BFAC;
}
.nostableaux{padding: 0; width: 480px;}
.nostableaux img{border: 5px solid #FFF; margin-right: 25px; float: left;}
.nostableaux p{font: normal 13px Arial, Verdana, sans-serif;}
.nostableaux p strong{font: bold 16px "Trebuchet MS", Arial, sans-serif;}
.nostableaux p span{font: normal 13px "Trebuchet MS", Arial, sans-serif;}

p.comment{text-align: justify; padding-top: 10px; clear: both; font: italic 12px "Trebuchet MS", Arial, sans-serif;}
p.signature{text-align: right; font: normal 12px "Trebuchet MS", Arial, sans-serif;}

/* _________________ Footer _______________________ */
#footer{
position: absolute;
margin-top: 170px;
width: 880px;
text-align: center;
}
#footer hr{
margin: 2px auto;
width: 540px;
color: #C9BFAC;
background: #C9BFAC;
border: 0;
height: 1px;
}
#footer p{
color: #534B3F;
font: normal 13px "Trebuchet MS", Verdana sans-serif;
margin: 0;
padding: 0;
}
#footer p img{padding-top: 10px;}
#footer p a{color: #D8D5CE; text-decoration: underline;}
#footer p a:hover{color: #D8D5CE; text-decoration: underline;}
#footer span{color: #C9BFAC; font: normal 10px "Trebuchet MS", Verdana sans-serif;}
#footer span a{color: #C9BFAC; text-decoration: none;}
#footer span a:hover{color: #C9BFAC; text-decoration: underline;}
