/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1 span{
	display:none;
}
#contenu #qui{
	height:27px;
	width:208px;
	margin:0 0 15px 0px;
	
}
#contenu #qui img{
	float:left;
}
#contenu #nouscontacter{
	width:131px;
	height:24px;
	margin:10px 0 0 -10px;
	background:url(../images/charte/titre-contact.jpg) no-repeat;
}
#contenu h1{
font:bold 20px Arial, Helvetica, sans-serif;
color:#7d8a2e;
letter-spacing:1px;
}
#contenu h2{
font:bold 15px Arial, Helvetica, sans-serif;
color:#663300;
letter-spacing:1px;
margin:0 0 7px;
}
#contenu h3{
font:bold 20px Arial, Helvetica, sans-serif;
color:#7d8a2e;
letter-spacing:1px;
margin:0 0 12px 20px;
border-bottom:1px dotted #c9d787;
}
#contenu p{
font:11px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#666;
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:#CC9966;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color:#663300;
}
#contenu a:hover, #contenu a:active{
color:#CC3300;
}

/***************** STYLE CONTENU *****************/
#contenu2 h1 span, #actu h1 span{
	display:none;
}
#contenu2 #qui{
	height:27px;
	width:208px;
	margin:0 0 15px 0px;
	
}
#contenu2 #qui img{
	float:left;
}
#contenu2 #nouscontacter, #actu #nouscontacter{
	width:131px;
	height:24px;
	margin:10px 0 0 -10px;
	background:url(../images/charte/titre-contact.jpg) no-repeat;
}
#contenu2 h1, #actu h1{
font:bold 20px Arial, Helvetica, sans-serif;
color:#7d8a2e;
letter-spacing:1px;
}
#contenu2 h2, #actu h2{
font:bold 15px Arial, Helvetica, sans-serif;
color:#663300;
letter-spacing:1px;
margin:0 0 7px;
}
#contenu2 h3, #actu h3{
font:bold 20px Arial, Helvetica, sans-serif;
color:#7d8a2e;
letter-spacing:1px;
margin:0 0 12px 20px;
border-bottom:1px dotted #c9d787;
}
#contenu2 p, #actu p{
font:11px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#666;
margin-bottom:1.2em;
}
#contenu2 p em, #actu p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenu2 p.couleur, span.couleur,#actu p.couleur{
font-weight:bold;
color:#CC9966;
}
#contenu2 a:link, #contenu2 a:visited{
font-weight:bold;
text-decoration:underline;
color:#663300;
}
#contenu2 a:hover, #contenu2 a:active{
color:#CC3300;
}
/***************** STYLE ACTUALITES *****************/
#actu{
float:right;
position:relative;
width:240px;
padding:0px 0 15px 10px;
border-left:1px solid #CC9966;
margin:20px 20px 0 20px;
background:url(../images/charte/img-contact.jpg) top right no-repeat;
}
.uneactu{
padding:0 0 0 20px;
margin:0 0 30px;
}
#actu .uneactu p{
font-size:10px;
}
#actu .uneactu p.date{
width:60px;
color:#fff;
background:#c9d787;
padding:1px 0 2px 4px;
margin:0 0 7px;
}
#contenu #actu .uneactu a, #contenu2 #actu .uneactu a{
position:relative;
top:5px;
font:10px Arial, Helvetica, sans-serif;
text-decoration:underline;
}
/***************** 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;
}

#contenu2 .txt-accueil{
float:left; width:210px;margin-right:42px;
}
#contenu .img-float-right, #contenu2 .img-float-right{
float:right;
margin-left:10px;
}

#contenu img.img-float-left, #contenu2 .img-float-left{
float:left;
margin-right:20px;
margin-bottom:20px;
}


#contenu img.img-float-left-accueil, #contenu2 .img-float-left-accueil{
float:left;
margin-bottom:20px;
}

/* ***************** GALERIE PHOTOS ***************** */
#galerie {
	float:left;
	margin:0 0 0 6px;
	}
.vignette{
	height: 170px;
	width: 146px;
	float:left;
	margin:0px 0 3px 0px;
}	
#contenu .vignette .visuel, #contenu .visuel{
	height: 146px;
	width: 146px;
	background: url(../images/charte/fond-vignette.png) no-repeat left top;
}
#galerie .visuel{
	float:left;
	margin:0px 3px 3px 0px;
}
#contenu .vignette p a:visited, #contenu .vignette p a:link{
	text-decoration:none;
}
#contenu p.visuel,  #contenu .vignette p{
	text-align:center;
	margin:0;
	font-variant:small-caps;
}
#galerie .vignette img{
	border:PresseImageBorder;
	margin:0 4px 0 0;
}




/***************** STYLE DE LA PAGE CONTACT *****************/

#contenu .contact-gauche{
	float:left;
	width:300px;
	margin-top:10px;
}

#contenu .contact-droite{
	float:right;
	width:280px;
	margin-top:10px;
}

#contenu #type input{
	width:20px;
}


#contenu .contact-gauche label, #contenu .contact-droite label{
	width:130px;
	float:left;
	margin-bottom:10px;
}

#contenu .contact-gauche input, #contenu .contact-droite input{
	background:none;
	border:1px solid #D9DADB;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	margin-bottom:10px;
}



#contenu .contact-gauche .boutons input, #contenu .contact-droite .boutons input{
	width:120px;
	background:none;
	border:1px solid #D9DADB;
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	margin-right:10px;font-size:11px;
	margin-bottom:10px;
}

#contenu .contact-gauche textarea, #contenu .contact-droite textarea {
	background:none;
	border:1px solid #D9DADB;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	margin-bottom:10px;
}
.champRequis{
color:#FF0000;
}

p.capa {
	margin-left:0px;
	text-align:justify;
	width:290px;
}