ccharset "utf-8";

html{
	padding: 0;margin: 0;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #5e1414;
}
body{
	padding: 0;margin: 0;
	background: #620808 url(../image/body.jpg) repeat-x top;
	text-align: center;
}
div.cleaner {
	clear: both; 
	line-height: 0px; 
	height: 0px; 
	font-size: 0px;
}
#container{
	text-align: left;
	margin: 0 auto;
	width: 720px;
	position: relative;
}
h2{
	margin: 0;
	padding: 0;
	color: #000000;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
}
h3{
	margin: 0;
	padding: 0;
	color: #000000;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
}
h4{
	color: #7e6f56;
	margin: 0;
	padding: 0;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}
h1{
	margin: 0;
	padding: 10px 0 0 0;
	color: #000000;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
}
p, td{
	padding; 0;
	margin: 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #8a0b0b;
	line-height: 18px;
}
td{padding-top: 8px;}
.noire{color: #000000;}
#concept2 p{color: #000000;}
p a, p a:link, p a:visited{color: #000000;}
.logo, .logo2{
	display: block;
	text-decoration: none;
	position: absolute;
	top: 98px;
	left: 6px;
	width: 64px;
	height: 43px;
	background: url(../image/logo.gif) no-repeat left top;
	overflow: hidden;
	text-indent : -999px;
}
.logo{background: url(../image/logo.gif) no-repeat left top;}
.logo2{background: url(../image/logo2.gif) no-repeat left top;}
#menu{
	float: right;
	width: 300px;
	height: 45px;
	margin-top: 70px;
	background: url(../image/menu.gif) repeat-x bottom;
}
#menu ul{display: block;float: left; list-style: none;margin: 0;padding: 0;}
#menu ul li{display: block;float: left;margin: 0;padding: 0;}
#menu ul li a{
	display: block;
	text-decoration: none;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #f4ecd8;
	line-height: 13px;
	padding: 16px 12px;
}
#menu ul li a:hover, #menu ul li a:visited:hover, #menu ul li a.active{
font-size: 13px;padding: 16px 9px 16px 9px;
}
#menu ul li.spacing2 a:hover, #menu ul li.spacing2 a:visited:hover, #menu ul li.spacing2 a.active{
font-size: 13px;padding: 16px 8px 16px 9px;
}
#menu ul li.spacing3 a:hover, #menu ul li.spacing3 a:visited:hover, #menu ul li.spacing3 a.active{
font-size: 13px;padding: 16px 8px 16px 8px;
}
#copyrights{
	position: absolute;
	top: 490px;
	left: 0px;
	font: italic 9px Verdana, Arial, Helvetica, sans-serif;
	color: #ebe0c6;
	text-decoration: none;
}
#evenement{
	position: absolute;
	top: 220px;
	left: 30px;
	width: 180px;_width: 200px;
	height: 150px;_height: 170px;
	padding: 10px;
	background: url(../image/transp2.png);
	overflow:auto;
}
#contact{
	float: right;
	width: 340px;_width: 380px;
	height: 348px;_height: 368px;
	padding: 10px 20px;
	background: url(../image/transp2.png);
}
#concept{
	float: left;
	width: 720px;
	height: 369px;
	background: url(../image/concept.jpg) no-repeat left top;
}
#concept2{
	background: url(../image/transp.png);
	width: 208px;_width: 228px;
	height: 152px;_height: 172px;
	padding: 10px 10px 12px 10px;
	position: absolute;
	top: 180px;
	left: 10px;
}
#oeil{
	float: left;
	width: 720px;
	height: 369px;
	background: url(../image/oeil.png) no-repeat 70px top;
}
#biographie{
	position: absolute;
	top: 160px;
	left: 16px;
	width: 226px;_width: 246px;
	height: 249px;_height: 259px;
	padding: 0 10px 10px 10px;
	background: url(../image/transp2.png);
}
.cath1, .cath2{
	display: block;
	position: absolute;
}
.cath1{top: 164px;left: 124px;}
.cath2{top: 255px;left: 39px;}

.cath1 img, .cath2 img{border: none;}

#demarche{
	position: absolute;
	top: 190px;
	left: 30px;
	width: 220px;_width: 240px;
	height: 210px;_height: 230px;
	padding: 10px;
	background: url(../image/transp2.png);
}
.detail{
	display: none;
	position: absolute;
	top: 120px;
	left; 0;
	width: 360px;
}
#oeuvre1{
	display: block;
}
#detail{
	float: right;
	width: 340px;_width: 380px;
	padding: 315px 20px 0 20px;
	background: url(../image/transp2.png);
}
#detail img{
	margin-right: 10px;
}
#detail p{
	color: #000;
	line-height: 14px;
}
#detai p span.petit{
	font-size: 10px;
}
#liste{
	height: 50px;
	overflow: auto;
	width: 360px;_width: 380px;
}
#liste a{
	text-decoration: none;
	margin: 0 10px 0 0;
	padding: 0;
}
#liste a img{border: none;margin: 0;}