/***************** STYLE GLOBAUX *****************/
.clearer{
clear:both;
}
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
.color{
  color:#ffffff;
}


a:link, a:visited {
    border:	0px; padding:0px; margin:0px; width:auto;
    font-family: Arial;
	color:#ffffff;
	text-decoration: underline;}
a:hover, a:active {
	color:#8C8B8B;
	text-decoration: none !important;
}
/***************** STYLE CONTENU *****************/
#contenu p{
  font: normal 12px Arial;
  color:#ffffff;
}
#contenu h1{
font: 20px Arial, Helvetica, sans-serif;
color:#fff;
letter-spacing:1px;
padding:12px 0px 20px 12px;
}

#contenu-text h1{
font: 20px Arial, Helvetica, sans-serif;
color:#fff;
letter-spacing:1px;
padding:12px 0px 20px 12px;
}
#contenu-text h2{
font:bold 15px "Courier New",Arial, Helvetica, sans-serif;
color:#959494;
letter-spacing:1px;
text-align: center;
}
#contenu-text p{
  font-family: Arial, Courier, monospace;
  color:#b8b8b8;
  line-height: 18px;
  font-size: 12px;
  padding:0px 12px;
  text-align: justify;
}

h2.couleur2{
font: 18px Arial, Helvetica, sans-serif;
color:#959494;
letter-spacing:1px;
padding:17px 0px 0px 20px;

}

/****************************style actualites***********************/
h2 a:link, h2 a:visited {
    font-size: 14px;
    font-family: Arial;
    border:	0px; padding:0px; margin:0px; width:auto;
	color:#8C8B8B;
	text-decoration: underline;}
h2 a:hover, h2 a:active {
	color:#ffffff;
	text-decoration: none !important;
}
.encart_conseils{
float:left;
width:450px;
padding:7px;
border:1px solid #666;
margin-bottom:10px;
}

.img_cons{
float:left;
width:100px;
height:100px;
margin-right:7px;
border:1px solid #666;
}
.cont_cons{
float:left;
width:340px;
}

#contenu .encart_conseils .cont_cons p.date{
float:right;
font-weight:bold;
font-size:12px;
color:#fff;
margin-bottom:0px;
}

#contenu .encart_conseils h2{
font:bold 11px Arial, Helvetica, sans-serif;
color:#fff;
float:left;
letter-spacing:1px;
margin:0 0 7px;
}
#contenu .encart_conseils p{
text-align:left;
margin-top:0px;
color:#b8b8b8;
  line-height: 18px;
  font-size: 11px;
  text-align: justify;
}


/***************** STYLE CONTACT *****************/
#formulaire{
float:left;
width:490px;
margin-top:0px;



}

#container #contenu #contact_fomulaire {
float:left;
width:190px;
margin-left:0px;
margin-top:20px;
}
#contact_prop {
	width:180px;
	float:left;
	margin-left:10px;
}
#contenu label{
	font-size:11px;
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;

}

#contenu #formContact  input, #contenu #formContact textarea{
	width:140px;
	border:1px solid #666;
	font-size:11px;
	color:#FFF;
	background-color: #222;
	font-family:Arial, Helvetica, sans-serif;
}


#contenu #formContact  input, #contenu #formContact .text2{
	width:140px;
	border:1px solid #666;
	font-size:11px;
	color:#FFF;
	background-color: #222;
	font-family:Arial, Helvetica, sans-serif;
}

#contenu #formContact  input, #contenu #formContact .text3{
	width:40px;
	border:1px solid  #990000 ;
	font-size:11px;
	color: #0099CC;
	background-color: #CCCCCC;
}

#contenu #formContact  input, #contenu #formContact .text32{
font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #0099CC;
}

#contenu #formContact .autre{
	width:140px;
	font-size:12px;
	color:#fff;
}

#contenu #formContact input:focus, #contenu #formContact textarea:focus{
	border:1px solid #666;
}
#contenu #formContact .champRequis{
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#contenu #formContact   .bouton {
	border:1px solid #666666;
	font-size:11px;
	color: #FFF;
	background-color: #222;
	font-family:Arial, Helvetica, sans-serif;
	width:95%;
	font-weight:bold;
	text-align:center;
}
#contenu #formContact  .bouton:focus {
	border:1px solid #666;
}

#contenu #formContact  .capa{
	width:100px;
	border:1px solid  #666666;
	font-size:12px;
	color:#FFF;
	background-color: #222;
	font-family:Arial, Helvetica, sans-serif;
}

#contenu #formContact .capa:focus{
	border:1px solid #666;
}

#contenu #formContact  .case{
	text-align:left;
	width:15px;
	border:none;
	background:none;
	margin-bottom:5px;
}

#contenu .txt_bas3{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFF;
margin-bottom:5px;
margin-top:5px;
width:470px;

}

#contenu .contact_gauche .txt_bas{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
margin-bottom:10px;
margin-top:20px;
width:250px;
text-align:center;

}
.encart_acces{
float:left;
width:480px;
margin-bottom:15px;
}


/* Plan site */

#contenu .ul_cond li{
font:bold 12px Arial, Helvetica, sans-serif;
line-height:2em;
text-align:left;
color:#FFF;
margin-left:15px;
list-style:url(../images/charte/puce.jpg);
}

#contenu .ul_cond{
margin-left:20px;
margin-bottom:20px;
margin-top:5px;
}
#accueil3 .encart_left h2, #accueil3 .encart_right h2{ font-family:Arial, Helvetica, sans-serif; padding-bottom:10px; text-align: left; padding-left:10px;} 

#accueil3 .encart_left{
width:210px;
float:left;
padding-left:100px;
border-right:1px dotted #FFF;
}
#accueil3 .encart_right{
width:150px;
float:left;
padding-left:10px;
}