/*** Mise en forme du formulaire ***/  
#contact { 	
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 1.1em times, hevetica, sans-serif;
color: white;
background: #0066CC;
margin: 0;
padding: .5em; 
} 
#piedForm {
text-align: right; /*** Les boutons sont alignés à droite ***/ 
} 
#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 solid black; 	
color: black; 	
background: #F8F6E1; 	
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 intitulés de champs ***/ 	
float: left;	/*** Très important, ne pas suprimer ! ***/ 
width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/ 	
text-align: left;	/*** ... et ils sont alignés à gauche... ***/ 	
margin: 0; 	
padding: 0 .5em 0 0; 	
line-height: 1em;	/*** ... et centrés verticalement. ***/ 
} 
#corpForm fieldset#Postedetail label {	/*** Mise en forme des intitulés de champs ***/ 	
float: left;	/*** Très important, ne pas suprimer ! ***/ 	
width: 40%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/ 	
text-align: left;	/*** ... et ils sont alignés à gauche... ***/ 	
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 ***/ 
}