/* CSS Document */

body
{
   width: 850px;
   margin: auto;
   margin-top: 2px;
   margin-bottom: 2px;    
   background-image: url("logo_image/bg.jpg");
}


/* L'en-tête */

#en_tete0
{
   width: 850px;
   height: 30px;
   
   background-image: url("logo_image/chapo.jpg");
  
   background-repeat: no-repeat;
   
}

#en_tetetry
{
   width: 850px;
    height:154px;
   background-image: url("logo_image/banniere1.jpg");
   background-repeat: no-repeat;
  
}



#en_tete
{
   width: 850px;
   height:180px;
   background-image: url("logo_image/banniere.jpg");
   background-repeat: no-repeat;
  
}

#en_tete1
{
   width: 850px;
   height: 30px;
   
   background-image: url("logo_image/barh.jpg");
  
   background-repeat: no-repeat;
   margin-bottom: 5px;
}

#en_tete2
{
   width: 850px;
   height: 30px;
   
   background-color:black ;
   background-repeat: no-repeat;
   margin-bottom: 2px;
}


/* menu  */

#menu
{
   float: left;
   width: 170px;
  

}

#menu1
{
   float: right;
   width: 110px;
   background-color: #626262;

}

.element_menu
{
   background-color: #626262;
   background-image: url("logo_image/bartitre.gif");
   background-repeat: repeat-x;
   
   border: 2px  black;
   
   margin-bottom: 10px;
}


.el_menu
{
   
   border: 2px  black;
   
   margin-bottom: 10px;
}



/* Quelques effets sur les menus */






    /* corps    */

#corps
{
   margin-left: 180px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-right: 170px;
   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 */
   color: #000000;
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #000000;
   background-color: #DEDE49; /* Une couleur de fond pour le corps */
   
   
   border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}


#corps1
{
   margin-left: 180px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-right: 170px;
   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 */
   color: #000000;
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #FFEFAC;
    background-image: url("logo_image/imagecorps.jpg");
   background-repeat: repeat-y;
   
   
   border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}



#corpsEc
{
   margin-left: 50px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-right: 190px;
   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 */
   color: #000000;
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #000000;
   background-color: #DEDE49; /* Une couleur de fond pour le corps */
   
   
   border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}



#corpsHist
{
   margin-left: 01px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-right: 190px;
   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 */
   color: #000000;
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #000000;
   background-color: #DEDE49; /* Une couleur de fond pour le corps */
   
   
   border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}






     /* corps    */
	 
	 
	 

#pied_de_page
{
   padding: 5px;

   text-align: center;

   color: #B3B3B3;
   background-color: #626262;
   
   border: 2px solid black;
}

.titre
{
    font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #000033;
	font-size: 18px;

}

.titre1 {
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #3366FF;
}

.titre2 {
	font-size: 15px;
	font-weight: bold;
	color: black;
	margin-bottom: 10px;
}



.pub {
    
	background-color: #626262;
   background-image: url("image/barm.gif");
   background-repeat: repeat-x;
   
   border: 2px solid black;
   
   margin-bottom: 20px;
}

.tahar1 {

    font-weight: bold; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 24px ; 
    color: #FFFF00 ;
}
.tahar2 {

     
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 17px ; 
    color: #FFFF99;
}

.prog1 {
	color: #FFFF00;
	font-weight: bold;
	font-style: italic;
	font-size: 18px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.tahar3
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px ; 
   font-weight: bold;
    color: #FFFFFF;
   width: 170px;
   height:35px;
   background-image: url("logo_image/entetebloc.jpg");
   background-repeat: no-repeat;
   
   
}

.tahar4
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px ; 
	font-weight: bold;
    color: #FFFFFF;
   width: 160px;
   height:35px;
   background-image: url("logo_image/entetebloc1.jpg");
   background-repeat: no-repeat;
   
   
}

.tahargeneral
{
   background-color: #626262;
   background-repeat: repeat-x;
   
   border: 1px  black;
   margin-bottom: 10px;
   
}

.chapo
{
    font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
                     font-style: italic;
                      padding-left: 100px;
	color: #000033;
	font-size: 14px;

}

.chapo1
{
    font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
                     font-style: italic;
                      padding-left: 350px;
	color: #000033;
	font-size: 14px;

}
.chapo2
{
    font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
                     font-style: italic;
                      padding-left: 20px;
	color: #000033;
	font-size: 14px;

}
.chapo3
{
    font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
                     font-style: italic;
                      padding-left: 20px;
	color: #000033;
	font-size: 14px;

}

.chapoban
{
    font-family: Georgia, "Times New Roman", Times, serif;
	  padding-left: 430px;
	  color: #000000;
	  font-size: 15px;

}

#bannierebas
{
   width: 850px;
   height: 25px;
   background-image: url("logo_image/banniere2.jpg");
  
   background-repeat: no-repeat;
   
}

#une_widget_liga {
                     width: 167px;
	margin-bottom: 1em;
	padding: 0.2em;
	background: #000000 url(logo_image/logoclassement.jpg) center center;
                     background-repeat: repeat-y;
                     font-family: Geneva, Arial, Helvetica, sans-serif;
                     color: #FFFFCC;
	height: 400px;
	overflow: auto;
	border: 2px solid #000;
}

.AC {
	text-align: center;
                     color: #FFCC00;
}

.ligaclass {
                      color: #FFFFCC;
}


.justifie
{
   text-align:justify
 }



#text_milieu
{
     
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   color: #000000;
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #FFEFAC; 
   width: 480px;
   background-image: url("logo_image/imagecorps.jpg");

}

#liendroite {
                     width: 160px;
	margin-bottom: 1em;
	padding: 0.2em;
	background: #333 url(logo_image/logoclassement.jpg) center center;
                     background-repeat: repeat-y;
                     font-family: Geneva, Arial, Helvetica, sans-serif;
                     color: #FFCC66;
	height: 1000px;
	overflow: auto;
	border: 2px solid #000;
}
.noir
{
 color: black;
}
a
{
   color: white; /* Le titre en vert (pourquoi pas ?) */
}
a:link {
	color: #FFFF00;
}
a:visited {
	color: #FFFFFF;
}

.nobg {
	background-color:#333333;
}
.programme_header{
	border-top: 0;
	background: #333333; 
	font:  12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif bold;
	color: #ffff66;
}
.championnat {
	/*FONT-SIZE: 11px; 
	COLOR: #FFFFFF; 
	FONT-FAMILY: Tahoma; 
	BACKGROUND-COLOR: #A8C0D8;*/
	border-top: 0;
	background: #ffff66; 
	font:  11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000000;

} 
.texte {
	font-size:12px;
	color:#000000;
}