body#acces{
text-align:center;
width:500px;
margin: 50px auto;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
}
#acces_back p {	/*** Mise en forme des lignes du formulaire ***/
padding: 3px 0;
margin: 0 0 3px 0;
}
#acces_back {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
text-align: left;
margin: 0px;
padding: 0px;
}
#acces_back fieldset {	/*** Mise en forme des cadres ***/
border:1px solid #646464;
margin: 15px ;
padding: 15px ;
}
#acces_back legend {	/*** Mise en forme des titres des cadres ***/
font: bold 13px arial;
color: #004C99;
margin: 0px 8px 0px 8px;
padding: 0px 0px 0px 0px;
line-height:40px;
}
#acces_back fieldset#login label {	/*** Mise en forme des intitulés de champs ***/
float: left;	/*** Très important, ne pas suprimer ! ***/
width: 100px;	/*** 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 5px 0 0;
line-height: 18px;
}
#acces_back .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
background: #efefef;
color: black;
}
#acces_back label:hover {
cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
#acces_back  input.valider_acces {	/*** Mise en forme des titres des cadres ***/
font: bold 11px arial;
color: #000000;
margin: 0px 0px 0px 105px;
padding: 0px 0px 0px 0px;
}
#acces_back .legende {	/*** Mise en forme des aides contextuelles ***/
font-style: italic;
color: #ff0000;
margin: 0;
padding: 0;
}