/* CSS Document */
/* Définition des formulaire spéciaux ici */
#formLogin {
	width:500px;
	margin-left:auto;
	margin-right:auto;
}

/* Mise en forme des données de formulaire */
.titreForm, .piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	font: bold 1.1em arial, hevetica, sans-serif;
	color: #000;
	background: buttonface;
	margin: 0;
	padding: .5em;
}
.piedForm {
	text-align: right; /*** Les boutons sont alignés à droite ***/
}
.titreForm p,.piedForm p{
	margin:0;
	padding:0;
}
.piedForm input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-left: 1em;
}
.corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
  border: 1px dotted #D4D4D4;
  font: 12px Arial, Helvetica, sans-serif;
  padding: 5px;
  display: inline-block;
  }
.corpForm fieldset,#formConnect fieldset,#form_inscription fieldset{	/*** Mise en forme des cadres ***/
  border: 1px solid #790;
  padding: 10px;
  margin: 15px 0 0;
  }
.corpForm legend,#formConnect legend,#form_inscription legend{	/*** Mise en forme des titres des cadres ***/
  color: #790;
  font: small-caps bold 12px Arial, Helvetica, sans-serif;
  padding: 0 10px;
  }
.corpForm p {	/*** Mise en forme des lignes du formulaire ***/
  margin: 5px 0;
  clear: left;
  }
.corpForm label{	/*** Mise en forme des intitulés de champs ***/
  float: left;	/*** Très important, ne pas suprimer ! ***/
  width: 33%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
  text-align: right;	/*** ... et ils sont alignés à droite... ***/
  padding: 0 10px 0 0;
  font: 10px/18px Arial, Helvetica, sans-serif;
  }
.corpForm input,
.corpForm select,
.corpForm textarea{
  padding: 2px;
  font: 11px Arial, Helvetica, sans-serif;
  color: #555;
  border: 1px solid #B5B5B5;
  width: 200px;
  }
.corpForm textarea{
  height: 75px;
  }
.corpForm select{
  width: 206px;
  }
.corpForm select option{
  font: 11px/19px Arial, Helvetica, sans-serif;
  color: #555;
  }
.corpForm p.radiogroup label{
	float:none;
	text-align: left;
}
.corpForm label:hover, .piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
.corpForm label.oblig {
	font-weight: bold;	/*** Mise en évidence 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;
	vertical-align:middle;
}
.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 input:focus,
.corpForm select:focus,
.corpForm textarea:focus{	/*** Mise en avant des champs en cours d'utilisation ***/
  border: 1px solid #790;
  }
.corpForm input.bitmap{
  width: auto;
  border: none;
  }

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

.corpForm .alerte {	/*** Mis en évidence des champs mal renseignés ***/
	border: 1px solid red;
}
.corpForm .formError {	/*** Mise en forme des message d'alerte ***/
	display: block;
	margin: 0 0 .3em .3em;
	padding-left: 2em;
	color: red;
	font-weight: bold;
	background: url(../extranet/images/pictos/important.png) no-repeat left center;
}