body
{
   width: 1200px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-color: #d6d6d6;
   background-color: black;/**/
   background-image: url("site/fond/fond.jpg");/**/
}
#en_tete
{
   width: 1200px;
   height: 125px;
   background-image: url("site/bandeau.jpg");
   background-repeat: no-repeat;
}

#bandeau img /* les images dans les menus */
{
border: none;
}

#menu_gauche
{
   float: left; /* Le menu flottera à gauche */
   width: 150px; /* Très important : donner une taille au menu */
}

#menu_droit
{
   float: right; /* Le menu flottera à gauche */
   width: 150px; /* Très important : donner une taille au menu */
}

div#menu {background-color: #c0c0c0; width: 150px;}
div#menu ul {padding: 0; width: 150px; border:1px solid; margin:0px;}
div#menu ul li {position:relative; list-style: none; border-bottom:1px solid;}
div#menu ul ul {position: absolute; top: 0; left: 150px;background-color: #c0c0c0; display:none}
div#menu li a {text-decoration: none;}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;} 
div#menu a {color:#000000} /* couleur du texte noir */
div#menu li:hover {background: #EDD;}
div#menu li.sousmenu:hover {background: #EBB;}  
div#menu li.sousmenu {background: url(fleche2.gif) 95% 50% no-repeat;} 
div#menu li a {
               text-decoration: none;
               padding: 4px 0 4px 8px;
               display:block; border-left:
               8px solid black; width:84px
}


/* *********************************************************************************
************************************************************************************
menu_elt
************************************************************************************
************************************************************************************/
.menu_elt , .corps  /*ne pas rajouter ici ni de gestion de list ni de police*/ 
{
   background-color: #c0c0c0;
   background-image: url("site/motif/motif_test.png");
   background-repeat: repeat-x;
   /*border: 2px solid black;   */
   /*border: 3px ridge black;  */
   margin-bottom: 5px; /* Pour éviter que les éléments du menu ne soient trop collés */
 }

.menu_elt h1, .corps h1 
{
font-size: large;
text-align: center;
font-family: "Arial Black", Arial, Verdana, serif; 
/* Arial,"Arial Black","Comic Sans MS","Courier New",Georgia,Impact,"Times New Roman","Trebuchet MS",Verdana*/
font-weight: bold;
/*gras bold ou normal ! */
font-variant: small-caps;
/* small-caps petite majuscule ou normal */
color: rgb(255,255,255); 
text-decoration: none;
/*background-color: rgb(0,0,0);*/
padding: 0;
}

 .menu_elt  a, .menu_elt
{
list-style-image: url("site/icone/volant.png");
font-family: Arial, Verdana, serif; 
/* Arial,"Arial Black","Comic Sans MS","Courier New",Georgia,Impact,"Times New Roman","Trebuchet MS",Verdana*/
font-style: normal; 
/* italic ou normal ! */
font-weight: normal;
/*gras bold ou normal ! */
font-variant: normal;
/* small-caps petite majuscule ou normal */
text-transform: capitalize; 
/*uppercase:tout en majuscules,lowercase:tout en min, capitalize:première lettre chaque mot en maj none:pas de transfo*/
text-decoration: normal;
/*underline:souligné,line-through:barré,overline:ligne au-dessus,blink:clignotant,none:normal*/
color: rgb(120,120,120); 
/* une des 16 couleur ou un code rgb color: rgb(255,255,255);*/
text-decoration: none;
}

.menu_elt ul /* Toutes les listes à puces se trouvant dans un menu */
{
   font-size: small;
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 5px; /* 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 */
}

.menu_elt img, a img /* les images dans les menus */
{
border: none;
}

.menu_elt a:hover
{
font-style: italic; 
/* italic ou normal ! */
color: rgb(30,30,30); 
/* une des 16 couleur ou un code rgb color: rgb(255,255,255);*/
}

/*********************************************************************************************
**********************************************************************************************
corps et corps_interne  remarque :
corps_interne et dans corps qui est definiti dans les deux premiers elt de menu_elt
**********************************************************************************************
*********************************************************************************************/





.corps
{
   margin-left: 155px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   /*margin-right: 155px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 5px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   /*padding: 0px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   /*border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}
.corps h2
{
font-size: medium;
text-align: left;
font-family: "Arial black", Arial, Verdana, serif; 
text-decoration: underline;
text-transform: capitalize;
margin: 0px
}

.corps_interne
{
   color: black;
   margin-left: 5px; 
   margin-right: 5px;
   border-bottom : 2px solid black;

}
.dernier_corps_interne
{
   color: black;
   margin-left: 5px;
   margin-right: 5px;
}
.titre
{
margin-left: 10px;
font-weight: bold;
}

.dernier_corps_interne li
{
margin-left : 50px;
list-style-type :none;
}
.dernier_corps_interne lu
{
text-transform: capitalize; 
}

.article
{
   font-size: small;
   text-align: justify;
   margin : 5px;
}
.article:first-line
{
font-weight: Bold;
}
.article:first-letter 
{
   float: left; 
   font-size: 5em; 
   font-family: Arial, Georgia, "Times New Roman", Times, serif; 
   font-weight: bold; 
   margin-right: 5px; 
}

.stop_image
{
clear: left;
}

table
{
   border-collapse: collapse;
   padding : 5px;
   margin : auto;
   margin-bottom : 5px;
}

.liste_personne /* sans bordure aligné a droite*/
{
   border-collapse: collapse;
   padding : 5px;
   margin : 5px;
}
.liste_personne td /* Mettre une bordure sur les td ET les th */
{
	text-align: left; 
    border: none;
	vertical-align:top;
}


th
{
background-color: rgb(120,120,120);
}

td, th /* Mettre une bordure sur les td ET les th */
{
	text-align: left; 
	vertical-align: top;
	padding : 5px;
    border: 1px solid black;
}

.journee th , .journee td
{
	text-align : center;
	padding : 5px;
}

.journee td a
{
	text-align : center;
	padding : 5px;
	color : black;
}

.centre{
text-align: center;
}

.journee .invisible
{
	text-align : left;
	text-decoration: underline;
	padding : Opx;
	border : none;
	/*border-bottom : 1px solid black;*/
	text-transform: capitalize;
	background-color: #c0c0c0;
}

.promotion
{
	background-color: green;
	font-weight: bold;
}

.relegation
{
	background-color: red;
}
.vainqueur 
{
font-weight: bold;
}

.egalite
{
font-style: italic;
}

.indente
{
padding-left : 30px;
}

h6
{
border: 1px solid black;
text-align: center;
font-size: medium;
text-transform: uppercase;
background-color: #9a9a9a;
font-weight: bold;
margin : 0px;
margin-top : 10px
}

.encaps
{
margin : 2px;
padding : 2px;
border: 1px solid black;
}

.encaps_leger
{
margin : 2px;
padding : 2px;
border: 1px solid white;
}

.super_indente
{
padding-left : 60px;
}

.message_system_erreur
{
font-size: medium;
text-align: center;
text-transform: uppercase;
margin: 5px;
font-weight: bold;
font-variant: normal;
text-decoration: normal;
color: red; 
}

.message_system_ok
{
font-size: medium;
text-align: center;
text-transform: uppercase;
margin: 5px;
font-weight: bold;
font-variant: normal;
text-decoration: normal;
color: green; 
}

.titre_xl
{
text-transform: uppercase;
font-weight: bold;
}