/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
font:bold 20px Arial, Helvetica, sans-serif;
color:#0f419a;
letter-spacing:1px;
padding:20px 0 10px 20px;
border-bottom:1px dotted #f9b60f;


}
#contenu h2{
font:bold 15px Arial, Helvetica, sans-serif;
color:#0f419a;
letter-spacing:1px;
padding:20px 0 10px 20px;
border-bottom:1px dotted #f9b60f;

}
#contenu h3{
font:bold 20px Arial, Helvetica, sans-serif;
color:#0f419a;
letter-spacing:1px;
padding:20px 0 20px 20px;
border-bottom:1px dotted #f9b60f;
}
#contenu h4{
font:small-caps bold 16px Arial, Helvetica, sans-serif;
border-bottom:1px solid #FFB539;
padding:0;
width:100%;
text-align:left;
color:#FFB539;
float:left;
}
#contenu strong{
/*color:#f9b60f;*/
color:#E56619;
}
#contenu p{
font:13px/1.6em Arial, Helvetica, sans-serif;
text-align:justify;
color:#0f419a;
margin-bottom:1.2em;
margin-top:1.2em;
padding:0px 0 0px 20px;
}
#contenu p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenu p.couleur, span.couleur{
font-weight:bold;
color:#4979cf;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color:#E56619;
}
#contenu a:hover, #contenu a:active{
color:#4979cf;
}
#contenu .encartLien{
float:left;
width:150px;
margin:10px 0 0 20px;
}
#contenu #photos{
float:left;
width:290px;
height:450px;
margin-left:20px;
}
#contenu #accueilTexte{
float:left;
width:300px;
margin-left:10px;
margin-top:105px;
}
#contenu #accueilTexte p{
padding-left:0;
}

#contenu #accueilTexte strong.txtGros{
font-size:15px;
}
#contenu #accueilTexte p.gros{
font-size:18px;
text-align:center;
}
/***************** STYLE ACTUALITES *****************/
#actu{
float:right;
position:relative;
width:334px;


}
.uneactu{
padding:0 0 0 0px;
margin:0 0 0px;
}
#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;
}

/****************************** FORMULAIRE DEVIS *********************************/
/* TITRE FORMULAIRE */
#contenu #bloc-formulaire h4{
	font:small-caps bold 16px Arial, Helvetica, sans-serif;
	background:#E8AD11;
	border-bottom:1px solid #e6e6e6;
	padding:0;
	width:100%;
	text-align:left;
	margin:15px 0 15px 0;
	color:#0F419A;
	float:left;
	}


/* FOMULAIRE */
#bloc-formulaire {
	width:410px;
	float:left;
	margin:10px 0 0 20px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000;
}

#bloc-formulaire table {width:100%;}
#bloc-formulaire div {
	margin:0 0 4px 0 !important; margin:0 0 10px 0;
	float:left;
	width:100%;
	}

#bloc-formulaire  input, #bloc-formulaire  textarea, 
#bloc-formulaire select.liste-form, #bloc-formulaire .bouton {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#E8AD11;
	padding:0 10px 0 2px;
	border:1px solid #e6e6e6;
	background:#FFF;
}

#bloc-formulaire input, #bloc-formulaire textarea{
	width:170px;
	margin:0;
	border:1px solid #0F419A;
}

#bloc-formulaire label{
	width:110px;
	color:#0F419A;
	float:left;
	text-align:right;
	margin-right:10px;
	font:normal 11px Arial, Helvetica, sans-serif;
}

/* BOUTONS RADIOS */
#bloc-formulaire .bloc-radio {
	float:left;
	width:200px;
	margin:0 0 10px 0;
}

.bloc-radio span.label-radio {
	float:left;
	width:85%;
	margin:0 0 3px;
}

.bloc-radio span.bt-radio {
	float:left;
	clear:left;
	margin:0 0 3px;
	text-align:left;
}
		
#bloc-formulaire .bloc-radio span.bt-radio input{
	border:none;
	width:20px;
	height:10px;
	padding:0;
	vertical-align:middle;
}


/* CHECKBOX */
#bloc-formulaire .bloc-check {
	float:left;
	width:200px;
	margin:0 0 10px 0;
}

.bloc-check span {
	display:block;
	margin:0 0 1px 0;
	width:100%;
}
		
#bloc-formulaire .check{
	width:10%;
	border:none;
	margin:0 3px 0 0;
	vertical-align:middle;
}


/* LISTE DEROULANTE */
#bloc-formulaire select.liste-form{
	width:182px;
	text-align:left;	
	color:#000;
	padding:0;
	background:#fff;
}


/* BOUTON */
#bloc-formulaire .boutons{
	margin:10px 0 0 110px !important; margin:10px 0 0 30px;
	}

#bloc-formulaire .bouton{
	width:80px;
	height:auto;
	cursor:pointer;
	color:#E8AD11;
	margin:0;
	padding:0;
	font-size:10px;
	background:#0F419A;
	border:none;
}

#bloc-formulaire .champRequis{color:red; font-size:9px;}

#bloc-formulaire p.capa {
	margin:10px 0 0 90px;
	text-align:left;
	width:220px;
	font:italic 10px Arial, Helvetica, sans-serif;
	color:#666;
	line-height:12px;
}
#bloc-formulaire p.capa.error {
color:#ff0000;
text-decoration:none;
font-weight:bold;
}

#bloc-formulaire p.capa img{clear:left;}

#bloc-formulaire p.nb {
	margin:20px 0 10px 0;
	text-align:justify;
	width:100%;
	font:italic 10px Arial, Helvetica, sans-serif;
	color:#666;
	float:left;
	line-height:12px;
	border-top:1px solid #e6e6e6;
}
/****************************** BLOC INFO DROITE  *********************************/
#contenu #blocInfos{
float:right;
width:310px;
height:300px;
margin:35px 120px 0 0;
border:1px dotted #E8AD11;
}
#contenu #blocInfos #infos{
float:left;
height:120px;
width:100%;
text-align:center;
}
#contenu #blocInfos p{
text-align:center;
}
#contenu #blocInfos img{
text-align:center;
}
#contenu #blocInfos #infos p.texteInfos{
line-height:1.8em;
font-size:14px;
color:#E56619;
text-align:center;
}
#contenu #blocInfos #infos h4{
text-align:center;
margin-bottom:10px;
}
