@charset "UTF-8";

@media screen{
	#main form { 
		position: relative; margin: 2em 0; padding: 1em 0;
		border-top: 1px solid #d0d0d0;
	}
	#main form fieldset {
		display: inline; float: left;
		margin: 0; padding: 0 19px 0 0; width: 220px;
		border: none;
	}
	#main form fieldset:first-child { margin-right: 18px;  border-right: 1px solid #d0d0d0; }
	#main form fieldset fieldset {
		display: block; float: none;
		margin: 0; padding: 0; width: auto;
		border: none;
	}
	#main form legend {
		margin: 0 0 0.5em 0; padding: 0;
		font-size: 1.6em; color: #c8cb00; font-weight: bold;
	}
	#main form fieldset fieldset legend {
		margin: 0.5em 0 0 0; padding: 0;
		font-size: 1.2em; color: black; font-weight: normal;
	}
	#main form p,
	#main form ul { position: relative; margin: 0.4em 0; font-size: 1.2em; }
	#main form ul { margin: 0; padding: 0; list-style: none; }
	#main form li { display: inline; margin-right: 1em; }
	#main form p label {
		position:relative; width: 220px; vertical-align: top; padding-left: 0.7em;
		display: block;
		font-size: 1em; line-height:1.2em;
	}
	#main form .obligatoire label { font-weight: bold; }
	#main form p label.radio { display: block; width: auto; overflow: auto; padding-left: 1.1em; }
	#main form p input, 
	#contenu form p textarea, 
	#contenu form p select { position: relative; width: 220px; border: 1px solid #d0d0d0; }
	#main form p.obligatoire input, 
	#contenu form p.obligatoire textarea, 
	#contenu form p.obligatoire select { border: 1px solid #c8cb00; }
	#main form p input { }
	#main form p textarea { height: 10em; }
	#main form p select { }
	/* tous les champs checkbox */
	#main form p input[type="checkbox"] { width: auto; position: absolute; left: 0; margin: 0; }
	/* tous les champs radio */
	#main form p input[type="radio"] { width: auto; }
	
	/* bouton submit */
	#main form h4.btnenvoyer { font-size: 1em; }
	#main form h4.btnenvoyer input { 
		position: relative;
		margin-left: 280px; width: 220px; height: 37px;
		font-size: 1.4em; font-weight: bold; color: white;
		cursor: pointer;
		background: url(../images/btn-form.png) no-repeat; border: none;
	}
	#main form h4.btnenvoyer input:hover { background-position: 0 -37px; } 
	
	/* champs obligatoires */
	#main p.messobligatoire { clear: both; }
	#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 {
		padding-left: 0.7em;
		background: url(../images/etoile_obligatoire.png) no-repeat left top;
	}
	#main form fieldset.obligatoire label { padding: 0; background: none; }
	#main form p.obligatoire input { }
	#main form .obligatoire span.check {
		display: block; margin-bottom: 1.5em; padding-left: 1em;
		font-size: 1em; font-weight: normal; color: #cb0000;
		background: url(../images/fleche-top.png) no-repeat left center; 
	}
	#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{ }