/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
font:bold 16px/18px Arial, Helvetica, sans-serif;
color:#FFF;
letter-spacing:0px;
margin:0 0 12px;
padding-left:18px;
background: url(../images/charte/pouce-h1.jpg) -6px 3px no-repeat transparent;
}
#contenu h1.accueil{
display:block;
width:330px;
height:30px;
background:url(../images/charte/h1-accueil.png) right top no-repeat;
}
#contenu h1 span{
display:none;
}
#contenu h2{
font:bold 15px Arial, Helvetica, sans-serif;
color:#BF3B3B;
letter-spacing:1px;
margin:0 0 7px;
border-bottom: solid 1px #BF3B3B;
}
#contenu p{
font:12px/17px Arial, Helvetica, sans-serif;
text-align:justify;
color:#FFF;
padding-bottom:12px;
}

#col-right #contenu span.pouce1{
  width:6px;
  padding:0 8px;
  background: url(../images/charte/pouce1.jpg) -7px 3px no-repeat;
}

#col-right #contenu span.pouce2{
  width:6px;
  padding:0 8px;
  background: url(../images/charte/pouce2.jpg) -6px 4px no-repeat;
}

#col-right .encart{
  width: 605px;
  padding: 10px 12px;
  margin:0 2px 12px;
  display: inline;
  border: solid 1px #7d0000;
  background-color: #390000;
  text-align: left;
  float:left;
}

#col-right .encart p{
  margin: 0px;
  padding: 0px;
  text-align: justify;
}

#contenu p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenu p.couleur, span.couleur{
font-weight:bold;
color:red;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color:#a30000;
}
#contenu a:hover, #contenu a:active{
color:#FFF;
text-decoration: none;
}

#contenu .liens{
 width:100%;
 padding-top:20px;
 float:left;
 border-bottom: solid 1px #3c3c3c;
 background: url(../images/charte/bg-liens.jpg) 460px 10px no-repeat;
 padding-bottom: 10px;
}

#contenu .spacer{
 width:100%;
 height:1px;
 display: block;
 margin: 0px auto;
 border-bottom: solid 1px #3c3c3c;
 clear:both;
}

#contenu .liens a:link, #contenu .liens a:visited{
  font-weight:bold;
  text-decoration:underline;
  color:#C50000;
}

#contenu .liens a:hover, #contenu .liens a:active{
color: #a30000;
text-decoration: none;
}

#contenu .thumb{
  width: 100px;
  height: 100px;
  float: left;
  border: solid 2px #9a9a9a;
  cursor: pointer;
  margin: 4px 6px 0px 0;
  padding: 4px;
  background: #131418;
  /*background: url(../images/charte/no-image-small1.jpg) center scroll no-repeat #131418;*/
  display:block;
  text-align: center;
}

#contenu .thumb p{
  font-family: Georgia, Tahoma;
  line-height: 26px;
  text-align: center;
  padding-top: 27px;
  font-weight: bold;
  /*color: #D90000;*/
  color: #FEFEFE;
  font-size: 20px;
  display:none;
}

#contenu .le-lien{
  text-align: left;
  float:left;
  width:615px;
  background: url(../images/charte/bg-lien.jpg) left bottom no-repeat;
  padding-left: 90px;
  padding-top: 30px;
  margin-top:-20px;
  padding-bottom:10px;
}


/***************** STYLE FOOTER *****************/
#footer p{
font:10px/30px Arial, Helvetica, sans-serif;
color:#9f9f9f;
text-align:right;
padding:0 10px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#9f9f9f;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#fff;
}
/************** STYLE FORMS ******************/

#contenu .left{
  width: 305px;
  float: left;
}

#contenu .right{
  float: right;
  width: 305px;
}

#contenu .percent33{
  float:left;
  width:30%;
}

#contenu .percent34{
  width:39%;
  float:right;
}



#contenu #divContact form{
  width:100%;
  float:left;
  margin: 0px;
  padding:10px 0px;
  background: url(../images/charte/bg-contact.jpg) center 200px no-repeat transparent;
  height:420px;
}
#contenu input{
  float:left;
  height:17px;
  margin:0px;
  padding:0px;
  border: none;
  background: none;
  font:12px/17px Arial, Helvetica, sans-serif;
  width:100%;
}

