@CHARSET "UTF-8";
@media screen{
	#contenu form { margin: 20px; }
	#contenu form fieldset {
		position: relative; float: left; display: inline; margin-right: 10px; padding: 5px; width: 217px; height: 46em;
		border: none; background: #dcd4dc; border-top: 5px solid #745274; 
	}
	#contenu form fieldset fieldset { 
		float: none; margin: 0.5em 0; padding: 5px; width: auto; height: auto;
		border: 1px solid #745274; 
	}
	#contenu form legend { display: block; font-size: 1.4em; font-weight: bold; color: #745274; }
	#contenu form p { position: relative; margin: 0 0 0.5em 0; font-size: 1.2em; }
	#contenu form ul { position: relative; margin: 0 0 0.5em 0; padding: 0; list-style: none; }
	#contenu form p label {
		position:relative; display: block; margin-bottom: 5px;
		font-size: 1em; line-height:1.2em; color: #666;
	}
	#contenu form p label.radio { display: block; width: auto; }
	#contenu form p input, 
	#contenu form p textarea, 
	#contenu form p select { position: relative; margin: 0 auto; border: 1px solid #745274; padding: 2px; width: 205px;  }
	#contenu form p textarea { height: 28em; }
	#contenu form p input:hover, 
	#contenu form p textarea:hover, 
	#contenu form p select:hover,
	#contenu form p input:focus, 
	#contenu form p textarea:focus, 
	#contenu form p select:focus {  }
	#contenu form p input[value=""] {  }

	/* tous les champs checkbox */
	#contenu form p input[type="checkbox"] { width: auto; }
	/* tous les champs radio */
	#contenu form p input[type="radio"] { width: auto; }
	
	/* bouton submit */
	#contenu form h4.btnenvoyer { position: relative; margin: 1em auto; font-size: 1em; font-weight: normal; text-align: center; }
	#contenu form h4.btnenvoyer input {
		padding: 0; width: 250px; height: 44px; line-height: 44px; 
		background: url(../images/btn-envoyer2009.png); 
		border: none; cursor: pointer;
		color: white; font-weight: bold; font-size: 1.3em; text-transform: uppercase; 
	}
	#contenu form h4.btnenvoyer input:hover { background-position: 0 -44px; color: white; }
	
	/* champs obligatoires */
	#contenu p.messobligatoire { clear: left; }
	#contenu form p.obligatoire, #contenu p#erreur_contact {/*les erreurs PHP sont identifier en id erreur_contact*/
	}
	#contenu form .obligatoire label {
		padding-left: 0.7em;
		background: url(../images/etoile_obligatoire.png) no-repeat left top;*/
		color: black;
	}
	#contenu form .obligatoire legend { }
	#contenu form p.obligatoire input { }
	#contenu form p.obligatoire span {
		position: absolute; right: 10px; /*top: 0;*/ margin-top: -20px; width: 20px; height: 30px;
		font-size: 0;
		background: url(../images/obligatoire.png);
	}
	#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{ }