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

// Modifications
// 07/02/2008 : rajout de style pour tableaux des "vrais chiffres du dopage"
// 05/03/2008 : suppression indentation des paragraphes
// 17/11/2008 : nouvelles couleurs
// 09/04/2012 : compatibilité avec IE9
// 16/01/2014 : ajout de #rollover pour suivant/précédent de humour.htm
// 19/01/2014 : modification des styles pour l'annuaire du dopage
// 30/01/2014 : modification des couleurs des sélections
// 17/05/2017 : ajout stats_tours_lignes_rbleft pour annuaire par équipes
// 20/09/2017 : ajout de flotte pour les photos, création de #liste-espacée, couleur de fond pour les titres H1, H2, H3, etc.
// 31/10/2017 : finalisation avant mise en ligne de la nouvelle page actualite.htm
// 19/11/2017 : marge haut et bas de H6 diminuée
// 10/12/2017 : dans stats_tours, ajout de margin-left:10px pour avoir le même alignement que sur les <p>, rajout de DIV.TexteNoirPetit
// 02/12/2018 : rajout de .stats_tours_synthese_lignes_titre2
// 09/02/2019 : rajout de H6 pour les revues de presse dans les portraits
// 20/10/2019 : rajout de .stats_tours_lignes_bas et .stats_tours_lignes_bas2
// 27/10/2019 : rajout de .stats_tours_lignes_bas4, 5 et 6
// 12/04/2019 : ajout des styles pour les images de la bibliothèque d'images
// 24/08/2023 : ajout de #liste-très-espacée
// 20/10/2023 : ajout de li.no-bullet
// 07/11/2023 : introduction de responsive design

/* Nouvelles couleurs
#69003F : Magenta soutenu 105 0 63
#DCDCDC : Gris de fond de page (anciennement gris) 220 220 220
#C7C7C7 : Gris un peu plus foncé pour tableaux 199 199 199
#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)
*/

/* Paramètres pour les listes sans l'ID */
ul {
	margin-bottom: 0px;
	list-style-type: disc;
	color:black;  
  }
  
  li {
	margin-bottom: 0px;
	color:black;  	
  }

		/* Styles pour les éléments li ayant la classe "no-bullet" */
		li.no-bullet {
			list-style-type: none;
		}
  
  /* Paramètres pour les listes avec l'ID liste-espacée */
 .liste-espacée ul {
	margin-bottom: 10px;
	list-style-type: disc;
	color:black;  	
  }
  
 .liste-espacée li {
	margin-bottom: 10px;
	color:black;  		
  }
  
  /* Paramètres pour les listes avec l'ID liste-square */
 .liste-square ul {
	margin-bottom: 10px;
	list-style-type: square;
	color:black;  		
  }
  
 .liste-square li {
	margin-bottom: 0px;
	list-style-type: square;	
	color:black;  		
  }

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 ;    
      }
      

.flotte {
		float:left;
      margin-left: 0px;
      margin-right: 20px;
      margin-top: 0px;
      margin-bottom: 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;
}  


/* Paragraphes */   
p {
	margin-left:10px;
	}
   
	.center-text {
	   text-align: center;
	 }
   


/* Style pour breves.htm */
/* 26/10/2024 */
.actu_article {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: 20px; /* espace entre chaque article */
} 
/* 26/10/2024 pour breves.htm */
.debut_actu_article {
    display: inline-block;
	font-size: 10px;
	font-style: italic;
}

.actu_image_container {
    margin-right: 10px; /* espace entre l'image et le texte */
    flex-shrink: 0; /* pour éviter que l'image se redimensionne */
}

.actu_text_container {
    max-width: calc(100% - 150px); /* ajustez la largeur en fonction de la taille de l'image */
}
 
      
/* Style des titres */


H1 {font-size: 20pt ;
    font-family: Verdana,Arial ;
    font-weight: bold;
    text-align: center;
    color: #69003F;
    text-shadow: 1px 1px 1px white;    
    }
	H1:first-letter {
    color: #FF9A00;
    text-shadow: 1px 1px 1px white;
	}   
	
H6 {font-size: 14pt;
    font-family: Verdana,Arial ;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #69003F;
    }

H2 {font-size: 14pt ;
    font-family: Verdana,Arial ;
    font-weight: bold;
    color: white;
    background-color: #69003F;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 2px;    
    margin-top: 12px;
    margin-bottom: 20px;
	border-radius: 10px; 	
	}     
	H2:first-letter {
    color: #FF9A00;
    text-shadow: 1px 1px 1px black;    
	} 
    
