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

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

#contact {
  position: relative;
  text-align: left;
  width:900px;
  margin:0 auto;
  overflow:hidden;
  background:#f2f2f0;
  font-size:13px;
  color:#000;
}


#EtapeOneContact {
	float:left; 
	display:block;	
	padding: 0;	
	position: relative; 
	left:0; 
	width: 550px;
	border: none; 
	text-align: left;
}
#EtapeTwoContact {
	float:left; 
	display:block; 
	padding: 0; 
	position: relative; 
	left:1px;
	width: 350px;
	text-align: center;
	background:#e1e1e1;
border-bottom:1px solid #666;
}


#contact div.title {
  text-align:left;
  background: #CFCF52;
  color:#333;
  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: 150px;
  left: 20px;
  margin-top: 9px;
  color: #5A5656;
}

#contact input, #contact select, #contact textarea {
  position: relative;
  top:0;
  text-align:left;
  left: 20px;
  float: left;
  margin-top: 9px;
  width: 250px;
  font: 1em verdana,arial,helvetica,sans-serif;
  border: 1px solid #5A5656;
  color:#000;
}
#contact textarea { height: 40px; overflow: auto; }
#contact input.radio { width:auto; }
#contact span.radio { position:relative; left:20px; margin-top:8px; display:block; width:auto; float:left; padding-right:10px; }
#contact label.radio { display:inline; float:none; left:0; margin:0; width:auto; }


#contact strong.titre {
  position:relative;
  padding:5px 20px;
  background:#CFCF52;
  color:#333;
  display:block;
  margin-top:20px;
  font-size:15px;
  text-transform:uppercase;
}
#contact strong.titre2 {
  position:relative;
  left:20px;
  color:#5a5656;
  display:block;
  margin-top:10px;
  font-size:13px;
  font-variant:small-caps;
}

#contact label.checkbox, #contact label.select {
  float:none;
  width:auto;
  text-align:left;
  color:#5a5656;
  font-size:11px;
  margin-top:7px;
}
#contact label.checkbox input {
  position:relative;
  top:2px;
  width:auto;
  float:none;
  left:0;
  margin-top:0;
  border:0;
}
#contact label.checkbox .petit {
  padding-left:23px;
  font-size:10px;
  color:#666;
}

#contact label.select select { left:0; margin:0; float:none; }
#route { text-align:left; }



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

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

#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: #000; }
#contact span.etoile.large { margin-top: -1px; left: 13px; }
#contact span.etoile { float: left; left: 23px; margin-top: 6px; }


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

#contact #clearButton, #contact #submitButton {
  display: inline;
  text-align:center;
  /*background:#eee;*/
  margin: 4px;
  float: none;
  left: 0;
  font-size: 12px;
  width: 123px;
  padding: 2px 0;
}

#clearButton{background:url(../../../../images/dev_reset.png) no-repeat; text-indent:-9000px; width:131px !important; height:32px; border:0 !important;}
#submitButton{background:url(../../../../images/dev_send.png) no-repeat; text-indent:-9000px; width:131px !important; height:32px; border:0 !important;}


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

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


.loi {
  display:block;
  color: #ccc;
  margin: 0;
  text-align: center;
  font-size: 10px;
  font-style: italic;
  width:100%;
	font-weight:none !important;

}


input.radio { border:0 !important; }
/* ######### CONTACT ########## */

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