body
{
   width: 900px;
   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: #000000;
}

.gros_bloc
{
   background-color: #ffffff;
}

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

.indication /*indication */
{    
   color: red;
   font-family: "Times New Roman", Times, serif;
   font-size: 0.8em; 
   margin-top:0px;
}

/* L'en-tête */

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

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

/* Le menu */

#menu
{
   float: left; /* Le menu flottera ı gauche */
   width: 100%; /* taille du menu */
   height: 30px;
   margin-bottom:50px;
   background-color: #900000;
   border: 1px solid #909090; 
   border-bottom:1px solid black;
   border-right:1px solid black;
}

.element_menu
{   
   margin-bottom: 50px; /* Pour ıviter que les ılıments du menu ne soient trop collıs */
   height: 30px;
   line-height:30px; /*hauteur de l'image de fond*/
   color:#DDDDDD;
   text-decoration:none;
}

/* Quelques effets sur les menus */

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

.element_menu label
{
   margin-left: 10px;
   margin-right: 5px;
   color: #DDDDDD;
}

.element_menu input.form_text /* champs de connexion */
{
	width: 100px;
}

.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 .texte /*texte dans les menus */
{    
   color: #00FFFF;
   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: none; /* On change l'apparence des puces */ 
   padding: 0px; /* Tous les cıtıs ont une marge intırieure de 0 pixels */
   margin: 0px; /* Idem pour margin, ıa nous ıvite d'avoir ı en ıcrire 4 (margin-left, margin-right...) */
   text-align:left;
}

.element_menu ul ul /* cache les sous-menus */
{
	background-color: #901010;
	display: none; 
	position: absolute;
   padding: 0px; /* Tous les cıtıs ont une marge intırieure de 0 pixels */
   margin: 0px; /* Idem pour margin, ıa nous ıvite d'avoir ı en ıcrire 4 (margin-left, margin-right...) */
   text-align: left;
	width: 198px;
   border: 1px solid #909090; 
}

.element_menu li
{
	list-style-type: none;
	width: 200px;
	float: left; /* Le menu flottera ı gauche */
   text-align: center;
   /* évite le décalage des boutons lors du survole de ses derniers */
   border-left: 1px solid #900000;
   border-right: 1px solid #900000; 
}
.element_menu li.niveau1:hover
{
	background-color: #903030;
	border: 1px solid #909090; 
}

.element_menu li:hover ul.niveau2 /* affiche les sous-menu */
{
	display: block;
}


.element_menu a /* Tous les liens se trouvant dans un menu */
{
   margin-left:20px;
   margin-right:10px;
   color: #DDDDDD;
   font-size: 0.8em;
}

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

.element_menu li ul li 
{
	float: none; /* Le menu flottera ı gauche */
	width:auto;
   text-align: left;
}

.element_menu ul.enregistrement	/* cas particulier du menu enregistrement */
{
	float: right;
}

.element_menu ul.enregistrement ul	/* cas particulier du sous-menu enregistrement */
{
	margin-left: -290px;
	width: 490px;
}
.bottom_left
{
	height:15px;
	width:15px;
	background: url(images/menu_bottom_left.gif) no-repeat;
	margin-top:-15px;
}
.bottom_right
{
	height:15px;
	width:15px;
	background: url(images/menu_bottom_right.gif) no-repeat;
	margin-top:-15px;
	float:right;
}

/* 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: #92e596;
}

label
{
   font-family: "Times New Roman", Times, serif;
   color: #2f385c; /* 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: #2f385c;
   font-weight: bold;
}
 
fieldset
{
   margin-bottom: 15px; /* Une marge pour séparer les fieldset */
   margin-left: 15px;
   margin-right: 15px;
   background-color: #bbc5ec;
   -moz-border-radius:10px;
   -webkit-border-radius: 10px; 
	border-radius: 10px;         
	-webkit-border-top-left-radius: 10px; /* pour Chrome */ 
	-webkit-border-top-right-radius: 10px; /* pour Chrome */

}

/* Le corps de la page */

#corps
{
   width: 900px;
   min-height:400px;
   margin-bottom: 20px; /* Ca c'est pour ıviter que le corps colle trop au pied de page en-dessous */
   margin-top: 40px; /* evite qu'il soit caché par le menu */
   padding: 0px; /* Pour ıviter que le texte ı l'intırieur du corps ne colle trop ı la bordure */
   padding-bottom: 30px;  
   
   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: 40px;
    background-position: 20px 0px;
}


#corps form fieldset
{
   margin-left: 20px;
   margin-right: 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 h3	/* position des bouttons */
{
	float: right;
	margin-top : 20px;
	margin-right : 20px;
}

#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: 890px;
   padding: 5px;
   clear: both;

   text-align: center;

   color: #101010;
}

#pied_de_page a img
{
    border: 0px;
}