H3 {font-size: 12pt ;
    font-family: Verdana,Arial ;
    font-weight: bold;
    color: #FF9A00;
    background-color: #69003F;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 2px;    
    margin-left: 10px;    
    margin-top: 12px;
    margin-bottom: 20px;
	border-radius: 10px; 		
	}   
	H3:first-letter {
    color: white;
    text-shadow: 1px 1px 1px black;    
	}   
    
H4 {font-size: 10pt ;
    font-family: Verdana,Arial ;
    font-weight: bold;
    margin-left: 10px;      
    color: black;
	}

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

H6 {font-size: 10pt ;
    font-family: Verdana,Arial ;
    font-weight: bold;
    color: #FF9A00;
    background-color: #69003F;
	border-radius: 10px; 		
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 2px;    
    margin-left: 10px;    
    margin-top: 8px;
    margin-bottom: 8px;
	}
H6:first-letter {
    color: white;
    text-shadow: 1px 1px 1px black;    
	}  
	

/* Style pour les couleurs particulières (28/08/2023) */		

	.couleur_blanc {
		color: white;
	}
	.couleur_jaune {
		color: #FFC000; /* code couleur ICCD */	
	}
	.couleur_noir {
		color: #000000; /* code couleur ICCD */
	}
	.couleur_rouge {
		color: #C00000; /* code couleur ICCD */
	}
	.couleur_vertfoncé {
		color: #77933C; /* code couleur ICCD */
	}
	.couleur_vertclair {
		color: #9BBB59; /* code couleur ICCD */
	}


/* Style pour les images de la bibliothèque d'images (12/04/2020) */	
.zoom_biblioimg {
text-align:center;
font-size: 7pt;
font-family: Verdana,Arial;
line-height: 12pt;
color: #000000;
}
.image_biblioimg {
}
.image_biblioimg img {
/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
-webkit-transition: all 1s ease; /* Safari et Chrome */
-moz-transition: all 1s ease; /* Firefox */
-ms-transition: all 1s ease; /* Internet Explorer 9 */
-o-transition: all 1s ease; /* Opera */
transition: all 1s ease;
border:none;
box-shadow:0 0 15px 5px grey;
}
.image_biblioimg:hover img {
/* L'image est grossie de x2 */
-webkit-transform:scale(2); /* Safari et Chrome */
-moz-transform:scale(2); /* Firefox */
-ms-transform:scale(2); /* Internet Explorer 9 */
-o-transform:scale(2); /* Opera */
transform:scale(2);
}	
	


   

/* Couleurs des sélections */

*::selection { 
background:black; 
color:white; 
} 

*::-moz-selection { 
background:black; 
color:white; 
} 

*::-webkit-selection { 
background:black; 
color:white;  
}


/* Styles alternatifs */

.italique {							/* 22/07/07 : créé car les <i></i> mettent le bazar dans les blocs. */
font-style: italic ;
}

.italique_small {							
font-style: italic ;
font-size: 8pt;
}

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

.debut_article {							/* 26/09/2017 : pour la nouvelle page actualite.htm */
font-style: italic ;
font-size: 8pt;
}





/* 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;
               text-align: justify;               
               line-height: 12pt;   }

                              
/* Format texte normal noir.  */
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 petit noir. */
DIV.TexteNoirPetit {font-size: 8pt;
               font-family: Verdana,Arial;
               line-height: 12pt;
               color: #000000;}
               
/* 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.  */
}		





.menugauche {
 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 */ 
 margin-top:0px;
 margin-left:0px;
 margin-bottom:0px;
 text-align: center;
}

			.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;
				margin-bottom: 0;
							}

			.menugauche li {
				margin-left: 0;
				margin-bottom: 0;
			}


			.menugauche 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.8pc;
				font-family: verdana;
        		text-decoration: none;        
        		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;
				border-radius:15px;				
				}
				
				#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 */
				   }		

#rollover {
}

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

                               

.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-image:  url(boutons/menu_arrondi_haut_droite.jpg);
 background-repeat: no-repeat;
 color: #FF9A00 ; 
 list-style: none; /* On retire les puces */ 
 text-decoration: none;
 text-align: center;
  }

			.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;
				 margin-bottom: 0;				 
							}
							
			.menudroit li {
				margin-left: 0;
				margin-bottom: 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;	
				border-radius: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 */                     
/* En fait il était resté. Viré le 10/04/2012 pour IE9 */
 /* 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) */

}

/* Pieds de page */
.pied {
 clear:both;
 font-size:0.6pc; 
 text-align: center; 
}



