@charset "utf-8";
/* CSS Document */

body{
	background:url(../images/charte/popupbg.jpg) top left repeat-x;
  }
  
#popup{
	width:600px;
	margin:250px 0 0 100px;
	padding:0;
}

h1{
  font: italic 18px/18px Georgia, "Times New Roman", Times, serif;
  letter-spacing: 2px;
  color: #F16B11;
  margin: 18px 0;
  border-bottom: 1px dotted #F16B11;
  }

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

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

sup{

  font-size: 9px;

  line-height: 12px;

  }

.small{

  font-size: 9px;

  }

em{

  color: #CA5B11;

  font-style: normal;

  }



/* typo > blocs

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

p{

  margin: 0 0 18px;

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

  text-align: justify;

  color: #6D6D6D;

  }

ul{

  list-style: circle;

  margin: -9px 0 18px 15px;

  }

ul.marged{

  margin: 9px 0 18px 15px;

  }

li{

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

  color: #6D6D6D;

  }



/* typo > liens

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

a{

  text-decoration: none;

  border-bottom: 1px dotted #F16B11;

  color: #F16B11;

  }

a:hover{

  border-bottom: 1px solid #6D6D6D;

  color:#6D6D6D;

  }



/* formulaires

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

#formContact div{

  text-align: center;

  margin:0;

  }

label{

  vertical-align: middle;

  margin: 0 5px 0 0;

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

  text-align: justify;

  color: #6D6D6D;

  }

input,

textarea,

select{

  vertical-align: middle;

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

  color: #6D6D6D;

  width: 200px;

  }

textarea{

  height: 60px;

  }

select{

  width: 204px;

  }

.rowselect_multiple select{

  width: auto;

  }

.rowsubmit input{

  color: #333;

  width: 206px;

  }

.champRequis{

  color: #F00;

  }


/* ZONE FORMULAIRE */
#contactForm{
	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: -145px;
	margin-right:30px;
}

#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;
}