/* ######### CONTACT ########## */

#TitreContact { color:#000000; }
#DescContact {
	margin: 10px 0;
	font-size: 11px;
}

#contact {
  position: relative;
  text-align: left;
  width:520px;
} 


#EtapeOneContact {
	float:left; 
	display:block;	
	padding: 0;	
	position: relative; 
	left:0; 
	width: 250px;
	height:410px; 
	border: none; 
	text-align: left;
}
#EtapeTwoContact {
	float:left; 
	display:block; 
	padding: 0; 
	position: relative; 
	left:1px;
	width: 269px;
	height:410px; 
	text-align: center;
	background-color:#DECEBE;
}


#contact div.title {
  text-align:left;
  background: #4A2E03;
  color:#fff;
  width:100%;
}
#contact div.title strong {
  display: block;
  font-size: 15px;
  padding: 1px 0 0 5px;
  font-weight: bold;
}
#contact div.title span {
  display: block;
  font-size: 13px;
  font-weight: normal;
  padding: 0 0 1px 5px;
}


#contact form { margin: 0; padding: 0; }
#contact br { clear: both; }

#EtapeOneContact label {
  position: relative;
  display: block;
  float: left;
  font-size: 11px;
  width: 90px;
  left: 5px;
  margin-top: 9px;
  color: #784E3D;
}

#EtapeTwoContact label {
  position: relative;
  display: block;
  float: left;
  font-size: 11px;
  width: 120px;
  left:15px;
  margin-top: 9px;
  color: #784E3D;
  text-align:left
}

#contact input, #contact select, #contact textarea {
  position: relative;
  left: 10px;
  float: left;
  margin-top: 9px;
  width: 130px;  
  font: 1em verdana,arial,helvetica,sans-serif;
  border: 1px solid #000000;
}
#EtapeOneContact textarea { width:120px; height: 40px; overflow: auto; }
#EtapeTwoContact textarea { width:110px; height: 40px; overflow: auto; }
#EtapeTwoContact input, #EtapeTwoContact select, #EtapeTwoContact textarea {
  position: relative;
  left: 10px;
  float: left;
  margin-top: 9px;
  width: 110px;  
  font: 1em verdana,arial,helvetica,sans-serif;
  border: 1px solid #000000;
}

#contact label.large {
  width: auto;
  display: block;
  margin-top: 8px;
  margin-bottom: 3px;
}

#contact textarea.large {
  float: none;
  margin: 0;
  width: 237px;
  height: 70px;
}

label.commentLarge {
	display:block;
	margin: 5px 0;
	font-size:11px;
	position:relative;
	left: 0px;
	width:250px;
	color:#E32F86;
	/* border:1px solid red;*/
}


span.etoile { position: relative; color: #784E3D; }
#contact span.etoile.large { margin-top: -1px; left: 3px; }
#contact span.etoile { float: left; left: 13px; margin-top: 6px; }


#contact div.button_area {
  text-align:left;
  display:block;
  position:relative;
  /*background: #4A2E03;*/
  color:#9FB241;
  width:100%;
  height:30px;
  text-align:center;
  margin-bottom: 10px;
}

#contact #clearButton, #contact #submitButton {
  display: inline;
  background:#E3E3E3;
  margin: 4px;
  float: none;
  left: 0;
  font-size: 12px;
  width: 100px;
  padding: 2px 0;
}

#contact .form_valid {padding: 0; text-align: center;}

div.title.bouton {
  text-align:center !important;
}


.loi {
  display:block;
  color: #655509;
  margin: 0;
  text-align: left;
  font-size: 10px;
  font-style: italic;
  width:90%;

}
/* ######### CONTACT ########## */

/*	-------------------------------------------------------------
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/