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

*{
	margin: 0;
	padding:0;
}



body {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #330000; 
	font-size: 0.8em; 
	background:url(../images/textures/texture6.gif);
	font-weight: bold;
}


p {
	line-height: 1.5em;
}

ul {
list-style: none;	
}


img {
	border: 0;
}


#header {
	width: 100%;
	padding-top: 5px;
	height: 90px;
	margin: auto;
}

#trait {
	background: url(../images/logo/trait.jpg) repeat-x;
	height: 20px; 
	width: 100%;
	margin-top: 30px;
	z-index:-99;
	position: absolute;
	
}


#logo {
	width: 120px;
	height: 76px;
	margin-left: 15px;
	float: left;
	z-index: 999;
	position: absolute;
	   
	   }

#concept {
	color: #065978; 
	margin-top: 15px;
	margin-right: 15px;
	height: 20px;
	width: auto;
	float: right;
	
}

#chemin {
	font-size:0.8em;
	font-weight: bold;
	color: #666;
	margin-top: 85px;
	margin-left: 20px;
}

#chemin a{
	color: #666;
}


#nuancier {
	float: left;
	margin-top: 25px;
	width: 231px;
	height: 600px;
}

#vignettes {
	margin-top: 10px;
	margin-left: 250px;
	clear: right;
}

#vignettes ul {
	list-style: none;
	text-align: center;
}


#vignettes li {
	text-align: center;
	float: left;
	width: 250px;
	height:200px;
	margin-right: 60px;
	margin-bottom: 20px;
}

#vignettes img {
	border: 1px #065978 solid;
	margin-top: 5px;
}

#content {
	width: 980px;
	padding-top: 30px;
	margin: auto;
	height: auto;
	
}

#avant {
	float: left;
	width: 750px;
	text-align: justify;
}

#avant ul{
	list-style: none;	
}


#avant li{
	padding-right: 30px;
	padding-top: 30px;
	float: left;
}


#avant img {
border: none;
	
}

#desc {
	color: #054F78;
	font-size: 0.85em;
	width: 700px;

}



#camera {
	width: 200px;
	border-left: 1px #054F78 solid;
	height: 230px;
	text-align: center;
	font-size: 0.85em;
	font-style: italic;
	float: right;
}


#ensemble {
	width: 980px;
	margin: auto;
	clear: both;
	padding-top: 20px;
	text-align: justify;
	line-height: 18px;
}


#ensemble ul {
	list-style: none;
}

#ensemble li{
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}

#ensemble img {
	border: none;

}


#table {
	float: right;
	width: auto;
}



#footer {
	padding-top: 10px;
	margin: auto;
	font-size: 0.75em;
	font-weight: normal;
	text-align: center;
	padding-bottom: 20px;
	clear: both;
}

#footer a {
	font-weight: bold;
}






.titre {  font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #054F78; font-style: italic; font-weight: bold}
.sstitre {  font-family: Verdana, Arial, Helvetica, sans-serif, ; font-size: 14px; font-style: normal; font-weight: bold; color: #054F78}


.lien {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold}
.clic {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #FF3300; font-style: italic}
.peinture {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: normal; color: #004B70}
.leg {   font-size: 9pt; color: #054F78;}
.ssstitre {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #336699; font-style: italic; font-weight: bold; text-decoration: none}
a:hover {  color: #FF3300; text-decoration: none}
a:active {  color: #CC0033; text-decoration: none}
.concept {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #065978; font-weight: bold}
a:link {  color: #065978; text-decoration: none}
a:visited {  text-decoration: none; color: #065978}
.test {  color: #FFFFCC}
.stitre { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style: italic; font-weight: bold; color: #054F78}
h1 { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt; 
color: #065978; 
font-weight: bold;


}
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #054F78; font-style: italic; font-weight: bold ; line-height: normal;}
h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color: #054F78 }