/* Cyclisme & Dopage - Feuille de style
// Création     : 16/05/2007
// Purpose      : feuille de style principale du site
// Usage        : sur toutes les pages
// Commentaires : 

// Modifications
// 07/02/2008 : rajout de style pour tableaux des "vrais chiffres du dopage"
// 05/03/2008 : suppresion indentation des paragraphes
// 17/11/2008 : nouvelles couleurs



/* Anciennes couleurs
#800080 : Magenta (128 000 128)
#DDEEFF : Bleu ciel
#98B0EF : Bleu de fond de page (152 176 239)
#ACC4EF : Bleu de fond de menu (172 196 255)
white   : Blanc pour titres de menus
#FFFF00 : Jaune pour les titres
*/

/* Nouvelles couleurs
#69003F : Magenta soutenu 105 0 63
#DCDCDC : Gris de fond de page (anciennement gris) 220 220 220
#B4547D : Magenta léger de fond de menu (anciennement bleu) 180 84 125
#FF9A00 : Orange pour titres de menus (anciennement blanc) 255 154 0
#FF9A00 : Orange pour les titres (anciennement jaune)
*/

/* Syntaxe
padding-left:120px; : Marge interne gauche
padding-right:50px; : Marge interne droite
*/



/* Ancien CSS */

BODY {font-size: 10pt;
      font-family: Verdana,Arial;
      color: black;
      text-align:justify;
      background-color: #DCDCDC;
      margin-left: 10px;
      margin-right: 10px;
      margin-top: 10px;
      margin-bottom: 10px;                  
      padding: 0px;
      border:0px ;    
      }
      
      
a { /* Les liens qui ne sont pas sous le curseur. */
	color: #69003F; 
}

a:active { /* Les liens lorsque le curseur est dessus. */
	color: #FF9A00;
}

a:visited { /* Les liens visités. */
	/*color: #B4547D;*/
	color:black;
}  

/* Ca marche mais pas terrible 
	a:hover { 
color : #FF9A00; 
background-color : #DCDCDC; 
font-style : normal; 
} 
*/

    

/* Indentation des paragraphes
P {margin-left: 24pt;
   margin-right: 24pt;}  Supprimé le 05/03/08 */
   
/* Paragraphe indenté */
P-Indent {margin-left: 24pt;
   margin-right: 24pt;}  /* Créé le 08/03/08   xxxxxxxxxxxxx C'est pas ça xxxxxxxxxxxxx */   

   
/* Style des titres */


H1 {font-size: 18pt ;
    font-family: Verdana,Arial ;
    font-weight: bold;
    text-align: center;
    /*color: #69003F;*/
        color: #FF9A00;
    }

H2 {font-size: 14pt;
    font-family: Verdana,Arial ;
    font-weight: bold;
    /*color: #FF9A00;*/
        color: #69003F;
    }
    
H3 {font-size: 12pt ;
    font-family: Verdana,Arial ;
    font-weight: bold;
    /*color: #69003F;*/
        color: #FF9A00;
	}

H4 {font-size: 8pt ;
    font-family: Verdana,Arial ;
    font-weight: bold;
    color: #FF9A00;
	}

H5 {font-size: 12pt ;
    font-family: Verdana,Arial ;
    font-weight: bold;
    color: #69003F;
    text-align: center;
}



/* Styles alternatifs */

.italique {							/* 22/07/07 : créé car les <i></i> mettent le bazar dans les blocs. MAIS CA NE MARCHE PAS MIEUX ! */
font-style: italic ;
}

.distingo {							/* 01/10/07 : créé car les italiques mettent le bazar dans les blocs. Alors je change la couleur */
color: #69003F ;
}
 


