@charset "UTF-8";

@media screen{
	#main form { position: relative; margin: 0; padding: 0; }
	#main form fieldset { position: relative; margin: 2em 0 0 0; padding: 0; border: none; }
	#main form fieldset fieldset { margin: 0; padding: 0; border: none; }
	#main form legend { margin: 0.5em 0;font-weight: normal; color: #b9d531; line-height: 1em; font-size: 1.8em; }
	#main form ul { maring: 0; padding: 0; list-style: none; font-size: 1.2em; }
	#main form li { display: inline; }
	#main form p { position: relative; margin: 0.2em 0; font-size: 1.2em; }
	#main form p label {
		position:relative; width: 140px; padding-left: 10px; margin-right: 10px; vertical-align: top;
		display: -moz-inline-box; display: inline-block;
		font-size: 1em; line-height:1.2em;
	}
	#main form p label.radio { display: block; width: auto; }
	#main form p input, 
	#main form p textarea, 
	#main form p select { position: relative; width: 378px; border: 1px solid #b9d531;}
	#main form p input { }
	#main form p textarea { height: 5em; }
	#main form p select { }
	/* tous les champs checkbox */
	#main form p input[type="checkbox"] { width: auto; }
	/* tous les champs radio */
	#main form p input[type="radio"] { width: auto; }
	
	/* bouton submit */
	#main form h4.btnenvoyer { margin: 2em 0 0 160px; padding: 0; font-size: 1em; }
	#main form h4.btnenvoyer input {
		position: relative; 
		margin: 0; padding: 0; width: 220px; height: 30px; line-height: 30px;
		text-transform: uppercase; font-weight: normal; font-size: 1.4em; cursor: pointer; color: white; 
		background: url(../images/2011/sprite-fixe.png) no-repeat -130px -400px;
		border: none;
	}
	#main form h4.btnenvoyer input:hover { color: #dcea98; }
	
	/* champs obligatoires */
	#main p.messobligatoire { margin: 2em 0; }
	#main form p.obligatoire, #main p#erreur_contact {/*les erreurs PHP sont identifier en id erreur_contact*/
	}
	#main form .obligatoire label, 
	#main form .obligatoire legend {
		background: url(../images/etoile_obligatoire.png) no-repeat left top;
	}
	#main form p.obligatoire input, #main form p.obligatoire textarea {border: 1px solid #558025; }
	#main form span.check {
		position: relative; display: -moz-inline-box; display: inline-block; vertical-align: top;
		margin: 0 0 0 160px; padding: 1em 10px 0.2em 10px; width: 360px;
		color: white; font-size: 0.8em;
		background: #c30e00 url(../images/2011/fleche-contact.png) no-repeat 0 0;
	}
	#main form .obligatoire em.etoile_obligatoire  { position: absolute; top: 0; left: -999em; }
	
	.message, .messageConfirmation, .messageAlert { }
	
	p#message_envoye { font-size: 1.2em; font-weight: bold; }
}
@media print{ }