/* Feuille de style pour le contenu des pages

 * C'est cette feuille de style qui doit être liée aux pages du site

 * La feuille de style de la charte est appelée depuis cette feuille.

 */

 

/* Import des style pour la charte */



/* styles globaux

*********************/



a img{ border: none; }



a:active, a:focus{ outline: none;}

.clearer{

  clear: both;

  }



/* typographie

*********************/



/* typo > headlines

*********************/

#contenu h1{

  font: italic 18px/18px Georgia, "Times New Roman", Times, serif;

  letter-spacing: 2px;

  color: #F16B11;

  margin: 18px 0;

  border-bottom: 1px dotted #F16B11;

  }

#contenu h2{

  font: italic 12px/17px Georgia, "Times New Roman", Times, serif;

  letter-spacing: 2px;

  text-indent: 5px;

  margin: 18px 0 9px;

  border-bottom: 1px dotted #BBB;

  color: #444;

  }



/* typo > inline

*********************/

#contenu sup{

  font-size: 9px;

  line-height: 12px;

  }

#contenu .small{

  font-size: 9px;

  }

#contenu em{

  color: #CA5B11;

  font-style: normal;

  }



/* typo > blocs

*********************/

#contenu p{

  margin: 0 0 18px;

  font: 11px/18px Verdana, Helvetica, sans-serif;

  text-align: justify;

  color: #6D6D6D;

  }

#contenu ul{

  list-style: circle;

  margin: -9px 0 18px 15px;

  }

#contenu ul.marged{

  margin: 9px 0 18px 15px;

  }

#contenu li{

  font: 11px/18px Verdana, Arial, Helvetica, sans-serif;

  color: #6D6D6D;

  }



/* typo > liens

*********************/

#contenu a{

  text-decoration: none;

  border-bottom: 1px dotted #F16B11;

  color: #F16B11;

  }

#contenu a:hover{

  border-bottom: 1px solid #6D6D6D;

  color:#6D6D6D;

  }



/* formulaires

*********************/

#contenu #formContact div{

  text-align: center;

  margin:0;

  }

#contenu label{

  vertical-align: middle;

  margin: 0 5px 0 0;

  font: 11px Verdana, Helvetica, sans-serif;

  text-align: justify;

  color: #6D6D6D;

  }

#contenu input,

#contenu textarea,

#contenu select{

  vertical-align: middle;

  font: 11px Verdana, Helvetica, sans-serif;

  color: #6D6D6D;

  width: 200px;

  }

#contenu textarea{

  height: 60px;

  }

#contenu select{

  width: 204px;

  }

#contenu .rowselect_multiple select{

  width: auto;

  }

#contenu .rowsubmit input{

  color: #333;

  width: 206px;

  }

#contenu .champRequis{

  color: #F00;

  }


/* ZONE FORMULAIRE */
#contactForm{
	width:350px;
	float: left;
}

/* FORMULAIRE */
#formContact .bouton{
	width:90px;
	border:1px solid #000;
	font-size:12px;
	border:1px solid #d8c798;
	background:#d8c798;
	color:#6D6D6D;
	
}
#formContact .boutons{margin-left: 160px;}

#formContact p{
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px;
	height: 0.5%;
}

#formContact label{
	font-weight: bold;
	float: left;
	margin-left: -155px;
}

#formContact input[type="text"]{ 
	width: 180px;
	border:1px solid #d8c798;
	margin-left:-20px;
}

#formContact select{
	width: 180px;
	border:1px solid #d8c798;
	margin-left:-20px;
}

#formContact .inputtext{
	width: 180px;
	border:1px solid #d8c798;
	margin-left:-20px;
}

#formContact textarea{
	width: 180px;
	margin-left:-20px;
	height: 70px;
	border:1px solid #d8c798;
}
#formContact input:focus{
	border:1px solid #d58603;
}
#formContact textarea:focus{
	border:1px solid #d58603;
}
#contactForm .champRequis{
	color:#FF0000;
}

.radio-bouton {
	padding:10px 100px;
	float:left;
	
}
#formContact .radio-bouton input{
	width:50px;
	float:left;


}
#formContact .radio-bouton span {
	color:#6D6D6D;
	font-family:Verdana,Helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	float:left;
	width:100px;
}
#formContact .cadre-radio {
	padding:4px 0;
	float:left;
	width:160px;
}

.cadre-radio span{
	text-align:left;
}

#note-contact {
	background:#eeeeee;
	padding:2px 10px;
	margin:15px 0;
	border:1px solid #dec794;
}
#note-contact p {
	font-size:9px;
}

#formContact .captcha {
	float:left;
	}
#formContact .captcha img{
	float:left;
	margin-left:-70px;
	margin-top:7px;
}
#formContact .captcha input{
	width:85px;
	margin-right:80px;
	margin-top:15px;
}
#formContact .couleur {
	color:red;
	font-weight:bold;
	text-align:center;
	padding:0;
}

#formContact .capcha-texte{
padding:0;
}