/* Format texte normal bleu. */
DIV.TexteBleu {font-size: 10pt;
               font-family: Verdana,Arial;
               line-height: 12pt;
               color: #FF9A00;}

/* Format texte normal noir. */
DIV.TexteNoir {font-size: 10pt;
               font-family: Verdana,Arial;
               line-height: 12pt;   }
               



        
/*			   overflow:auto;  */     /* 14/07/07 : si un texte contenait la balise <i>, tout était décalé (serait un bug IE )
			                                      http://forum.alsacreations.com/faq/faq-6-Comment-eviter-que-mes-elements-flottants-float-depassent-de-leur-conteneur-.html */
/*			   padding-bottom:20px; */ /* 14/07/07 : rajout de padding car l'overflow réduisait l'espace entre les divisions TexteNoir successives... */ 
			   
               color: #000000;}
               
/* Format texte normal noir.           14/07/07 : créé car les modifications ci-dessus étaient gênantes pour utilisation en class="TexteNoir" */
DIV.TexteNoirNoPadding {font-size: 10pt;
               font-family: Verdana,Arial;
               line-height: 12pt;           
               color: #000000;}               
           

/* Format texte normal violet. */
DIV.TexteViolet {font-size: 10pt;
               font-family: Verdana,Arial;
               line-height: 12pt;
               color: #69003F;}

/* Format texte très petit violet. */
DIV.TexteVioletTPetit {font-size: 8pt;
               font-family: Verdana,Arial;
               line-height: 12pt;
               color: #69003F;}

/* Format texte très petit noir. */
DIV.TexteNoirTPetit {font-size: 7pt;
               font-family: Verdana,Arial;
               line-height: 12pt;
               color: #000000;}
               
               
             
               

/* Balise FORM devient inline */               
form {
                display: inline;  /* la balise "form" est une balise de type "block". Il est donc normal qu'après sa fermeture, il y ait un retour à la ligne automatique. 
								     Ceci force la balise "form" à devenir une balise de type inline.  */
}		


/* Fin ancien CSS  */



/* Tentative pour afficher les spans. Ceci était censé les cacher par défaut
span.leg    {

				display: inline;
				position: absolute;
				top:1.5em;
				left:0.5em;
				z-index: 20;
				background: #DCDCDC;
				color: #fff;
				border:1px solid #000;
				width:150px;
				text-align:center;
				font-weight:normal;
				font-size: 10px;
				line-height:12px;
				padding:2px 4px;
              }  		
 */
              

/* Atrributs des blocs */

/* Inutilisé pour l'instant

#entete {
 border:0px;
 margin-top:0px;
 margin-bottom:0px;
 padding:0;
 background-color: #DCDCDC; 
}

			#entete_gauche li {
				display:inline; 
				float : left;
			}
			
			#entete_droit li {
				display:inline; 
				float : right;
			}

			#entete li a {
				text-align: center;
				text-decoration: none;
                color: black;
				background-color: #B4547D;	  	
				vertical-align : middle; 							
             }

*/


#menugauche {
 /*margin: 0;	         /* Si margin bottom n'est pas à 0, Mozilla affiche une ligne supplémentaire entre lignes qui ne sont pas dans UL */
 float:left;
 width:180px;
 background-image:  url(boutons/menu_arrondi_haut.jpg);
 background-repeat: no-repeat;
 color: #FF9A00; 
 list-style: none; /* On retire les puces */ 
 text-align:bottom;
 margin-top:0px;
 margin-left:0px;
 margin-bottom:0px;
}



			#menugauche ul {
				background-color: #B4547D;		 /* pour ne pas afficher une ligne d'1 pixel de couleur différente du LI si la police est trop petite */											
				padding-left: 0 ;				 /* Les navigateurs basés sur Gecko (Mozilla, FireFox...) n'utilisent pas une marge, mais un padding gauche de 40px
				                                    par défaut pour les <ul>. Il faut ajouter à ta CSS un padding-left: 0; pour les <ul>.
				                                    http://www.webmaster-hub.com/lofiversion/index.php/t3047.html */
 line-height:20px;
							}

			#menugauche li {
				margin-left: 0;
			}


			#menugauche li a {
        display: block;			/* pour que le lien prenne toute la largeur (mais mal géré par IE6 */
				/*height:1%;   http://css.tests.free.fr/exemple12.php */
				width: 180px ; 			/* pour corriger le bug IE6 qui ne prend pas bien en compte le display: block;*/
			  text-align: center ;	/* pour corriger le bug IE6 qui ne prend pas bien en compte le display: block;*/
        font-size:0.8pc;
        font-family: verdana;
        /*font-weight: bold;*/
				/* border: none; http://www.quirksmode.org/css/ie6_purecsspopups.html*/ 
        text-decoration: none;
				/*padding: 4px  ; */               
        color: #DCDCDC;
				background-color: #B4547D;     
				 line-height:15px;       
             }

			#menugauche li a:hover {
	            /* pour que le lien change de couleur au passage de la souris */
        background: #69003F;
        color: #FF9A00;
            }         
              
			#menugauche a span { /* définition de la balise <span> inclue dans <a> */
        display: none;  /* on cache le span quand le menu n'est pas survolé */
				}
          
 			#menugauche a:hover span {          /* Affichage du SPAN au passage de la souris */
				display: block;
				position: absolute;            
				left: 190px;
				width: 200px;
				padding : 10px;  /* Marge intérieure */
				background: #69003F; 
				color: #FF9A00; 
				text-align: left;
        font-size:0.6pc;				
				}
				

