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

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

#contact {
  position: relative;
  background: #ffffff;
  text-align: left;
  width:764px;
  min-height:370px; height:auto !important; height:370px;
  border-left:1px dashed #A6C109; 
  border-right:1px dashed #A6C109;
}


#EtapeOneContact {
	float:left; 
	display:block;	
	padding: 0;	
	position: relative; 
	left:0; 
	width: 382px;
	min-height:370px;
	height:auto !important; 
	height:370px; 
	border: none; 
	text-align: left;
}
#EtapeTwoContact {
	float:left; 
	display:block; 
	padding: 0; 
	position: relative; 
	left:0;
	width: 381px; 
	min-height:370px;
	height:auto !important; 
	height:370px; 
	border-left:1px dashed #A6C109; 
	text-align: left;
	color: #000000;
}


#contact div.title {
  text-align:left;
  background: #E0EAA2;
  color:#9FB241;
  border-bottom: 2px solid #ffffff;
  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: 20px;
  margin-top: 9px;
  color: #000000;
}

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


#EtapeOneContact label.large {
  width: auto;
  display: block;
  margin: 0 0 4px 0;
  left: 10px;
}
#EtapeOneContact textarea.large {
  float: none;
  margin: 0;
  left: 10px;
  width: 280px;
  height: 170px;
}
#EtapeOneContact .commentLarge {
	display:block;
	margin: 10px 0 5px;
	font-size:11px;
	position:relative;
	left: 10px;
	width:280px;
	color:#000000;
}

span.etoile { position: relative; color: red; }
#EtapeOneContact span.etoile.large { margin-top: -1px; left: 1px; }
#EtapeOneContact span.etoile { left: 23px; margin-top: 6px; }

#EtapeTwoContact span.etoile.large { margin-top: -1px; left: 1px; }
#EtapeTwoContact span.etoile { left: 3px; margin-top: 6px; }


#contact div.button_area {
  text-align:left;
  display:block;
  position:relative;
  /*background: #E0EAA2;*/
  color:#9FB241;
  /*border-bottom: 2px solid #ffffff;*/
  width:100%;
  height:25px;
  text-align:center;
}

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

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

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

#EtapeTwoContact label {
  position: relative;
  display: block;
  float: left;
  font-size: 11px;
  width: 360px;
  left: 0px;
  margin-top: 9px;
  color: #000000;
  font-weight:bold;
}

#EtapeTwoContact input{
  position: relative;
  left: 0px;
  width: 18px;
  font: 1em verdana,arial,helvetica,sans-serif;
}




span#loi {
  display: block;
  color: #9BAF4B;
  margin: 0;
  text-align: center;
  font-size: 10px;
  font-style: italic;
  width:92%;
}
/* ######### CONTACT ########## */

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