@CHARSET "UTF-8";
@media screen{
	#contenu form {
		position : relative;
		width : 800px;
		margin-left : 80px;
		padding : 10px;
		background : #504242;
	}
	#contenu form fieldset {
		width : 380px;
		border : none;
	}
	
	#contenu form fieldset#fieldset_0 { float : left; margin-left : 5px;}	
	
	#contenu form legend { display : none; }
	#contenu form p { position: relative; margin: 0.2em 0; font-size: 1.2em; }
	#contenu form p label {
		position:relative; width: 15em; vertical-align: top;
		display: -moz-inline-box; display: inline-block;
		font-size: 1em; line-height:1.2em;
		padding-left: 0.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: 26em; }
	#contenu form p input {  height : 18px; border : 1px solid black;}
	#contenu form p input:hover {  height : 18px; border : 1px solid #f66b0e;}
	#contenu form p input:focus {  height : 18px; border : 1px solid red;}
	#contenu form p textarea { height: 20.5em; border : 1px solid black;}
	#contenu form p textarea:hover { border : 1px solid #f66b0e;}
	#contenu form p textarea:focus { border : 1px solid red;}
	#contenu form p select { }
	/* 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 { clear : both; font-size: 1em; text-align : center;}
	#contenu form h4.btnenvoyer input {
		cursor: pointer;
		border : none;
		width : 112px;
		height : 30px;
		background : url(../images/envoyer.png);
	}
	
	#contenu form h4.btnenvoyer input:hover { color : white; }
	
	/* champs obligatoires */
	#contenu p.messobligatoire { font-size : 0.9em; margin-left : 10px;}
	#contenu form p.obligatoire,
	#contenu p#erreur_contact {/*les erreurs PHP sont identifier en id erreur_contact*/
	}
	#contenu form .obligatoire label,
	#contenu form .obligatoire legend {
		padding-left: 0.7em;
		background: url(../images/etoile_obligatoire.png) no-repeat left top;
	}
	
	#contenu form p.obligatoire input { }
	#contenu form p.obligatoire span { 
		position : absolute;
		left : 21em;
		top : 16px;
		display : block;
		min-height : 22px;
		height : auto ! important;
		height : 22px;
		line-height : 20px;
		margin-top : 0;
		padding : 0 5px 0 5px;
		background : #f66b0e;
		color : black;
		font-size : 0.8em;
		z-index : 100;
	}
	#contenu form .obligatoire em.etoile_obligatoire  { position: absolute; top: 0; left: -999em; }
	
	.message, .messageConfirmation, .messageAlert { }
	
	p#message_envoye { margin-left : 80px; font-size: 1.2em; font-weight: bold; color : #79cb36;}
}
@media print{ }