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

#titreContact { margin:0; }
#descriptifContact {
	margin: 0 0 10px;
	font-size: 12px;
	color:#000;
}

#contact {
  position: relative;
  text-align: left;
	overflow:hidden;
  width:100%;
}


#EtapeOneContact {
	float:left;
	display:block;
	padding: 0;
	position: relative;
	left:0;
	width: 100%;
	border: none;
	text-align: left;
	background:none;

}
#EtapeTwoContact {
	float:left;
	display:block;
	padding: 0;
	position: relative;
	left:1%;
	width: 100%;
	text-align: center;
	background:none;
}


#contact div.title {
  text-align:left;
  background: #333;
  color:#fff;
  width:100%;
	border-bottom:2px solid #333;
}
#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: none;
  font-size: 14px;
  width: 100%;
  left: 0;
  margin-top: 9px;
	text-align:left;
  color: #333;
}


.antisp { position:absolute !important; top:-50px !important; left:20px !important; }

#contact input, #contact select, #contact textarea {
  position: relative;
  left: 0;
	height:27px;
  float: left;
  margin-top: 5px;
  width: 90%;
	color: #000;
  font: 1em verdana,arial,helvetica,sans-serif;
  border: 1px solid #574d32;
  padding:0; text-indent:5px;
}
#contact textarea { height: 45px; overflow: auto; }


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

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


span.etoile { position: relative; color: #E83225 !important; }
#contact span.etoile.large { margin-top: -1px; left: 13px; }
#contact span.etoile { float: left; left: 5px; margin-top: 6px; }

#contact input:focus, #contact textarea:focus { background:#eee }


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

#contact #clearButton, #contact #submitButton {
  display: inline;
  background:#fff;
	color:#000;
  margin: 4px 0;
  float: none;
  left: 0;
  font-size: 12px;
  width: 49%;
  padding: 2px 0;
	border:1px solid #333;
	cursor:pointer;
}
#contact #submitButton { left:2%; }
#contact #clearButton:hover, #contact #submitButton:hover { background:#ccc; }

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

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


#frameMap { margin-top:20px; border:3px solid #333; width:95%; height:580px; }

.loi {
	margin-top:20px;
  display:block;
  color: #333;
  text-align: center;
  font-size: 10px;
  font-style: italic;
  width:100%;
	line-height:1.5em;
}
/* ######### CONTACT ########## */




#small #EtapeOneContact { width:100%; float:none; }
#small #EtapeTwoContact { width:100%; float:none; margin-top:50px; }
#small #frameMap { height:380px; }

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