/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
font:bold 20px Arial, Helvetica, sans-serif;
color:#45a5d1;
letter-spacing:1px;
margin:0 0 12px;
border-bottom:1px dotted #45a5d1;
}
#contenu h2{
font:bold 13px Arial, Helvetica, sans-serif;
color:#45a5d1;
/*letter-spacing:1px;*/
margin:10px 0 7px 0px;
padding-left:15px;
/*border-bottom:1px dotted #45a5d1;*/
background:url(../images/charte/puce.jpg) no-repeat;
}
#contenu h3{
font:bold 13px Arial, Helvetica, sans-serif;
color:#FF7C17;
/*letter-spacing:1px;*/
margin:10px 0 7px 0px;
/*padding-left:15px;
border-bottom:1px dotted #45a5d1;
background:url(../images/charte/puce.jpg) no-repeat;*/
}
#contenu p{
font:12px Arial, Helvetica, sans-serif;
text-align:justify;
color:#666;
margin-bottom:10px;
line-height:20px;
margin-top:10px;
}

#contenu ul{
margin-top:5px;
margin-bottom:8px;
margin-left:20px;
}


#contenu li{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
list-style-image:url(../images/charte/puce.jpg);
color:#4EB6E6;
font-weight:bold;
margin-bottom:5px;
}


#contenu p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenu p.couleur, span.couleur{
font-weight:bold;
color:#45a5d1;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color:#98a451;
}
#contenu a:hover, #contenu a:active{
color:#a2ce1f;
}
#contenu #lienrequete{
text-align:justify;
line-height:10px;
}
#contenu #lienrequete a:link, 
#contenu #lienrequete a:visited {
font-weight:bold;
font-size:10px;
text-decoration:underline;
color:#98a451;
}
#contenu #lienrequete a:hover, 
#contenu #lienrequete a:active {
color:#45a5d1;
}
/***************** 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;
}


/*-------------------------------Index-----------------------------*/
.image_acc{
float:left;
margin-left:80px;
}
.image_acc1{
float:left;
margin-left:135px;
}
.conatct_acc{
float:left;
margin-left:40px;
margin-bottom:10px;
}

.remarque{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FF7C17;
font-weight:bold;
}

.remarque2{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FF7C17;
font-weight:bold;
}

.villes{
width:450px;
height:300px;
}

.col{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
height:260px;
text-align:left;
}

#liste{
padding-bottom:0px;
margin-left:0px;
margin-top:0px;
}

#liste ul{
margin-left:10px;
}


#liste li{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-bottom:10px;
color:#666666;
font-weight:normal;
}

#liste2{
/*width:300px;*/
margin-bottom:0px;
margin-left:0px;
margin-left:20px;
margin-top:-5px;
}


#liste2 li{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
/*width:270px;*/
margin-bottom:10px;
color:#666666;
font-weight:normal;
margin-left:20px;
list-style-image:url(../images/charte/puce2.gif);
}

/*-------------------------------tarif-----------------------------*/
#contenu .ligne{
float:left;
margin-left:50px;

}

.haut{
float:right;
width:100px;
margin-top:10px;
margin-bottom:10px;
}
/*-------------------------------livre or-----------------------------*/

#contenu .titre_livre{
float:left;
width:450px;
background-color:#FF7906;
margin-bottom:10px;

}

#container #contenu .titre_livre a{
float:left;
width:200px;
color:#FFFFFF;
margin-bottom:2px;
font-size:10px;
margin-top:0px;

}

#container #contenu .titre_livre a:hover{
float:left;
width:200px;
color:#8BDCF8;
margin-bottom:2px;
font-size:10px;

}


#contenu .titre_livre p{
float:left;
width:300px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin-bottom:0px;
color:#fff;
margin-left:10px;
margin-top:0px;
}


#contenu .titre_livre .date{
float:right;

width:120px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin-bottom:0px;
margin-right:5px;
margin-top:-5px;
color:#fff;
text-align:right;
margin-left:10px;

}



#tableau_tarif{
float:left;
width:420px;
margin-bottom:10px;
}

#tableau_tarif .titre_tarif{
float:left;
width:109px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:center;
color:#FFFFFF;
font-weight:bold;
margin-left:20px;
}

#tableau_tarif .desc_tarif{
float:left;
width:180px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:3px;
margin-left:2px;
font-weight:bold;
text-align:center;
color:#5B5B5B;
}

#tableau_tarif .niveau{
float:left;
width:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:3px;
margin-left:2px;
	
text-align:center;
color:#5B5B5B;
}



/*----------------contact-------------- */
 
 #formulaire{
float:left;
width:400px;
margin-top:5px;
margin-left:0px;
}

.msg_capca{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FF7C17;

}


#formulaire img{
margin-bottom:10px;
}

#formulaire label{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#666;
text-align:justify;
}

#formulaire .b{
width:280px;
background-color:#fff;
background-repeat:no-repeat;
color:#666;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #45A5D1;
}

#formulaire .capca{
width:127px;
background-color:#fff;
background-repeat:no-repeat;
color:#666;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #45A5D1;
}

#formulaire input:focus{
background-color:#fff;
color:#666;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #A0CD1B;
}

#choix select{
width:200px;
background-color:#E12E7E;
color:#fff;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #E12E7E;
}

.themes select{
width:150px;
background-color:#000000;
color:#000E66;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #263D51;
}
#formulaire textarea:focus{
background-color:#fff;
color:#666;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #A0CD1B;
}
#texte  #coordonne{
width:300px;
float:right;
margin-top:20px;
margin-right:50px;
}

#coordonne img {
margin-bottom:10px;


}

#plan{
float:left;
width:238px;
margin-top:50px;
margin-right:20px;
}

#formulaire .bouton_form{
width:140px;
background-color:#fff;
background-repeat:no-repeat;
color:#FF7905;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #45A5D1;
}


#formulaire .bouton_form:focus{
width:140px;
background-color:#fff;
background-repeat:no-repeat;
color:#FF7905;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #45A5D1;
}


 #coordonne p{
width:300px;
margin-top:5px;
text-align:justify;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#3F3E3F;
}
#formulaire .titre_formulaire{

float:left;
width:200px;
margin-left:10px;
margin-top:3px;
font-size:14px;
font-weight:bold;
color:#fff;

}

#formulaire p{
width:270px;
font:Arial, Helvetica, sans-serif;
color:#666;
text-align:justify;
font-size:11px;
margin-left:3px;
margin-bottom:3px;
}
#txt td{
vertical-align:center !important;}

input, textarea {
margin-bottom:3px !important;
}

#container #loi {
	width:450px;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:0px;

}

#container  #loi p {
	font-size:10px;
	color:#666;

}
#txt_merci{
float:left;
width:400px;
margin-left:20px;

}

#txt_merci p{
text-align:center;
margin-left:10px;
}

#bouton_merci {
float:left;
width:80px;
margin-top:20px;
margin-left:70px;
margin-bottom:70px;

}


