@CHARSET "UTF-8";
@media screen{
	#contenu form {
		position: relative; margin: 2em 0 0 0; padding: 20px; width: 640px; 
		background: url(../images/f-form.png) no-repeat; 
	}	
	#contenu form fieldset { border : none; margin: 0; padding: 0; }
	#contenu form legend { display : none; }
	
	#contenu form p {
		position: relative;
		margin: 0.2em 0;
		font-size: 1.2em;
	}
	
	#contenu form p#fieldsetadresse_conteneur,
	#contenu form p#fieldsetville_conteneur {
		margin-left : 8px;
	}
	
	#contenu form p label {
		position:relative; width: 210px;
		vertical-align: top;
		display: -moz-inline-box; display: inline-block;
		font-size: 1em; line-height:1.2em;
	}
	
	#contenu form p label.radio { /*display: block;*/ width: auto; margin: 0.5em 0; }
	
	#contenu form p input, #contenu form p textarea, #contenu form p select {
		position: relative; padding: 2px 5px; width: 250px;
		border: 1px solid #e0e0e0;
		background: #fafafa;
	}
	#contenu form p input:hover, #contenu form p textarea:hover, #contenu form p select:hover { background: #f6f6f6; }	
	#contenu form p textarea {
		font-family: arial, verdana, "sans serif";
		height: 5em;
	}
	#contenu form p select { width: 260px; }
	
	/* tous les champs checkbox */
	#contenu form p input[type="checkbox"], #contenu form p label.radio input { width: auto; }
	/* tous les champs radio */
	#contenu form p input[type="radio"], #contenu form p label.radio input { width: auto; }
	
	/* bouton submit */
	#contenu form h4.btnenvoyer {
		position: relative; margin: 2em -20px -20px -20px; padding: 20px; width: 640px;
		font-size: 1em; text-align: center;
		background: url(../images/bas-form.png) no-repeat left bottom;
	}
	#contenu form h4.btnenvoyer input {
		height : auto; margin: 0 auto;
		background : transparent url(../images/fondBtnSubmit.png) repeat-x 0 -1px;
		border : 1px solid #7f9db9;
		font-weight : bold;
		text-transform : lowercase; 
		cursor: pointer; 
	}
	
	/* champs obligatoires */
	#contenu p.messobligatoire {
		font-size : 0.95em;
		text-align : center; color: #999;
	}
	#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: 10px; width: 200px;
		background: url(../images/etoile_obligatoire.png) no-repeat left top;
	}
	#contenu form p.obligatoire input { }
	#contenu form p.obligatoire span {
		position: relative; margin-left: 10px; padding: 0 2px 0 10px; width: 145px;
		vertical-align: middle;
		display: -moz-inline-box; display: inline-block;
		font-size: 0.9em; line-height: 18px; color: #ed3598;
		background: url(../images/f-obligatoire.png) no-repeat;
	}
	#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{ }