@CHARSET "UTF-8";
@media screen{
	#contenu form { width: 560px; margin: 2em 0; }
	#contenu form fieldset { border: none; }
	#contenu form legend { font-size: 1.4em; font-weight: bold; color: #5CC5ED; margin: 0; padding: 0; }
	#contenu form p { position: relative; font-size: 1.2em; margin: 3px 0; }
	#contenu form p label {
		position:relative; display: -moz-inline-box; display: inline-block;
		font-size: 1em; line-height:21px; color: white;
		width: 8em; vertical-align: top;
	}
	#contenu form p label.radio { display: block; width: auto; }
	#contenu form p input {
		position: relative; padding: 0 5px; width: 250px; height: 21px;
		background: url(../images/f-input-logGnrl.png) no-repeat; border: none;
	}
	#contenu form p textarea {
		height: 5em;
	}
	#contenu form p select {
	}
	
	/* bouton submit */
	#contenu form h4.btnenvoyer { font-size: 1em; }
	#contenu form h4.btnenvoyer input {
		position: relative; margin-left: 330px; padding: 0; width: 27px; height: 21px;
		font-size: 1em; font-weight: bold; color: white;
		background: url(../images/f-submit-log2.png) no-repeat; border: none;
		cursor: pointer;
	}
	#contenu form h4.btnenvoyer input:hover { background-position: 0 -21px; }
	
	/* champs obligatoires */
	#contenu p.messobligatoire { clear: both; visibility: hidden; }
	#contenu form p.obligatoire, #contenu p#erreur_contact {/*les erreurs PHP sont identifier en id erreur_contact*/
	}
	#contenu form p.obligatoire label {	
		/*width: 14.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 { }
	#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 ... */
}