body
{
   width: 760px;
   margin: auto; /* Pour centrer notre page */  
   margin-top: 20px; /* Pour ıviter de coller avec le haut de la fenıtre du navigateur*/
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-color: #C0C0C0;
}

.gros_bloc
{
   background-color: #ffffff;
   
   border: 1px solid #b5b6b5; 
   border-bottom:1px solid black;
   border-right:1px solid black;
   -moz-border-radius:20px;
}

.liste
{
    text-align: left;
    font-family: "Times New Roman", Times, serif;
}

.indication /*indication */
{    
   color: red;
   font-family: "Times New Roman", Times, serif;
   text-align: center;
   font-size: 0.8em; 
}

/* L'en-tête */

#en_tete
{
   width: 800px;
   height: 132px;
   background-image: url("images/banniere.jpg");
   background-repeat: no-repeat; 

   margin: auto;
   margin-bottom: 10px;
}

/* Le menu */

#menu
{
   float: left; /* Le menu flottera ı gauche */
   width: 170px; /* taille du menu */
}

.element_menu
{   
   margin-bottom: 20px; /* Pour ıviter que les ılıments du menu ne soient trop collıs */
}

/* Quelques effets sur les menus */

.element_menu form /* Tous les formulaires de menus */
{    
   color: #101010;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menu h3 /* Tous les titres de menus */
{    
   color: #101010;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menu h2 /* Tous les titres de menus */
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: #333333;
   font-weight: bold;
   font-size: 0.8em;

   background: url("images/dossier.gif") no-repeat 20px 0px;
   
   padding: 0px;
   padding-left: 40px;
   text-align: left;
}

.element_menu .texte /*texte dans les menus */
{    
   color: #101010;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   font-size: 0.9em;
}

.element_menu ul /* Toutes les listes ı puces se trouvant dans un menu */
{
   list-style-image: url("images/puce2.gif"); /* On change l'apparence des puces */ 
   padding: 0px; /* Tous les cıtıs ont une marge intırieure de 0 pixels */
   padding-left: 30px; /* ... mais on modifie ensuite la marge de gauche, donc celle-lı fera finalement 20 pixels */
   margin: 0px; /* Idem pour margin, ıa nous ıvite d'avoir ı en ıcrire 4 (margin-left, margin-right...) */
   margin-bottom: 5px; /* Mıme chose que tout ı l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont ı 0px */
}

.element_menu li:hover  /* puce survolı par la souris */ 
{
    list-style-image: url("images/puce.gif"); /* On change l'apparence des puces */ 
} 

.element_menu a /* Tous les liens se trouvant dans un menu */
{
   color: #555555;
   font-size: 0.8em;
}

.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #DDDDDD;
   color: black;
}

/* Effets sur les formulaires */

input, textarea, select
{
   font-family: "Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */ 
   font-size: 1em;
}

.form_text
{
   width: 80%;
}

input:focus, textarea:focus, select:focus /* Quand le curseur est sur un champ */
{
   background-color: #FFFF99;
}

label
{
   font-family: "Times New Roman", Times, serif;
   color: blue; /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */ 
} 

legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: #FF9933;
   font-weight: bold;
}
 
fieldset
{
   margin-bottom: 15px; /* Une marge pour séparer les fieldset */
   background-color: #FFFFCC;
}

/* Le corps de la page */

#corps
{
   width: 585px;
   min-height:400px;
   margin-left: 190px; /* Une marge ı gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 20px; /* Ca c'est pour ıviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour ıviter que le texte ı l'intırieur du corps ne colle trop ı la bordure */
   padding-bottom: 30px;   
   padding-right: 20px;
   
   color: #222222;
}

#corps a /* Tous les liens se trouvant dans un menu */
{
   color: #555555;
}

#corps a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #DDDDDD;
   color: black;
}

#corps p /* Tous les paragraphes du corps */
{
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps  table 
{
   margin-left: 40px;
   color: #222222;
   text-align: left;
   border-collapse: collapse;
   font-family: "Times New Roman", Times, serif;
}

#corps #alltickets td 
{
    padding: 10px;
}

#corps #unticket
{  
    margin-left: 270px;
}

#corps .dark
{
    background-color: #dddddd;
    width : 90%;
}

#corps .used
{
    background: url("images/puce.gif") no-repeat 0px 3px;
    padding-left:20px;
    width: 130px;
    color: black;
    font-size: 1.2em;
    vertical-align: top;
}

#corps .unused
{
    background: url("images/puce2.gif") no-repeat 0px 3px;
    padding-left:20px;
    width: 130px;
    color: black;
    font-size: 1.2em;
    vertical-align: top;
}

#corps .indication 
{
   font-family: "Times New Roman", Times, serif;
   color: red;
}

#corps .members
{
    padding-left: 290px;
    background-position: 270px 0px;
}

#corps form fieldset
{
   margin-left: 20px;
}

#corps form .retrait
{
   margin-left: 290px;
   width: 250px;
}

#corps h1 /* Tous les titres h1 du corps */
{
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2 /* Tous les titres h2 du corps */
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: #333333;
   font-weight: bold;
   font-size: 0.8em;
   
   background: url("images/dossier.gif") no-repeat 10px 0px;
   
   padding: 0px;
   padding-left: 30px;
   text-align: left;
}

#corps table h2, #corps table caption
{
    background: url("images/dossier.gif") no-repeat 0px 0px;
    margin : 0px;   
    padding: 0px;
    padding-left : 30px;
}

#corps img /* Toutes les images du corps */
{
    float: left;
}

/* Le pied de page */

#pied_de_page
{
   width: 790px;
   padding: 5px;
   clear: both;

   text-align: center;

   color: #101010;
}

#pied_de_page a img
{
    border: 0px;
}