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

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

#contact {
  position: relative;
  text-align: left;
  width:668px;
  margin-top:-16px;
  overflow:hidden;
}


#EtapeOneContact {
	float:left; 
	display:block;	
	padding: 0;	
	position: relative; 
	left:10px; 
	top:10px;
	width: 343px;
	height:619px; 
	border: none; 
	text-align: left;
	background:#374a71;
	color:#fff;
	text-align:left;
}
#EtapeTwoContact {
	float:left; 
	display:block; 
	padding: 0; 
	position: relative; 
	left:21px;
	width: 303px;
	height:629px; 
	text-align: center;
}


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

#contact label {
  position: relative;
  display: block;
  float: left;
  font-size: 11px;
  width: 90px;
  left: 40px;
  margin-top: 9px;
  color: #ff9435;
}

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



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

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

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


span.etoile { position: relative; color: #b7cc26; }
#contact span.etoile.large { margin-top: -1px; left: 33px; }
#contact span.etoile { float: left; left: 43px; margin-top: 6px; }
span.etoile.none { float:none!important; left:0!important; margin:0!important; }


#contact div.button_area {
  text-align:left;
  display:block;
  position:relative;
  width:100%;
  height:30px;
  text-align:center;
  margin-top:10px;
  margin-bottom: 10px;
}

#contact #clearButton, #contact #submitButton {
  display: inline;
  background:#889bc2;
  margin: 0;
  float: none;
  left: 0;
  font-size: 12px;
  width: 129px;
  padding: 2px 0;
}
#contact .form_valid {padding: 0; text-align: center;}

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


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

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

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