@charset "UTF-8";

@media screen{
	#contenu form {
		position: relative; padding: 7px; width: 680px; background: url(../images/f-contact.png) no-repeat;
	}
	#contenu  form#formDeconnexion { background: none; }
	#contenu form#formCoordonnees { margin-bottom: 2em; }
	#contenu form#formCoordonnees .message { display: none; }
	#contenu form fieldset { width: 666px; border: none; border-bottom: 1px solid white; margin: 0 0 1em 0; padding: 0 0 10px 0; }
	#contenu form legend { font-size: 1.6em; font-weight: bold; color: #00898f; margin-bottom: 1em; }
	#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: 15em;
		vertical-align: top;
	}
	#contenu form p label.radio { display: block; width: auto; }
	#contenu form p input, #contenu form p textarea, #contenu form p select {
		position: relative;
		width: 22em;
		height: 1.2em;
	}
	#contenu form p label.radio input { width: auto; height: auto; }
	#contenu form p textarea {	height: 5em;}
	#contenu form p select { width: 22.4em; height: 1.6em; }
	
	/* bouton submit */
	#contenu form h4.btnenvoyer { font-size: 1em; text-align: center; }
	#contenu form h4.btnenvoyer input {
		position: relative; margin: 0 auto;
		width: 200px; height: 20px;
		background: url(../images/btn-send.png) no-repeat; color: white;
		border: none;
		cursor: pointer;
	}
	
	/* champs obligatoires */
	#contenu p.messobligatoire { font-style: italic; color: #00898f; }
	#contenu form p.obligatoire {	}
	#contenu form p.obligatoire label { font-weight: bold; }
	#contenu form p.obligatoire input {	}
	#contenu form p.obligatoire span { color: red; font-size: 0.8em;	}
	
	.message { }
	.messageConfirmation, .messageAlert {
		padding: 1em; margin: 1em 0;
		font-size: 1.4em; font-weight: bold; text-align: center; 
		border: 1px solid #00898e; background: #daeac8; color: #00898e;
	}
	.messageConfirmation { }
	.messageAlert { border: 1px solid red; background: white; color: red; }
	
	
	p#message_envoye { position: relative; clear: left; font-size: 1.2em; font-weight: bold; margin: 2em 0; padding: 1em; border: 1px solid #DAEAC8; }
}
@media print{

}