@CHARSET "UTF-8";
@media screen{
	#contenu form { margin: 1em 60px 1em 130px; padding: 0.5em; font-family: Verdana, Arial, Helvetica, sans-serif; }
	#contenu form fieldset {
		position: relative; float: left; margin: 5px; padding: 10px; width: 45%;
		border: 1px solid #D4DB5D; border-bottom: 2px solid #D4DB5D; border-right: 2px solid #D4DB5D;
		background: white;
	}
	#contenu form legend { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.5em; font-weight: bold; color: #E75596; }
	#contenu form p { position: relative; font-size: 1.2em; margin: 0.6em 0; }
	#contenu form p label {
		position: relative; display: -moz-inline-box; display: inline-block;
		font-size: 1em; line-height:1.2em; width: 100%;
		vertical-align: top;
	}
	#contenu form fieldset:first-child p label { width: 7em; }
	#contenu form p label.radio { display: block; width: auto; }
	#contenu form p input, #contenu form p textarea, #contenu form p select {
		position: relative; width: 19em;
		background: white;
		border: 1px solid #D4DB5D; border-top: 1px solid #eff1c5; border-left: 1px solid #eff1c5;
	}
	#contenu form p input { }
	#contenu form p textarea { width: 100%; height: 8em; }
	#contenu form p select { width: 100%; }
	#contenu form fieldset:first-child p select { width: 19em; }
	
	/* bouton submit */
	#contenu form h4.btnenvoyer { position: relative; margin: 0.5em 0; text-align: center; font-size: 1em; }
	#contenu form h4.btnenvoyer input {
		position: relative; margin: 0; padding: 0; width: 233px; height: 20px; line-height: 20px;
		font-size: 1.4em; font-weight: bold; color: white;
		background: url(../images/f-btnsubmit.png) no-repeat;
		border: none;
		cursor: pointer;
	}
	form#formContact h4.btnenvoyer input:hover { color: #fdc60c; }
	
	/* champs obligatoires */
	#contenu p.messobligatoire { 
		position: relative; display: block; clear: left;
		font-style: italic; font-size: 1.2em; color: #D4DB5D;
	}
	#contenu form p.obligatoire, #contenu p#erreur_contact { }
	#contenu form .obligatoire label, #contenu form .obligatoire legend {	
		font-weight: bold;
		background: url(../images/etoile_obligatoire.png) no-repeat right top;
	}
	#contenu form fieldset:first-child .obligatoire label { background-position: 6.2em top; }
	#contenu form p.obligatoire input { }
	#contenu form p.obligatoire span {
		position: relative; display: block; margin: 0.5em 0 1.5em 0; padding-left: 1em;
		color: #999;
		background: url(../images/puce-top.png) no-repeat 4px center;
	}
	#contenu 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{
  /* ... définition de formats pour l'impression ... */
}