#contenu textarea{
  float:left;
  margin:0px;
  padding:0px;
  border: none;
  background: none;
  font:12px/17px Arial, Helvetica, sans-serif;
  width:100%;
  height:100%;
  }
#contenu .aligner1{
  float:left;
  width:100%;
  padding-bottom:14px;
  }

#contenu .label{
  float:left;
  padding:2px 4px 0px 0;
  margin: 0px;
  font:12px/12px Arial, Helvetica, sans-serif;
  text-align:justify;
  color:#FFF;
  }

 /****** styles input ****/
#contenu #input-nom,
#contenu #input-prenom,
#contenu #input-tel,
#contenu #input-portable,
#contenu #input-adresse,
#contenu #input-mail,
#contenu #input-codepostal,
#contenu #input-ville,
#contenu #input-pays,
#contenu #input-codedesecurite,
#contenu #input-commentaire{
  padding:0px 35px;
  float: right;
  height:17px;
  background-repeat: no-repeat;
  background-color: #ccc;
  margin-left: -2px;
  }

#contenu #input-nom{ background-image: url(../images/forms/bg-nom.jpg); width: 199px; padding:0px 35px }
#contenu #input-prenom{ background-image:url(../images/forms/bg-prenom.jpg); width:183px; padding:0px 35px }
#contenu #input-tel{ background-image: url(../images/forms/bg-tel.jpg); width: 206px; padding:0px 35px }
#contenu #input-portable{ background-image: url(../images/forms/bg-fax.jpg); width: 181px; padding:0px 35px }
#contenu #input-adresse{ background-image: url(../images/forms/bg-adresse.jpg); width: 181px; height:51px; padding:0px 35px }
#contenu #input-mail{ background-image: url(../images/forms/bg-mail.jpg); width: 190px; padding:0px 35px }
#contenu #input-codepostal{ background-image: url(../images/forms/bg-codepostal.jpg); width: 160px; padding:0px 35px }
#contenu #input-ville{ background-image: url(../images/forms/bg-ville.jpg); width: 204px; padding:0px 35px }
#contenu #input-pays{ background-image: url(../images/forms/bg-pays.jpg); width: 200px; padding:0px 35px }
#contenu #input-codedesecurite{ background-image: url(../images/forms/bg-codesecurite.jpg); width: 132px; padding:0px 35px }
#contenu #input-commentaire{ background-image: url(../images/forms/bg-commentaire.jpg); width: 475px; height:65px; padding:0px 35px }

#contenu .commentaire-container{
  width:100%;
  float:left;
  padding-bottom: 14px;
  }

#contenu .aligner1 .input{
  background-position: right top;
  }

#contenu .aligner1 .inputOver{
  background-position: right bottom;
  }

#contenu #envoyer, #contenu #retablir{
  height:36px;
  width: 89px;
  background-repeat: no-repeat;
  background-color: #ccc;
  cursor: pointer;
  margin-top:10px;
  }

#contenu #envoyer{background-image: url(../images/forms/envoyer.gif); float: right; margin-right:-5px;background-color: transparent}
#contenu #retablir{background-image: url(../images/forms/retablir.gif); float: left; margin-left:-5px;background-color: transparent}

#contenu .btnOver{
  background-repeat: no-repeat;
  background-position: left top;
  margin:0px -5px 0;
  padding:0px;
  }
#contenu .btn{
  background-position: left bottom;
  margin:0px -5px 0;
  padding:0px;
  }

#capatcha{
 float:right;
 border:solid 1px #9e0000;
 margin-top:2px;
  }

#contenu a:link#buttonPlan, #contenu a:visited#buttonPlan{
  width: 160px;
  height:50px;
  margin:0 auto;
  display:block;
  background-color: transparent;
  background-position:left top;
  background-repeat: no-repeat;
  background-image:url(../images/forms/btn-plan1.jpg);
  border:none;
}

#contenu a:hover#buttonPlan, #contenu a:active#buttonPlan{
  width: 160px;
  height:50px;
  margin:0 auto;
  display:block;
  background-color: transparent;
  background-position:left top;
  background-repeat: no-repeat;
  background-image:url(../images/forms/btn-plan1-over.jpg);
  border:none;
  }
#contenu a:focus#buttonPlan, #contenu .btn, #contenu .btnOver{
outline: none;
}