h1 {color:#FF6600;font-weight:bold;font-size:2em;margin:0;padding:0}
/* formulaire.php */
p#note {
	border-bottom: 1px dotted black;
	padding: 1em;background:#F7F7F7;margin:0 1em 1em 1em;
}
p#note img{
float:left;padding: 1em;
}
#inscription { 
   border: none; 
   margin: auto;  
   padding: 0; 
   width: 600px;   /*** Largeur du formulaire ***/ 
} 
 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; 
   height: 2em; 
   line-height: 1.8;   /*** ... et centres verticalement. ***/  
} 
 fieldset#secu img {   /*** Image captcha ***/  
   margin-left: 31%;   /*** Les intitules prennent 1/3 de la largeur totale du formulaire... ***/ 
} 
label.oblig { 
   font-weight: bold;   /*** Mise en  evidence des champs obligatoires ***/  
} 
label, #piedform input { 
   cursor: pointer ;   /*** Petite astuce pour   apprendre aux utilisateurs a cliquer sur les intitules ***/  
} 
.legende {   /*** Mise en forme des aides contextuelles ***/  
   font-style: italic; 
   color: #666; 
   background: transparent;  
   margin: 0; 
   padding: 0; 
} 
  legend strong{ /*** Mise en forme des titres des  cadres ***/  
   background: transparent; 
   color:#6DAC0A 
} 
#piedform {background: #4A1B4B; 
   text-align: right; /*** Les boutons sont alignes a droite ***/  
   margin: 0; 
   padding: .5em; 
} 
#piedform input { 
   font-weight: bold; /*** Pour ameliorer la lisibilite des boutons ***/ 
   margin-right: 1em; 
} 
 .alerte {   /*** Mis en evidence des champs mal renseignes ***/  
   border: 1px solid red; 
} 
/* --------- */