@charset "UTF-8";

@media screen{
	#contenu form { margin: 1em 0; }
	#contenu form fieldset { background: #D7E588; border: none; padding: 0.5em; }
	#contenu form legend { }
	#contenu form p {
		position: relative;
		font-size: 1.2em;
		margin: 0.2em 0;
	}
	#contenu form p label {
		position:relative;
		display: -moz-inline-box;
		display: inline-block;
		font-size: 1em;
		line-height:1.2em;
		width: 10em;
		vertical-align: top;
	}
	#contenu form p label.radio {
		display: block;
		width: auto;
	}
	#contenu form p input, #contenu form p textarea { width: 22em; }
	#contenu form p select { width: 22.4em; }
	#contenu form p textarea { width: 22em; height: 5em; }
	
	/* bouton submit */
	#contenu form h4.btnenvoyer { text-align: center; }
	#contenu form h4.btnenvoyer input {
		width: 150px; height: 18px;
		background: #96a822 url(../images/f-submit-recherche.png) repeat-x;
		border: 1px solid #8EA01B;
		cursor: pointer; 
		font-size: 0.8em;
	}
	
	/* champs obligatoires */
	#contenu p.messobligatoire { font-size: 0.8em; font-style: italic; }
	#contenu form p.obligatoire, #contenu p#erreur_contact {/*les erreurs PHP sont identifier en id erreur_contact*/
		font-weight: bold;
	}
	#contenu form p.obligatoire label {	
		width: 9.3em;
		padding-right: 0.7em;
		background: url(../images/etoile_obligatoire.png) no-repeat right top;
	}
	#contenu form p.obligatoire input {
	}
	#contenu form p.obligatoire span { font-size: 0.8em; font-style: italic; color: red; }
	#contenu form p.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{
  /* ... définition de formats pour l'impression ... */
}