#recherche {
 margin-top:0px;
 margin-left:0px;
 margin-bottom:0px;
 padding-bottom:0px;
 padding-top:5px;  /* Si plus petit le titre est collé en haut de l'image */
 background-image:  url(boutons/menu_arrondi_haut.jpg);
 background-repeat: no-repeat;
 float:left;
 width:180px;
 text-align: center ;	 
 background-color: #B4547D;	 
 color: #FF9A00; 
 list-style: none; /* On retire les puces */ 
 line-height:10px; /* Si plus grand, ça fait une ligne rose dans Mozilla */
}		


                               

#menudroit {
 margin: 0;	         /* Si margin bottom n'est pas à 0, Mozilla affiche une ligne supplémentaire entre lignes qui ne sont pas dans UL */
 float:right;
 width:180px;
 /*background-color: red;*/
 background-image:  url(boutons/menu_arrondi_haut_droite.jpg);
 background-repeat: no-repeat;
 color: #FF9A00 ; 
 list-style: none; /* On retire les puces */ 
 text-decoration: none;
  }

			#menudroit ul {
				background-color: #B4547D;		 /* pour ne pas afficher une ligne d'1 pixel de couleur différente du LI si la police est trop petite */
				padding-left: 0 ;				 /* Les navigateurs basés sur Gecko (Mozilla, FireFox...) n'utilisent pas une marge, mais un padding gauche de 40px
				                                    par défaut pour les <ul>. Il faut ajouter à ta CSS un padding-left: 0; pour les <ul>.
				                                    http://www.webmaster-hub.com/lofiversion/index.php/t3047.html */
				 line-height:6px;
							}
							
			#menudroit li {
				margin-left: 0;
							}

			#menudroit li a {
        display: block;			/* pour que le lien prenne toute la largeur (mais mal géré par IE6 */
				width: 180px ; 			/* pour corriger le bug IE6 qui ne prend pas bien en compte le display: block;*/
			  text-align: center ;	/* pour corriger le bug IE6 qui ne prend pas bien en compte le display: block;*/
        font-size:0.6pc;
        font-family: verdana;
        text-decoration: none;
				background-color: #B4547D;				          
        color: #DCDCDC;
        line-height:15px;
         }

			#menudroit li a:hover {
       /* pour que le lien change de couleur au passage de la souris */
       background: #69003F;
       color: #FF9A00;
            }         
              
			#menudroit a span { /* définition de la balise <span> inclue dans <a> */
				/*  z-index: 20; */
				display: none;  /* on cache le span quand le menu n'est pas survolé */
				}
          
	   	#menudroit a:hover span {          /* Affichage du SPAN au passage de la souris */
				display: block;
				position: absolute;            
				right: 190px;
				width: 200px;
				padding: 10px;  /* Marge intérieure */
				background: #69003F; 
				color: #FF9A00; 
				text-align: left;
        font-size:0.6pc;				
        line-height:15px;	
				}
				
				

				

#publicite {
 clear:both;
 margin-top:10px;
 margin-left:0px;
 margin-right:0px;
 text-align: center;  
}

#publicitedroite {
 margin-left:0px;
 margin-right:0px;
 background-color: #DCDCDC;	  
 color: #DCDCDC;	   /* Je suis obligé de mettre une lettre bidon pour créer un décallage avec le menu du dessus. J'écris couleur sur couleur pour qu'on ne la voit pas */
}	

#publicitegauche {
 margin-left:0px;
 margin-right:0px;
 background-color: #DCDCDC;	  
 color: #DCDCDC;	   /* Oxado : Je suis obligé de mettre une lettre bidon pour créer un décallage avec le menu du dessus. J'écris couleur sur couleur pour qu'on ne la voit pas */
}	

#bande_centrale {
 margin-left:186px;
 margin-right:186px;
}

#titre_page {      /* Ce bloc se trouve dans le bloc bande_centrale car mes pages avaient apparemment un </div> de trop... */
/*				position: absolute;	   
				top: 300px; /* positions et dimensions du calque, que vous pouvez changer à loisir */
	/*			left: 210px;	*/			      
 /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/	                     
float:left; /*  : Si absent, ne s'affiche pas bien dans IE6 - Viré le 05/03/2008 */
 /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
 margin-left:0px;          
 margin-right:10px; /* : Si à zéro, ne s'affiche pas bien dans IE6 (le tableau avec flèche retour page précédente et titre page déborde à droite) */
/* padding-right:10px; */
/* border-right:10px; */
width:100%;  /*  : Si absent, ne s'affiche pas bien dans Mozilla (20/11/2008) */

}

