/* CSS Document */

/*** ... Mise en page du formulaire effectuée en suivant le tutoriel et en reprenant le code de Fred Cavazza http://www.fredcavazza.net/doc/tutoriels/formulaire/SVF_intro.htm ... ***/
	
	
	
	#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
		margin: 0;
		padding: 1em;
	}
	#corpForm fieldset {	/*** Mise en forme des cadres ***/
		margin: 0;
		color:#999999;
		font-style: normal;
		padding: 0 1em 1em;
	}
	#corpForm legend {	/*** Mise en forme des titres des cadres ***/
		font-weight: bold;
		color: #999999;
		background: transparent;
	}
	#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
		padding: .2em 0;
		margin: 0 0 .2em 0;
	}
	#corpForm fieldset#expediteur label {	/*** Mise en forme des intitulés de champs ***/
		color: #999999;
		float: left;	/*** Très important, ne pas suprimer ! ***/
		width: 40%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
		text-align: right;	/*** ... et ils sont alignés à droite... ***/
		margin: 0;
		padding: 0 .5em 0 0;
		line-height: 1.8;	/*** ... et centrés verticalement. ***/
	}
	#corpForm label:hover, #piedForm input {
		cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
	}
	
	#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
		background: #fef4fb;
		color: black;
	}
	#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
		background: white;
		color: black;
	}
	
	#corpForm a.aide {	/*** Mise en forme des bulles d'aide ***/
		text-decoration: none;
	}
	#corpForm a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
		margin: 0;
		padding: 0;
		border: 0;
	}
	#corpForm a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
		cursor: help;
	}
	
	#corpForm .legende_correct {
		font-style: italic;
		padding: 0 0 0 15px;
		color: gray;
		background: url(./img/ok.gif) no-repeat;
	}
	#corpForm .legende_uncorrect {
		 font-style: italic;
		 padding: 0 0 0 15px;
		 color: red;
		 background: url(./img/ko.gif) no-repeat;
	}