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

#invisible{
display:none;
}
/***************** STYLE CONTENU *****************/
#titre-accueil{
	width:115px;
	height:30px;
	background:url(../images/charte/titre-presentation.gif) no-repeat;
}
#contenu h1 span{
	display:none;
}
#contenu h1{
font:bold 20px Arial, Helvetica, sans-serif;
color:#f7ff3c;
letter-spacing:1px;
margin:5px 0 15px;
border-bottom:1px solid #f7ff3c;
background:url(../images/charte/bg3_h1.gif) no-repeat top left;
padding-left:34px;
padding-bottom:3px;
width:560px;
}
#contenu h2{
font:bold 15px Arial, Helvetica, sans-serif;
color:#FFFF99;
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:12px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#fff;
margin-bottom:1.2em;
line-height:18px;
}
#contenu p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenu p.couleur, span.couleur{
font-weight:bold;
color:#FFFF99;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color:#FFFF99;
}
#contenu a:hover, #contenu a:active{
color:#FF3333;
}

#contenu h4{
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#FFFF99;
	letter-spacing:1px;
	margin:0 0 7px;
	background:url(../images/charte/puce3.gif) no-repeat left;
	padding-left:15px;
}

#container #contenu h4 a{
	text-decoration:none;
	font-weight:normal;
}

#contenu h5{
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#FFFF99;
	letter-spacing:1px;
	margin:0 0 7px 0px;
	/*background:url(../images/charte/puce3.gif) no-repeat left;
	padding-left:15px;*/
}

#container #contenu h5 a{
	text-decoration:none;
	font-weight:normal;
}

#contenu .puce{
	margin-right:3px;
}

/************* Généralités **********/
#container #contenu ul li{
	/*padding-bottom:2px;*/
	text-align:left;
	line-height:1.8em;
	list-style-image:url(../images/charte/puce.gif);
	margin:0px 0px 4px 30px;
	font:12px/1.2em Arial, Helvetica, sans-serif;
	color:#ffffff;
} 


#container #contenu .colonne ul.liste li, #container #contenu .colonne1 ul.liste li{
	/*padding-bottom:2px;*/
	text-align:left;
	line-height:18px;
	list-style-image:none;
	list-style-type:none;
	background:url(../images/charte/puce5.gif) no-repeat top left;
	margin:0px 0px 12px 10px;
	font:12px/1.2em Arial, Helvetica, sans-serif;
	color:#ffffff;
	padding-left:20px;
} 

#container #contenu .colonne ul{
	margin-bottom:12px;
}

#container #contenu .titre_gras{
	color:#FFFF99;
	font-weight:bold;
}

#container #contenu .anim_droite{
	float:right;
	margin:0px 10px 10px 10px;
	border:1px solid #DB1602;
}

#container #contenu .anim_gauche{
	float:left;
	margin:0px 10px 10px 0px;
	border:1px solid #DB1602;
}

#container #contenu .colonne{
	width:410px;
	padding-right:20px;
	float:left;
	border-right:1px dotted #C10610;
}

#container #contenu .colonne1 {
	width:410px;
	float:left;
}

#container #contenu .colonne_mentions{
	width:410px;
	padding-right:20px;
	float:left;
}

/************** Espace presse *********/

.press{
	width:160px;
	height:144px;
	float:left;
	margin:0px 20px 20px 20px;
	background:url(../images/charte/presse1.jpg) no-repeat;
	vertical-align:middle;
	text-align:center;
	padding-top:63px;
}

/***************** Methodes ************************/
.div_boutons{
	text-align:center;
	clear:left;
}

.div_boutons img{
	margin:5px 15px 10px 15px;
}

/******************** Galerie*****************/

.galerie{
	text-align:center;
	margin-bottom:15px;
    width:595px;
    float: left;
}
.texte
{
    float: left;
    width:230px;
    padding-left:20px;
}

/***************** STYLE ACTUALITES *****************/
#actu{
float:right;
position:relative;
width:220px;
margin:0 0 0 20px;
background:#fff;
}
.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{
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;
}


/* STYLE DE LA PAGE CONTACT */

#contactTxt{
	width:600px;
}
	
#contactTxt img{
	float:right;
	margin:0px 5px 5px 10px;
}



#container #contactTxt .logo{
	float:left;
	border:none;
	margin:0px 10px 20px 0px;
}


#container #conteu  #formContact p{
	padding-bottom:0px;
	margin-bottom:5px;
	margin-left:0px;
	line-height:18px;
	text-align:left;
}

#container #formContact table.table tr td{
	height:15px;
}

#container #formContact table.table tr td.br{
	height:5px;
}

#container #formContact table.table tr td.adresse1{
	height:40px;
}

#container #formContact .checkbox{
	width:12px;
	height:12px;
	border:none;
}

#container #formContact .imputForm{
	margin-right:3px;
	font-weight:bold;
}



#container #formContact textarea{
	width:230px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	height:46px;
	border: none;
	background: url(../images/charte/form_textarea.jpg) no-repeat;
	padding: 5px 20px 3px 7px;
	color:#FFFFFF;
}

#container #formContact input{
	width:230px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	height:22px;
	border: none;
	background: url(../images/charte/form_input.jpg) no-repeat;
	padding: 5px 20px 0 7px;
	color:#FFFFFF;
}

#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}

#formContact .champRequis{
	color:#FF0000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

.champRequis{
	color:#FF0000;
}

#formContact .txt_rq{
	font-size:11px;
	padding-bottom:5px;
}

#container #formContact #bouton input{
	margin:2px 5px;
	width:115px;
	height:28px;
	background: none;
}

#container #formContact .capta{
	width:45px;
}