#pied {
 clear:both;
 font-size:0.6pc; 
 text-align: center; 
}



#menuindex {
  float:none;
 margin: 0px;	         /* Si margin bottom n'est pas à 0, Mozilla affiche une ligne supplémentaire entre lignes qui ne sont pas dans UL */
 padding:0px;
 border: 0px;
 display:block;
 vertical-align:top;
 width:610px;
 margin-left: auto;      /* Permet de centrer le bloc au milieu de la page. Compatible avec IE5 ??   http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Centrer-les-elements-ou-un-site-web-en-CSS */
 margin-right: auto;   /* Permet de centrer le bloc au milieu de la page. Compatible avec IE5 ??   http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Centrer-les-elements-ou-un-site-web-en-CSS */
 color: #FF9A00; 
 /*background-color: #DCDCDC; /*#69003F*/
 list-style: none; /* On retire les puces */ 
				}

			#menuindex ul {
  			background-color: #69003F;		 /* pour ne pas afficher une ligne d'1 pixel de couleur différente du LI si la police est trop petite */											
				padding-left: 0 ;				 /* Les navigateurs basés sur Gecko (Mozilla, FireFox...) n'utilisent pas une marge, mais un padding gauche de 40px
				                                    par défaut pour les <ul>. Il faut ajouter à ta CSS un padding-left: 0; pour les <ul>.
				                                    http://www.webmaster-hub.com/lofiversion/index.php/t3047.html */
	  		width:100%;		
	  		line-height:6px;		          
				}

			#menuindex li {
				margin-left: 0;
     		width:100%;		
     						line-height:15px;			
   			}

			#menuindex li a {
				border: 0;
				padding: 0;	
				margin: 0;										 				
        display: block;			/* pour que le lien prenne toute la largeur (mais mal géré par IE6 */
				/*height:1%;   http://css.tests.free.fr/exemple12.php */
				width: 100% ; 			/* pour corriger le bug IE6 qui ne prend pas bien en compte le display: block;*/
			  text-align: left ;	/* pour corriger le bug IE6 qui ne prend pas bien en compte le display: block;*/
        font-size:0.8pc;
        font-family: verdana;
        text-decoration: none;
				color: #DCDCDC; 
				background-color: #B4547D;     
				line-height:16px;		   
        }

			#menuindex li a:hover {
	      /* pour que le lien change de couleur au passage de la souris */
        background: #69003F;
        color: #FF9A00;
        }         
        
			#menuindex a span { /* définition de la balise <span> inclue dans <a> */
				display: none;  /* on cache le span quand le menu n'est pas survolé */
				}        
              
		  #menuindex a:hover span { 
        display: block;
        position: absolute;   
        top:100px;
        right: 200px;
				width: 400px;
				padding: 10px;  /* Marge intérieure */
				background: #69003F ; /* #69003F;  */
				color: #FF9A00; 
				text-align: left;
        font-size:0.6pc;				
        line-height:15px;	
        
				}
          


				
				
#menuindexbottom {
  /* Je crée ça car si je mets l'image avec arrondi dans le UL du menuindex, ça merde...*/
/* margin-left: auto;      /* Permet de centrer le bloc au milieu de la page. Compatible avec IE5 ??   http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Centrer-les-elements-ou-un-site-web-en-CSS */
 /*margin-right: auto;   /* Permet de centrer le bloc au milieu de la page. Compatible avec IE5 ??   http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Centrer-les-elements-ou-un-site-web-en-CSS */
 /*width:100%;
/*text-align:center;*/

 clear:both;
 margin-top:0px;
 margin-left:0px;
 margin-right:0px;
 text-align: center;  

			}				
				
				#menuindexbottom2 {
 clear:both;
 margin-top:10px;
 margin-left:0px;
 margin-right:0px;
 text-align: center;  
}
				

#chapeauindex {
 /*margin-left: auto;      /* Permet de centrer le bloc au milieu de la page. Compatible avec IE5 ??   http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Centrer-les-elements-ou-un-site-web-en-CSS */
     /*margin-right: auto;   /* Permet de centrer le bloc au milieu de la page. Compatible avec IE5 ??   http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Centrer-les-elements-ou-un-site-web-en-CSS */
        margin-left:auto;
        margin-right:auto;
        margin-top:auto;
        margin-bottom:auto;
     	  width:598px;			
     	  font-size:7pt ;
        font-family: verdana;
        text-align: left;
}

			#chapeauindex ul {
				padding-left: 10px ;				 
				padding-right: 12px ;
							}

			#chapeauindex li {
				list-style-image: url(boutons/pucecarree.png);   
			}


