@charset "utf-8";
/* CSS Document */

#content {
	width: 800px;
	margin: 0 auto 0 auto;
	height:604px;
	background-color: #d1c8b9;
}
#contentbis {
	width: 900px;
	margin: 0 auto 0 auto;
	height: 680px;
	background-color: #d1c8b9;
}
#content #annee {
	width: 200px;
	height: 30px;
	margin: 570px 0 0 15px;
	float: left;
	padding-right:10px;
}

#content #travauxleft {
	width: 180px;
	height: 580px;
	border-right-style: solid;
	border-right-width: 2px;
	border-right-color: #666;
	margin: 15px 0 0 15px;
	float: left;
	overflow:auto;
	padding-right:10px;
}
#content #travauxright {
	width: 550px;
	float: left;
	padding: 20px 0 0 15px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
}

#content #actuleft {
	width: 320px;
	height: 540px;
	margin: 80px 15px 0 50px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}
#content #gallerieleft {
	width: 600px;
	margin: 50px 0px 0 100px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	height: 300px;
}
#content #gallerieright {
	width: 600px;
	float: left;
	padding: 10px 0 0 100px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 auto 0 auto;
}
#content #portraitleft {
	width: 700px;
	margin: 30px 0px 0 80px;
	overflow:auto;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	height: 350px;
}
#content #regard {
	width: 650px;
	margin: 50px 0px 0 100px;
	overflow:auto;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	padding-right:10px;
	height: 530px;
}
#content #atelier {
	width: 700px;
	margin: 50px 0px 0 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	height: 400px;
}
#content #expos_start {
	width: 600px;
	margin: 40px 0px 0 80px;
	float: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}
#content #contact_start {
	width: 600px;
	margin: 80px 0px 0 80px;
	float: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}

#content #expos {
	width: 650px;
	overflow:auto;
	margin: 30px 0px 0 80px;
	float: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	padding-right:10px;
	height: 420px;
}
#content #contact1 {
	width: 650px;
	margin: 10px 0px 0 80px;
	border-left-style: solid;
	border-left-width: 2px;
	border-left-color: #666;
	float: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	padding-right:10px;
	padding-left:10px;

	height: 350px;
}
#content #contact2 {
	width: 650px;
	margin: 10px 0px 0 80px;
	float: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	padding-right:10px;
	height: 200px;
}

#content #expos a:hover {
	text-decoration: none;
	color: #745c1e;
}
#content #expos a {
	text-decoration: none;
	color: #3b3b3b;
}



#content #actuleft h1 {
	font-size: 18px;
}

#content #acturight {
	width: 400px;
	height: 350px;
	float: left;
	padding: 60px 0 0 0px;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
}
#content #acturight2 {
	width: 400px;
	float: left;
	padding: 60px 0 0 0px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #666;
}





#souscontent {
	width: 800px;
	margin: 0 auto 0 auto;

}
#menu {
	width: 800px;
	margin: 0 auto 0 auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #745c1e;
}
#menutest {
	width: 800px;
	margin: 0 auto 0 auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
}
#menu a:hover {
	text-decoration: none;
	color: #745c1e;
}
#menu a {
	text-decoration: none;
	color: #666;
}

#menutest a:hover {
	text-decoration: none;
	color: #CCCCCC;
}
#menutest a {
	text-decoration: none;
	color: #FFFFFF;
}


#content #expos a:hover {
	text-decoration: none;
	color: #745c1e;
}
#content #expos a {
	text-decoration: none;
	color: #666;
}

#sousmenu {
	width: 750px;
	margin: 0 auto 5px auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #666;
	color: #333;
	padding: 5px 0 5px 0;
}


#sousmenutest {
	width: 750px;
	margin: 0 auto 5px auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #ffffff;
	color: #ffffff;
	padding: 5px 0 5px 0;
}
#sousmenu a:hover {
	text-decoration: none;
	color: #CCCCCC;
}
#sousmenutest a:hover {
	text-decoration: none;
	color: #CCCCCC;
}
#sousmenu a {
	text-decoration: none;
	color: #333;
}
#sousmenutest a {
	text-decoration: none;
	color: #FFFFFF;
}

div.content {

scrollbar-face-color:#d1c8b9; 
scrollbar-highlight-color: #f4ead9; 
scrollbar-shadow-color: #f4ead9; 
scrollbar-3dlight-color: #f4ead9; 
scrollbar-arrow-color: #B11116; 
scrollbar-track-color: #f4ead9; 
scrollbar-darkshadow-color: #f4ead9; 

}

.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */