/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}

/***************** STYLE CONTENU *****************/
#contenu h1{
font:bold 20px Arial, Helvetica, sans-serif;
color:#FFF;
letter-spacing:1px;
margin:0 0 12px;
}
#contenu h2{
font:bold 17px Arial, Helvetica, sans-serif;
color:#FFF;
letter-spacing:1px;
margin:0 0 7px;
}
#contenu h3{
font:bold 12px Arial, Helvetica, sans-serif;
color:#FFF;
letter-spacing:1px;
margin:0 0 7px;
}
#contenu p{
font:11px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#999;
margin-bottom:1.2em;
}
#contenu p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenu p.couleur, span.couleur{
font-weight:bold;
color:#660033;
}
#contenu p.couleur2, span.couleur2{
font-size:11px;
font-weight:bold;
color:#999999;
}
#contenu a:link, #contenu a:visited{
font:11px/1.2em Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:underline;
color:#999999;
}
#contenu a:hover, #contenu a:active{
font:11px/1.2em Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FF6600;
}
#contenu .hr{
	width:200px;
	margin-bottom:10px;
	border-bottom:1px dotted #666666;
}
/***************** STYLE FOOTER *****************/
#footer p{
font:10px/30px Arial, Helvetica, sans-serif;
color:#fff;
text-align:right;
letter-spacing:1px;
padding:0 10px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#fff;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#fff;
}
#footer .mentions{
margin:14px 0 0 585px;
position:absolute;
font:12px Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
color:#282625;
}

#footer .mentions a:link , #footer .mentions a:visited{
text-decoration:none;
color:#282625;
}
#footer .mentions a:hover, #footer .mentions a:active{
text-decoration:none;
color:#fff;
}
/***************** STYLE CONTENU *****************/
#accueil{
width:500px;
}

#contenu .liens a:link, #contenu .liens a:visited{
	padding-top:5px;
	display:block;
	width:200px;
	float:left;
	height:25px;
	margin-bottom:20px;
	margin-left:30px;
	text-align:center;
	border: 1px solid #757575;
	font: small-caps normal 13px Arial, Helvetica, sans-serif;	
	font-weight:bold;
	text-decoration:none;
	color:#999999;
}
#contenu .liens  a:hover, #contenu .liens a:active{
	display:block;
	padding-top:5px;
	float:left;
	margin-left:30px;
	margin-bottom:20px;
	width:200px;
	height:25px;
	text-align:center;
	border: 1px solid #757575;
	font: small-caps normal 13px Arial, Helvetica, sans-serif;	
	text-decoration:none;
	font-weight:bold;
	color:#FF6600;
}
#contenu #accueil p{
	text-align:center;
	font-size:14px;
}#contenu #accueil p em{
	text-align:center;
	font-size:14px;
}
#contenu .bloc-photos{
	width:510px;
	margin:0 0px 20px 0;
	border: 1px solid #757575;	
	padding-top:1px;
}

#contenu .titre{
	width:510px;
	height:30px;
	background:url(../images/charte/bg-titre.gif) no-repeat;
	font: small-caps normal 13px Arial, Helvetica, sans-serif;	
	color:#FFFFFF;
	margin:0;		
	text-align:left;
	vertical-align:middle;
}
#contenu .titre p{	
	color:#FFFFFF;
	font: small-caps normal 13px Arial, Helvetica, sans-serif;	
	padding:5px 0px 0px 10px;
	margin:0;
}
#contenu a.photo:link, #contenu a.photo:visited{
	float:left;
	width:210px;
	height:210px;
	text-align:center;
	border-right: 1px solid #757575;
	color:#FFFFFF;
	
}
#contenu a.photo:link img, #contenu a.photo:visited img{
}

#contenu p.descriptif{
	padding:5px 0px 0px 5px;
	float:left;
	width:290px;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-align:left;
	color:#FFFFFF;
}

#contenu .contact{
	width:510px;
	height:30px;
	background:url(../images/charte/bg-contact.gif)left top no-repeat;
	font: small-caps normal 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin:0;		
	text-align:left;
	vertical-align:middle;
}
#contenu .contact p{
	padding:5px 0px 0px 10px;
	color:#FFFFFF;
}


/***************** STYLE PAGE CONTACT *****************/
 
#bloc-adrcontact {
	width:220px;
	float:left;
	margin:30px 0px 0 0 ;
}
#bloc-adrcontact p {font:normal 12px Arial, Helvetica, sans-serif; color:#999999; text-align:center;}

#bloc-adrcontact #livredor p {font:normal 12px Arial, Helvetica, sans-serif; color:#999999; text-align:left;}

/** **/
#bloc-contact {
	width:280px;
	float:left;
	margin:20px 0 0 0;
	font:normal 11px  Arial, Helvetica, sans-serif;
	color:#999999;
}
#bloc-contact table {width:100%;}

#formContact input, #formContact textarea {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#999999;
	padding:0 10px 0 2px;
	border:1px solid #999999;
	background:#514f4e;
}
#formContact .bouton {
	width:80px;
	margin:0;
	font-size:10px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#514f4e;
	padding:0 10px 0 2px;
	background:#999999;
}
#formContact input, #formContact textarea{
	width:170px;
	margin:0;
}

#contenu #bloc-contact label{
	width:80px;
	text-align:right;
	display:block;
	padding-right:10px;
	color:#999999;
	font:normal 11px Arial, Helvetica, sans-serif;
}

#formContact .bouton:hover {color:#ffffff;}

#contenu #formContact .nota {
	font:italic 10px Arial, Helvetica, sans-serif;
	color:#666;
	text-align:right;
	line-height:12px;
	}
.champRequis{color:#E53625; font-size:9px;}