#focus_container {
        float:none;
        margin-left:auto;
        margin-right:auto;
        margin-top:auto;
        margin-bottom:auto;

     	  /*width:610px;*/
     	  width:598px;				
        text-align: left;
        background-color: #DCDCDC;
  }
  
  
#focus {
 width:180px;			
 background-image:  url(boutons/menu_arrondi_haut_droite.jpg);
 background-repeat: no-repeat;
 background-color: transparent;  /* transparent */
 color: #FF9A00 ; 
 list-style: none; /* On retire les puces */ 
 text-decoration: none;
 line-height:10px;
 text-align: center ;
 float: left;
         padding-left:5px;
  }  


			#focus ul {
				/* background-color: #B4547D;		 /* pour ne pas afficher une ligne d'1 pixel de couleur différente du LI si la police est trop petite */
  			padding-left: 0px ;				 /* Les navigateurs basés sur Gecko (Mozilla, FireFox...) n'utilisent pas une marge, mais un padding gauche de 40px
				                                    par défaut pour les <ul>. Il faut ajouter à ta CSS un padding-left: 0; pour les <ul>.
				                                    http://www.webmaster-hub.com/lofiversion/index.php/t3047.html */
	  	  line-height:6px;
							}
							
			#focus li {
				margin-left: 0;
							}

			#focus li a {
        display: block;			/* pour que le lien prenne toute la largeur (mais mal géré par IE6 */
				width: 180px ; 			/* pour corriger le bug IE6 qui ne prend pas bien en compte le display: block;*/
			  text-align: center ;	/* pour corriger le bug IE6 qui ne prend pas bien en compte le display: block;*/
        font-size:0.6pc;
        font-family: verdana;
        text-decoration: none;
				background-color: #B4547D;				          
        color: #DCDCDC;
        line-height:15px;
         }
        
    

			#focus li a:hover {
       /* pour que le lien change de couleur au passage de la souris */
       background: #69003F;
       color: #FF9A00;
            }         
              
			#focus a span { /* définition de la balise <span> inclue dans <a> */
				/*  z-index: 20; */
				display: none;  /* on cache le span quand le menu n'est pas survolé */
				}
          
	   	#focus a:hover span {          /* Affichage du SPAN au passage de la souris */
				display: block;
				position: absolute;            
				right: 190px;
				width: 200px;
				padding: 10px;  /* Marge intérieure */
				background: #69003F; 
				color: #FF9A00; 
				text-align: left;
        font-size:0.6pc;				
        line-height:15px;	
				}  


				

/***************************************************************/		
/* Style pour les tableaux de stats "Vrais chiffres du dopage" */		
/*    (Utilisé pour les tableaux généraux et tour par tour)    */					
/***************************************************************/						

/* Style général du tableau */	
table#stats_tours {
    table-layout:fixed;
    padding:1px;
    font-size:10.0pt;
	  font-style:normal;
	  font-family:Verdana;
	  vertical-align:center;
	  white-space:nowrap;
    border-collapse: collapse;   /* Pas d'espace entre cellule */
}

/* Style général des lignes */	
.stats_tours_lignes 
	{height:15pt;}
		
/* Première ligne - Colonne équipe */	
.stats_tours_entete_equ 
	{
  font-size:8.0pt;  	
	background-color: #69003F;
	text-align:center;	
	font-weight:bold;	
	color:#FF9A00;	
	border-top:1.5pt solid windowtext;
	border-right:1.5pt solid windowtext;
	border-bottom:1.5pt solid windowtext;
	border-left:1.5pt solid windowtext;
	}

/* Première ligne - Colonnes de chiffres - gauche */			
.stats_tours_entete_lignes
	{
  font-size:8.0pt;    	
	background-color: #69003F;
	text-align:center;	
	font-weight:bold;	
	color:#FF9A00;	
	border-top:1.5pt solid windowtext;
	border-right:1pt solid windowtext;
	border-bottom:1.5pt solid windowtext;
	border-left:0pt solid windowtext;
	}	

/* Première ligne - Colonnes de chiffres - droite */				
.stats_tours_entete_lignes_rb
	{
  font-size:8.0pt;    	
	background-color: #69003F;
	text-align:center;	
	font-weight:bold;	
	color:#FF9A00;	
	border-top:1.5pt solid windowtext;
	border-right:1.5pt solid windowtext;
	border-bottom:1.5pt solid windowtext;
	border-left:0pt solid windowtext;
	}	

