/*** Mise en forme de la page ***/

p#notes {
	border-bottom: 1px dotted black;
	padding-bottom: 1em;
}
p#footer {
	border-top: 1px dotted black;
	padding-top: 1em;
}
/*** Mise en forme du formulaire ***/

#inscription {
	border: none;
	margin: auto;
	/*padding: auto;*/
	width: auto;	/*** Largeur du formulaire ***/
}
#titreform h2, #piedform {	/*** Mise en forme du titre et du pied de formulaire ***/
	font-weight: bold;
	font-size: 1.2em;
	color: white;
	margin: 0;
	padding: .5em;
}
#titreform{background: #586CA6;
}
#piedform {background: #586CA6;
	text-align: right; /*** Les boutons sont alignes a droite ***/
}
#piedform input {
	font-weight: bold; /*** Pour ameliorer la lisibilite des boutons ***/
	margin-right: 2em;
}
#corpform {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 1px solid #586CA6;
	color: black;
	background: #F7F7F7;
	margin: 0;
	padding: 1em;
}
#corpform fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}
#corpform legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	background: transparent;
}
#corpform p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#corpform fieldset#coordonnees label {	/*** Mise en forme des intitules de champs ***/
	float: left;	/*** Tres important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitules prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignes a droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centres verticalement. ***/
}
#corpform input,#corpform textarea{
background: #fff;
}
#corpform label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs a cliquer sur les intitules ***/
}
#corpform label.oblig {
	font-weight: bold;	/*** Mise en evidence des champs obligatoires ***/
}
#corpform .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}
#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 .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: #F5F5E3;
	color: black;
}
#corpform .normal {	/*** Retour a l'etat normal apres l'utilisation ***/
	background: white;
	color: black;
}

/*** Mise en forme des messages d'erreur ***/

#corpform .alerte {	/*** Mis en evidence des champs mal renseignes ***/
	border: 1px solid red;
}
#corpform .messageAlerte {	/*** Mise en forme des message d'alerte ***/
	display: block;
	margin: 0 0 .3em .3em;
	padding-left: 2em;
	color: red;
	font-weight: bold;
	background: url('icon_alert.gif') no-repeat left center;
}