.menuindex {
 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;
 width:700px;
 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; 
 list-style: none; /* On retire les puces */ 
				}

				
	/* Styles pour les écrans moyens   */
	@media screen and (max-width: 1300px) {
		.menuindex {
			width: 80%;
		}
	}	

	/* Styles pour les petits écrans  */
	@media screen and (max-width: 1100px) {
		.menuindex {
			width: 100%;
		}
	}			

			.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;			
     			margin:0px;					
   				}

			.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;   

					right: 200px;
					width: 400px;
					padding: 10px;  /* Marge intérieure */
					background: #69003F ; /* #69003F;  */
					color: #FF9A00; 
					text-align: left;
					font-size:0.6pc;				
					line-height:15px;
					border-radius: 10px; /* Valeur de rayon pour des coins arrondis */	
					}


#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;
	margin-left:10px;
	/* vertical-align:center;   Ce n'est pas valide (ie9) */
	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 - Colonne équipe (en font10) */	
.stats_tours_entete_equ10
	{
  font-size:10.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;
	}	

/* Première ligne - utilisé dans tour-vraischiffres.htm */				
.stats_tours_entete_lignes_rb2
	{
  font-size:10.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;
	}	
	
/* Première ligne - utilisé dans tour-vraischiffres.htm */				
.stats_tours_entete_lignes_lb
	{
  font-size:10.0pt;    	
	background-color: #69003F;
	text-align:center;	
	font-weight:bold;	
	color:#FF9A00;	
	border-top:1.5pt solid windowtext;
	border-right:1.0pt 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 (tableau tour par tour) - Colonne d'entêtes */				
.stats_tours_synthese_lignes_titre2
	{
	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:#DCDCDC;
	}		

/* Lignes du corps de tableau - Colonnes de gauche */			
.stats_tours_lignes
	{
	text-align:center;
	border-top:1.0pt solid windowtext;
	border-right:1.0pt 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:1.0pt solid windowtext;
	border-right:1.5pt solid windowtext;
	border-bottom:0pt solid windowtext;
	border-left:0pt solid windowtext;
	}	
	
/* Lignes du corps de tableau - (ajout 17/05/2017 pour annuaire par équipes) */		
.stats_tours_lignes_rbleft
	{
	text-align:left;
	border-top:1.0pt 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:1.0pt 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;   Ce n'est pas valide (ie9) */	
	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:1.0pt 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;   Ce n'est pas valide (ie9) */
	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:1.0pt 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:1.0pt 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:1.0pt 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;
	}				
	
/* Lignes du bas de tableau - Colonne d'entêtes - utilisé dans annuaire-par-course.htm*/				
.stats_tours_lignes_equ_bas
	{
  font-size:8.0pt;    	
	text-align:left;
	border-top:1.0pt solid windowtext;
	border-right:1.5pt solid windowtext;
	border-bottom:1.5pt solid windowtext;
	border-left:1.5pt solid windowtext;
	background:#B4547D;
	}	
	
.stats_tours_synthese_lignes_bas_rb
	{
	text-decoration:none;
	text-align:center;
	border-top:1.0pt solid windowtext;
	border-right:1.5pt solid windowtext;
	border-bottom:1.5pt solid windowtext;
	border-left:0pt solid windowtext;
	}		
	

/* Lignes du bas de tableau - Colonne d'entêtes - utilisé dans annuaire-par-equipe.htm*/				
.stats_tours_lignes_equ_bas2
	{
	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;
	background:#B4547D;
	}	
	
	
/* Lignes du bas de tableau - Colonne d'entêtes - utilisé dans tdf-vraischiffres.htm*/				
.stats_tours_lignes_bas
	{
	text-align:center;
	border-top:1.0pt solid windowtext;
	border-right:1.5pt solid windowtext;
	border-bottom:1.5pt solid windowtext;
	border-left:1.5pt solid windowtext;
	}		
	
/* Lignes du bas de tableau - Colonnes suivantes - utilisé dans tdf-vraischiffres.htm*/				
.stats_tours_lignes_bas2
	{
	text-align:center;
	border-top:1.0pt solid windowtext;
	border-right:1.0pt solid windowtext;
	border-bottom:1.5pt solid windowtext;
	border-left:1.0pt solid windowtext;
	}			
	
/* Lignes du bas de tableau - Colonnes suivantes - utilisé dans tdf-vraischiffres.htm*/				
.stats_tours_lignes_bas3
	{
	text-align:center;
	border-top:1.0pt solid windowtext;
	border-right:1.5pt solid windowtext;
	border-bottom:1.5pt solid windowtext;
	border-left:1.0pt solid windowtext;
	}				
	
/* Lignes du bas de tableau - Colonne d'entêtes - utilisé dans tdf-vraischiffres.htm*/				
.stats_tours_lignes_bas4
	{
	text-align:center;
	border-top:1.0pt solid windowtext;
	border-right:1.5pt solid windowtext;
	border-bottom:0.0pt solid windowtext;
	border-left:1.5pt solid windowtext;
	}			
	
/* Lignes du bas de tableau - Colonne d'entêtes - utilisé dans tdf-vraischiffres.htm*/				
.stats_tours_lignes_bas5
	{
	text-align:center;
	border-top:0.0pt solid windowtext;
	border-right:1.5pt solid windowtext;
	border-bottom:0.0pt solid windowtext;
	border-left:1.5pt solid windowtext;
	}	
	
/* Lignes du bas de tableau - Colonne d'entêtes - utilisé dans tdf-vraischiffres.htm*/				
.stats_tours_lignes_bas6
	{
	text-align:center;
	border-top:0.0pt solid windowtext;
	border-right:1.5pt solid windowtext;
	border-bottom:1.5pt solid windowtext;
	border-left:1.5pt solid windowtext;
	}	
		
/* Lignes du corps de tableau - Colonnes de gauche */			
.stats_tours_lignes_fondcolor
	{
	text-align:center;
	border-top:1.0pt solid windowtext;
	border-right:1.0pt solid windowtext;
	border-bottom:0pt solid windowtext;
	border-left:0pt solid windowtext;
	background:#B4547D;		
	}	
	
/* Lignes du corps de tableau - Colonnes de gauche */			
.stats_tours_lignes_rb_fondcolor
	{
	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 du bas de tableau - Colonne d'entêtes - utilisé dans tdf-vraischiffres.htm*/				
.stats_tours_lignes_bas_fondcolor
	{
	text-align:center;
	border-top:1.0pt solid windowtext;
	border-right:1.5pt solid windowtext;
	border-bottom:1.5pt solid windowtext;
	border-left:1.5pt solid windowtext;
	background:#B4547D;	
	}		
	
/* Lignes du bas de tableau - Colonnes suivantes - utilisé dans tdf-vraischiffres.htm*/				
.stats_tours_lignes_bas2_fondcolor
	{
	text-align:center;
	border-top:1.0pt solid windowtext;
	border-right:1.0pt solid windowtext;
	border-bottom:1.5pt solid windowtext;
	border-left:1.0pt solid windowtext;
	background:#B4547D;	
	}			
	
/* Lignes du bas de tableau - Colonnes suivantes - utilisé dans tdf-vraischiffres.htm*/				
.stats_tours_lignes_bas3_fondcolor
	{
	text-align:center;
	border-top:1.0pt solid windowtext;
	border-right:1.5pt solid windowtext;
	border-bottom:1.5pt solid windowtext;
	border-left:1.0pt solid windowtext;
	background:#B4547D;	
	}				
	
/***************************************************/		
/* Style pour les tableaux de l'annuaire du dopage */					
/***************************************************/			



/* Première ligne */					/* Inutilisé ?? */		
.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:7.0pt;    	
	text-align:left;
	border-top:0pt solid windowtext;
	border-right:0pt solid windowtext;
	border-bottom:1pt solid windowtext;
	border-left:1pt solid windowtext;
	}
	
/* Lignes paires du corps de tableau - Cellules centrées */				/* Inutilisé ?? */		
.ann_l1_c
	{
  font-size:7.0pt;    	
	text-align:center;
	border-top:0pt solid windowtext;
	border-right:0pt solid windowtext;
	border-bottom:1pt solid windowtext;
	border-left:1pt solid windowtext;
	}	
	
/* Lignes paires du corps de tableau - Cellule de droite */						/* Inutilisé ?? */				
.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 paires du corps de tableau */						
.ann_l2
	{
  font-size:7.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:#C7C7C7;	
	}
	
/* Lignes impaires du corps de tableau - Cellules centrées */					/* Inutilisé ?? */					
.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:#DDEEFF;
	}	
	
/* Lignes impaires du corps de tableau - Cellule de droite */						/* Inutilisé ?? */				
.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:#DDEEFF;
	}		
	
	
	
	
/***************************************************************/		
/*          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;
	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;
}


#banniere {
    font-size:24.0pt;
	background-color: #69003F;
	color: #FF9A00; /* Couleur du texte */
	font-weight:bold;		
	margin:0px;
	padding-top: 7px;
	padding-bottom: 10px;
	padding-left: 10px;	
	padding-right: 10px;	
	width:60%;
	text-align:center;	
    margin-left:auto;
    margin-right:auto;	
	border-radius: 20px; /* Valeur de rayon pour des coins arrondis */	
}

	/* Réduire la largeur pour les grands écrans */
	@media screen and (min-width: 1100px) {
		#banniere {
			/* width: 400px; */
			width: 450px;
		}
	}



/* Hashtags sur les pages des vrais chiffres */
.menuhorizontal {
}			

.menuhorizontal ul {
	margin: 0 0 15px 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;
	}