/* Lignes du corps de tableau - Colonne d'entêtes */				
.stats_tours_lignes_equ
	{
  font-size:8.0pt;    	
	text-align:left;
	border-top:1.0pt solid windowtext;
	border-right:1.5pt solid windowtext;
	border-bottom:0pt solid windowtext;
	border-left:1.5pt solid windowtext;
	background:#B4547D;
	}
	
/* Lignes du corps de tableau (tableau tour par tour) - Colonne d'entêtes */				
.stats_tours_synthese_lignes_titre
	{
	text-align:center;
	border-top:1.0pt solid windowtext;
	border-right:1.5pt solid windowtext;
	border-bottom:0pt solid windowtext;
	border-left:1.5pt solid windowtext;
	background:#B4547D;
	}	

/* Lignes du corps de tableau - Colonnes de gauche */			
.stats_tours_lignes
	{
	text-align:center;
	border-top:0.5pt solid windowtext;
	border-right:0.5pt solid windowtext;
	border-bottom:0pt solid windowtext;
	border-left:0pt solid windowtext;
	}	
	
/* Lignes du corps de tableau - Colonnes de droite */		
.stats_tours_lignes_rb
	{
	text-align:center;
	border-top:0.5pt solid windowtext;
	border-right:1.5pt solid windowtext;
	border-bottom:0pt solid windowtext;
	border-left:0pt solid windowtext;
	}		

/* Lignes du corps de tableau - Colonne dirigeants gauche */			
.stats_tours_lignes_dir1
	{
	text-align:center;
	border-top:1.0pt solid windowtext;
	border-right:1pt solid windowtext;
	border-bottom:0pt solid windowtext;
	border-left:0pt solid windowtext;
	background:#B4547D;
	}	
	
/* Lignes du corps de tableau - Colonne dirigeants droite */		
.stats_tours_lignes_dir2
	{
	text-align:center;
	border-top:1.0pt solid windowtext;
	border-right:1.5pt solid windowtext;
	border-bottom:0pt solid windowtext;
	border-left:0pt solid windowtext;
	background:#B4547D;
	}	
	
/* Lignes de total - Tableau Tour par Tour - Colonne équipes */		
.stats_tours_total_titre
	{
	font-weight:bold;		
	text-align:right;
	vertical-align:center;
	border-top:1.5pt solid windowtext;
	border-right:1.5pt solid windowtext;
	border-bottom:1pt solid windowtext;
	border-left:1.5pt solid windowtext;
	}	
	
/* Lignes de total - Tableau Tour par Tour - Colonnes de chiffres gauche */			
.stats_tours_total_lignes
	{
	text-decoration:none;
	text-align:center;
	border-top:1.5pt solid windowtext;
	border-right:0.5pt solid windowtext;
	border-bottom:0.5pt solid windowtext;
	border-left:0pt solid windowtext;
	background:#B4547D;	
	}		
	
/* Lignes de total - Tableau Tour par Tour - Colonnes de chiffres droite */			
.stats_tours_total_lignes_rb
	{
	text-decoration:none;
	text-align:center;
	border-top:1.5pt solid windowtext;
	border-right:1.5pt solid windowtext;
	border-bottom:0.5pt solid windowtext;
	border-left:0pt solid windowtext;
	background:#B4547D;	
	}		
	
/* Lignes de total - Tableau Tour par Tour - Colonne dirigeants gauche */			
.stats_tours_total_dir1
	{
	text-decoration:none;
	text-align:center;
	border-top:1.5pt solid windowtext;
	border-right:0.5pt solid windowtext;
	border-bottom:0.5pt solid windowtext;
	border-left:0pt solid windowtext;
	}		
	
/* Lignes de total - Tableau Tour par Tour - Colonne dirigeants droite */			
.stats_tours_total_dir2
	{
	text-decoration:none;
	text-align:center;
	border-top:1.5pt solid windowtext;
	border-right:1.5pt solid windowtext;
	border-bottom:0.5pt solid windowtext;
	border-left:0pt solid windowtext;
	}		
	
/* Lignes de pourcentages - Colonne équipes */			
.stats_tours_pourc_titre
	{
	font-weight:bold;		
	text-align:right;
	vertical-align:center;
	border-top:0pt solid windowtext;
	border-right:1.5pt solid windowtext;
	border-bottom:1.5pt solid windowtext;
	border-left:1.5pt solid windowtext;
	}		
	
/* Lignes de pourcentages - Colonne de chiffres gauche */			
.stats_tours_pourc_lignes
	{
	text-align:center;
	border-top:0pt solid windowtext;
	border-right:0.5pt solid windowtext;
	border-bottom:1.5pt solid windowtext;
	border-left:0pt solid windowtext;
	background:#B4547D;	
	}		
	
