/* CSS Document */

/*** Mise en forme des formulaires ***/

#login {
	border: none;
	margin: 0;
	padding: 0;
	/***width: 30em;	Largeur du formulaire ***/
}
#titreForm, #piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	font: bold 10px arial, hevetica, sans-serif;
	color: #FFA500;
	background: #FFFFFF;
	margin: 0;
	padding: 5px;
	background-image:url(../img/coin_bas.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}
#piedForm {
	text-align: right; /*** Les boutons sont alignés à droite ***/
	margin-bottom:0px; /*** Non compris par IE 7 ***/
}
  
#piedForm input {
	/*** font-weight: bold; Pour améliorer la lisibilité des boutons ***/
	margin-left: 5px;
}
#piedForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	font-size:1em; 
	border:1px solid #333333;
	background:url(../img/fd_bouton.gif);
	color: black;	
}
#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 1px solid #777;
	color: black;
	/*background: #efefef;*/
	margin: 0;
	padding: .5em;
}
#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
	border-color:#CCC;
}
#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: #777;
	background: transparent;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
	font-size:1em; 
}
#corpForm fieldset#log_form label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 50%;	/*** 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 ***/
	font-size:1em; 
	border:1px solid black;
	background: #FFC;
	color: black;
}
#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	font-size:1em; 
	border:1px solid #D8D8D8;
	background: white;
	color: black;
}
#corpForm .a {	/*** Retour à l'état normal après l'utilisation ***/
	color: black;
}

#inscript01 label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 35%;	/*** 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.6;	/*** ... et centrés verticalement. ***/
}

#inscript02 label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 35%;	/*** 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.6;	/*** ... et centrés verticalement. ***/
}

#corpForm_noborder fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
	border: 0px;
	/*border-color:#333333;*/
}

#corpForm_noborder fieldset#contact_form label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 200px;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	min-width:200px;
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
	font-weight:bold;
}

#corpForm_noborder .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	font-size:1em; 
	border:1px solid black;
	background: #FFC;
	color: black;
}
#corpForm_noborder .normal {	/*** Retour à l'état normal après l'utilisation ***/
	font-size:1em; 
	border:1px solid #D8D8D8;
	background:#FFFFFF;
	color: black;
}
#corpForm_noborder .submit {	/*** Retour à l'état normal après l'utilisation ***/
	font-size:1em; 
	background-color:#D8D8D8;
	color: black;
	font-weight:bold;
}

.submit {	/*** Retour à l'état normal après l'utilisation ***/
	font-size:1em; 
	border:1px solid #777;
	background:url(../img/fd_bouton.gif);
	color: black;
}

.submit_120 {	/*** Retour à l'état normal après l'utilisation ***/
	font-size:1em; 
	border:1px solid #333333;
	background:url(../img/fd_bouton.gif);
	color: black;
	width:15Opx;
}

.champ_off {	/*** Retour à l'état normal après l'utilisation ***/
	font-size:1em; 
	border:1px solid #777;
	background:#FFFFFF;
	color: black;
}

.champ_on {	/*** Retour à l'état normal après l'utilisation ***/
	font-size:1em; 
	border:1px solid #333333;
	background:#FFC;
	color: black;
}

#corpGlossaire {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 1px solid #D8D8D8;
	color: black;
	/*background: #efefef;*/
	margin: 0;
}

.champ_liste {	/*** Retour à l'état normal après l'utilisation ***/
	font-size:1em; 
	border:1px solid #333333;
	background:#FFFFFF;
	color: black;
}

#logForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	font-size:1em; 
	border:1px solid black;
	background: beige;
	color: black;
}
#logForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	font-size:1em; 
	border:1px solid #CCCCCC;
	background: #777777;
	color: silver;
}

#logForm .submit {	/*** Retour à l'état normal après l'utilisation ***/
	font-size:1em; 
	border:1px solid #CCCCCC;
	background:url(../img/fd_bouton.gif);
	color: black;
}

#logForm .a, .a:visited {
  text-decoration:none;
  color:#777;
  font-size:10px;
  }

#logForm .a:hover {
  color:black; 
  text-decoration:underline;
  font-size:10px;
  }