/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
font:16px Arial, Helvetica, sans-serif;
color:#fff;
margin:0 0 12px;
height:20px;
/*width:300px;
border:1px solid red;*/
/*background:url(../images/charte/titre.png) left top no-repeat;*/
_background:url();
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/titre.png', sizingMethod='scale');
}
#contenu span.titre{
	padding-left:20px;
	font-weight:bold;
	font-style:italic;
}
#contenu h2{
font:bold 14px Arial, Helvetica, sans-serif;
color:#00CCCC;
margin:0 0 7px;
border-bottom:1px solid #00CCCC;
}
#contenu h3{
font:bold 13px Arial, Helvetica, sans-serif;
color:#fff;
margin:0 0 7px;
}
#contenu p{
font:12px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#cccccc;
margin-bottom:1.2em;
}
#contenu p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
color:#CCCCCC;
}
#contenu p.couleur, span.couleur{
font-weight:bold;
color: #00CCCC;
}
#contenu a:link, #contenu a:visited{
text-decoration:none;
font-weight:bold;
color: #FFCC00;
}
#contenu a:hover, #contenu a:active{
color: #FFFF66;
}
#contenu a img{
	border:none;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}
#contenu a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.70; opacity:0.70;
}
#contenu ul{
	margin-left:15px;
}
#contenu ul li{
	padding-left:15px;
	background:url(../images/charte/puce.gif) no-repeat 0px 3px;
	list-style:none;
	font:12px/1.2em Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#cccccc;
	margin-bottom:1.2em;
}
/***************** STYLE FOOTER *****************/
#footer p{
font:10px/30px Arial, Helvetica, sans-serif;
color:#fff;
text-align:right;
letter-spacing:1px;
padding:40px 20px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#cccccc;
}
#footer a:hover, #footer a:active{
text-decoration:none;
color:#fff;
}


/* ---------- STYLES PAGE INDEX ACCUEIL -----------*/

#contenu h3#accueil{
	margin-bottom:25px;
}


/* ---------- STYLES PAGE PERMIS -----------*/

#contenu p#attention{
	width:350px;
	margin:0 auto;
	border-left:4px solid #00CCCC;
	border-right:4px solid #00CCCC;
	padding:2px 10px 2px 10px;
	text-align:center;
	font-size:14px;
	font-weight:bolder;
	background-color:#00263F;
}
#contenu p#attention .maj{
	font-variant:small-caps;
}



/* ---------- STYLES PAGE TARIFS -----------*/

.tarif{
	float:left;
	width:610px;
	/*border:1px solid yellow;*/
	margin:10px 0;
	background:url(../images/charte/fond-actualite.png) repeat-y;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/fond-actualite.png', sizingMethod='scale');
	padding:3px 3px 6px 3px;
}
.tarif-gauche{
	float:left;
	width:60%;
	/*border:1px solid red;*/
}
.tarif-droite{
	float:right;
	width:32%;
	/*border:1px solid red;*/
}
#contenu .tarif h3{
	font-size:14px;
	background:url(../images/charte/fond-tarif.png) no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/fond-tarif.png', sizingMethod='scale');
	width:183px;
	height:19px;
	padding-left:3px;
	line-height:19px;
	font-variant:small-caps;
	letter-spacing:2px;
}







/* ---------- STYLES PAGE ACTUALITES -----------*/

.actualite{
	float:left;
	width:610px;
	/*border:1px solid yellow;*/
	margin:10px 0;
	background:url(../images/charte/fond-actualite.png) repeat-y;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/fond-actualite.png', sizingMethod='scale');
	padding:3px 3px 6px 3px;
}
.actualite .titre{
	/*border:1px solid red;*/
	float:left;
	margin:0 0 5px 0;
	border-bottom:1px solid #00CCCC;
}
.actualite .titre h3{
	float:left;
	color:#00CCCC;
	font-weight:bold;
	font:bold 15px Arial, Helvetica, sans-serif;
}
.actualite .titre h3.date{
	float:right;
	width:150px;
	text-align:right;
}
.actualite img{
	float:right;
}
.actualite p{
	float:left;
	width:450px;
	/*border:1px solid yellow;*/
}





/* ---------- STYLES PAGE PERMIS -----------*/

#contenu #contact p{
	font-size:15px;
	margin-left:22px;
	font-weight:bold;
}


/*------------- CONTACT ------------*/

#formulaire-gauche{
	width:350px;
	float:left;
}

#formulaire-droite{
	border-left:2px solid #999999;
	padding-left:25px;
	width:220px;
	float:right;
	margin-top:60px;
}
#contenu #formulaire-droite .plan-acces{
	margin:10px 0;
}

#formulaire-gauche input{
	background:none;
	border:1px solid #858383;
	width:150px;
	font:12px/1.2em Arial, Helvetica, sans-serif;
	color: #999999;
}
#formulaire-gauche textarea{
	width:150px;
	background:none;
	border:1px solid #858383;
	font:12px/1.2em Arial, Helvetica, sans-serif;
	color:#999999;
	height:70px;
}
#formulaire-gauche .boutons{
	padding-left:130px;
}
*html #formulaire-gauche .boutons{
	padding-left:133px;
}
#contenu #formulaire-gauche .boutons input{
	width:74px;
}
#contenu #formulaire-gauche p{
	margin:6px 0;
}
#contenu #formulaire-droite p.comment, #contenu #formulaire-gauche p.comment{
	font-size:0.6em;
	font-style:italic;
	margin:20px 0;
	color:#999999;
}

#formulaire-gauche label{
	width:170px;
	float:left;
}
#contenu #formulaire-droite p.plan{
	margin-top:20px;
}
#contenu #formulaire-gauche p#intro-contact{
	margin-bottom:20px;
}
.obligatoire{
	color:#a6240a;
}