/* Lignes de pourcentages - Colonne de chiffres droite */			
.stats_tours_pourc_lignes_rb
	{
	font-weight:bold;		
	text-align:center;
	border-top:0pt solid windowtext;
	border-right:1.5pt solid windowtext;
	border-bottom:1.5pt solid windowtext;
	border-left:0pt solid windowtext;
	background:#B4547D;	
	}		
	
/* Lignes de pourcentages - Colonne dirigeants gauche */			
.stats_tours_pourc_dir1
	{
	text-decoration:none;
	text-align:center;
	border-top:0pt solid windowtext;
	border-right:0.5pt solid windowtext;
	border-bottom:1.5pt solid windowtext;
	border-left:0pt solid windowtext;
	}		
	
/* Lignes de pourcentages - Colonne dirigeants droite */			
.stats_tours_pourc_dir2
	{
	font-weight:bold;			
	text-align:center;
	border-top:0pt solid windowtext;
	border-right:1.5pt solid windowtext;
	border-bottom:1.5pt solid windowtext;
	border-left:0pt solid windowtext;
	}		
	
	
	
	
/* Lignes de total - Tableau synthèse des Tours - Colonnes de chiffres gauche */			
.stats_tours_synthese_total
	{
	text-decoration:none;
	text-align:center;
	border-top:1.5pt solid windowtext;
	border-right:1.5pt solid windowtext;
	border-bottom:1.5pt solid windowtext;
	border-left:1.5pt solid windowtext;
	}			
	
.stats_tours_synthese_lignes
	{
	text-decoration:none;
	text-align:center;
	border-top:1.5pt solid windowtext;
	border-right:0.5pt solid windowtext;
	border-bottom:1.5pt solid windowtext;
	border-left:0pt solid windowtext;
	background:#B4547D;	
	}				
	
.stats_tours_synthese_lignes_rb
	{
	text-decoration:none;
	text-align:center;
	border-top:1.5pt solid windowtext;
	border-right:1.5pt solid windowtext;
	border-bottom:1.5pt solid windowtext;
	border-left:0pt solid windowtext;
	background:#B4547D;	
	}				
	
.stats_tours_synthese_lignes2
	{
	text-decoration:none;
	text-align:center;
	border-top:1.5pt solid windowtext;
	border-right:0.5pt solid windowtext;
	border-bottom:1.5pt solid windowtext;
	border-left:0pt solid windowtext;
	}				
	
.stats_tours_synthese_lignes2_rb
	{
	text-decoration:none;
	text-align:center;
	border-top:1.5pt solid windowtext;
	border-right:1.5pt solid windowtext;
	border-bottom:1.5pt solid windowtext;
	border-left:0pt solid windowtext;
	}				
	
	
	




/***************************************************/		
/* Style pour les tableaux de l'annuaire du dopage */					
/***************************************************/			

/* Style général du tableau */	
table#sortable_annuaire {
    table-layout:fixed;
    padding:1px;
    font-size:8.0pt;
	  font-style:normal;
	  font-family:Verdana;
	  vertical-align:center;

}


/* Première ligne */	
.ann_entete 
	{
  font-size:8.0pt;  	
	background-color: #69003F;
	text-align:center;	
	font-weight:bold;	
	color:#FF9A00;	
	border-top:1pt solid windowtext;
	border-right:0pt solid windowtext;
	border-bottom:1pt solid windowtext;
	border-left:1pt solid windowtext;
	}
	
/* Lignes paires du corps de tableau */				
.ann_l1
	{
  font-size:8.0pt;    	
	text-align:left;
	border-top:0pt solid windowtext;
	border-right:0pt solid windowtext;
	border-bottom:1pt solid windowtext;
	border-left:1pt solid windowtext;
	background:#B4547D;
	}
	
/* Lignes paires du corps de tableau - Cellules centrées */				
.ann_l1_c
	{
  font-size:8.0pt;    	
	text-align:center;
	border-top:0pt solid windowtext;
	border-right:0pt solid windowtext;
	border-bottom:1pt solid windowtext;
	border-left:1pt solid windowtext;
	background:#B4547D;
	}	
	
/* Lignes paires du corps de tableau - Cellule de droite */				
.ann_l1_end
	{
  font-size:8.0pt;    	
	text-align:center;
	border-top:0pt solid windowtext;
	border-right:1pt solid windowtext;
	border-bottom:1pt solid windowtext;
	border-left:1pt solid windowtext;
	background:#B4547D;
	}	
	
