@CHARSET "UTF-8";
@media screen{
	#contenu form {
		font-size: 1.2em;
		width: 740px;
		margin: 0 0 0 100px;
		padding: 0;
		background: url(../images/f-formulaire-haut.png) left top;
	}
	#contenu form fieldset {
		float: left;
		width: 320px;
		margin: 15px;
		padding: 0;
		border: none;
	}
	#contenu form fieldset fieldset{width: 200px;}
	#contenu form fieldset fieldset legend, #contenu form fieldset fieldset label{font-size: 1.2em;}
	#contenu form fieldset fieldset ul {list-style: none;}	
	#contenu form fieldset fieldset ul li{float: left; display: inline; border:1px solid red;}	
	#contenu form legend {font-size: 1.2em; color: #243689; font-weight: bold;}
	#contenu form p {
		position: relative;
		font-size: 1.2em;
		margin: 0.2em 0;
	}
	#contenu form p label {
		position:relative;
		display: -moz-inline-box;
		display: inline-block;
		font-size: 1em;
		line-height:1.2em;
		width: 143px;
		margin: 0 0 0 7px;
		vertical-align: top;
		border-bottom: 1px dotted #aaa;
	}
	#contenu form p label.radio {
		display: block;
		width: auto;
	}
	#contenu form p input, #contenu form p textarea, #contenu form p select {
		position: relative;
		width: 150px;
		border: 1px solid #0f1b5f;
	}
	#contenu form p#contactmessage_conteneur label{width: 313px;}
	#contenu form p#contactautre_conteneur label{padding: 0 0 0 35px; width: 126px;}
	
	#contenu form p textarea {
		width: 313px;
		margin: 15px 0 0 7px;
		height:10em;
	}
	#contenu form p select {width: 152px;}
	/* bouton submit */
	#contenu form h4.btnenvoyer {
		background: url(../images/f-formulaire-bas.png) left bottom;
		height: 105px;
		text-align: center;
		font-size: 1em;
		margin: 0;
	}
	#contenu form h4.btnenvoyer input {
		cursor: pointer;
		font-size: 1.4em;
	}
	
	/* tous les champs checkbox */
	#contenu form p input[type="checkbox"] { width: auto; border: none;}	
	/* tous les champs radio */
	#contenu form p input[type="radio"] { width: auto; }
	/* champs obligatoires */
	#contenu p.messobligatoire {clear: left; margin: 0 0 0 15px;}
	#contenu form p.obligatoire, #contenu p#erreur_contact {/*les erreurs PHP sont identifier en id erreur_contact*/
	}
	#contenu form p.obligatoire label, #contenu form fieldset.obligatoire legend{	
		width: 133px;
		padding-right: 0.7em;
		background: url(../images/etoile_obligatoire.png) no-repeat  128px 0;
	}
	#contenu form p.obligatoire input {
		
	}
	#contenu form p.obligatoire span {display: block; margin: 10px 20px 10px 7px; background-color: #ffc; color: red;  }
	#contenu form em.etoile_obligatoire  {
		position: absolute;
		top: 0;
		left: -999em;
	}
	p#erreur_contact { margin: 0 0 0 106px; font-size: 1.4em; color: red; font-weight: bold; line-height: 1.6em;}
	.message, .messageConfirmation, .messageAlert { }
	
	p#message_envoye { text-align: center; font-size: 4em; font-weight: bold; color: #483873;}
}
@media print{
  /* ... définition de formats pour l'impression ... */
}