/* Lignes impaires du corps de tableau */				
.ann_l2
	{
  font-size:8.0pt;    	
	text-align:left;
	border-top:0pt solid windowtext;
	border-right:0pt solid windowtext;
	border-bottom:1pt solid windowtext;
	border-left:1pt solid windowtext;
	background:#DDEEFFF;
	}
	
/* Lignes impaires du corps de tableau - Cellules centrées */				
.ann_l2_c
	{
  font-size:8.0pt;    	
	text-align:center;
	border-top:0pt solid windowtext;
	border-right:0pt solid windowtext;
	border-bottom:1pt solid windowtext;
	border-left:1pt solid windowtext;
	background:#DDEEFFF;
	}	
	
/* Lignes impaires du corps de tableau - Cellule de droite */				
.ann_l2_end
	{
  font-size:8.0pt;    	
	text-align:center;
	border-top:0pt solid windowtext;
	border-right:1pt solid windowtext;
	border-bottom:1pt solid windowtext;
	border-left:1pt solid windowtext;
	background:#DDEEFFF;
	}		
	
	
	
	
/***************************************************************/		
/*          Style pour la bannière cyclisme-dopage.com         */		
/*          (Utilisé dans haut_racine3 et bas_racine3)         */					
/***************************************************************/						

/* Style général du tableau */	
table#banniere {
    /*margin: auto; /* Pour centrer le tableau mais ne marche pas avec les versions antérieures à MSIE 6. L'astuce est alors d'encadrer le tableau par des balises <div style="text-align:center"></div>,  */
    margin-left:auto;
    margin-right:auto;
    margin-top:auto;
    margin-bottom:auto;
    padding-top:0px;
    border-top:0px;
    table-layout:fixed;
    font-size:24.0pt;
	  font-style:normal;
	  font-family:Verdana;
	  vertical-align:center;
	  white-space:nowrap;
	  background-color: #DCDCDC;
    background-image:  url(boutons/fond_banniere.jpg);
    background-repeat: no-repeat;
	  color:#FF9A00;	
	  height:40pt;
  	text-align:center;	
	  font-weight:bold;	
    border-collapse: collapse;   /* Pas d'espace entre cellule */
    line-height:58px;
}






				
				
				
				
#menuhorizontal ul {
	margin: 0 0 15px 0;
	padding: 0;
	text-align: center;
	line-height : 25px; /* Au cas où le menu apparait sur deux lignes */
	}	
#menuhorizontal ul li {
	margin: 0;
	padding: 0;
	display: inline;
	}
#menuhorizontal ul li a {
	margin: 0 -1px;
	padding: 3px 15px;
	background: #B4547D;
	color: #DCDCDC;
	text-decoration: none;
	}
              	
#menuhorizontal ul li.hover {
  position:relative; /* Commençons par une petite astuce pour Internet explorer, qui est de mettre position:relative; dans les .menu ul li:hover, car IE risque de décaler vos éléments si vous passez la souris dessus. http://www.6ma.fr/tuto/votre+menu+deroulant+css+2-399 */
	margin: 0;
	padding: 0;
	display: inline;
	}

#menuhorizontal ul li:hover a {
	background: #69003F;
	color: #FF9A00;
	}

                        
                                                         
                                                         
           /*                                              
                                                         
                                                         
                                                         
.menux {white-space:nowrap /*IE hack; float:left; width:900px; border:none; background:rgb(225,225,225); color:rgb(0,0,0); font-size:130%;}
.menux ul {list-style-type:none;}
.menux ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6; }
.menux ul li a {float:none !important /*Non-IE6; float:left /*IE-6; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none;  color: #DCDCDC; background:#B4547D ;}
.menux ul li ul {display:none; border:none;}

/*Non-IE6 hovering
.menux ul li:hover {position:relative;} 
.menux ul li:hover a {background-color:#69003F; text-decoration:none;}
.menux ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.0em; margin-top:0.1em; left:0;}
.menux ul li:hover ul li a {white-space:normal; display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background:#B4547D ; font-weight:normal; color:#DCDCDC;}
.menux ul li:hover ul li a:hover {background-color:#69003F; text-decoration:none;}

/*IE6 hovering
.menux table {position:absolute; top:0; left:0; border-collapse:collapse;}
.menux ul li a:hover {position:relative /*IE hack*/; z-index:1000 /*IE hack; background-color:#69003F; text-decoration:none;}
.menux ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; left:0; margin-top:0.1em;}
.menux ul li a:hover ul li a {white-space:normal; display:block; width:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background:#B4547D ; font-weight:normal; color:#DCDCDC;}
.menux ul li a:hover ul li a:hover {background-color:#69003F; text-decoration:none;}
                                                         
*/






  

