@charset "iso-8859-1";
/*@import url("annexe.css");*/

body
	{
	margin:0px;
  	width:100%;
  	background-color:#FFFFFF;
  	font-family: Verdana, Arial;
  	font-size: 9pt;
  	color: #000000;
	}
	
sup 
	{
	font-size: 90%;
    vertical-align: 9%;
	position:relative;
	}
	
td,div
	{	
	font-family: Verdana, Arial;
	font-size:9pt;
	font-weight:bold;
	}
	
dt
	{
  	font-style: italic;
  	margin-bottom: 0.2em;
  	margin-left: 1.5em;
	}

dd
	{
  	margin-bottom: 1em;
  	margin-left: 3em;
	}

form
	 {
	 margin:0px;
	 }
	
/* === Les liens === */

a
	{
  	text-decoration: none;
  	font-size: 9pt;
  	font-weight:bold;
 	color: #00166B;
	}

a:hover
	{
 	 color: #00166B;
 	 text-decoration: underline;
	}

/* === Les bannières === */

td#Header_fr
	{
	height:120px;
	width:1000px;
	background: url("images/banniere_fr.jpg");
	}

td#Header_en
	{
	height:120px;
	width:1000px;
	background: url("images/banniere_en.jpg");
	}
/* === Les drapeaux de languages=== */

div#Languages
	{
	float:left;
	margin-left:20px;
	}

div#Languages img
	{
	vertical-align:bottom;
	margin-left:10px;
	border:none;
	display:inline;
	}

/* === Le bloc de connexion === */

span#Inscription
	{
	float:right;
	margin-right:10px;
	}

span#UserName 
	{
	margin-left:50px;
	}

span#Adminlien
	{
	margin-left:5px;
	font-size:9pt;
	vertical-align:middle;
	color:#FF0000;
	}

span#Espoir
	{
	margin-left:5px;
	font-size:9pt;
	vertical-align:middle;
	font-style:italic;
	}

span#Adminlien a
	{
	font-size:9pt;
	color:#FF0000;
	}

td#Connexion
	{
	height:40px;
	width:1000px;
	padding-top:15px;
	padding-bottom:10px;
	border-bottom: solid 1px #00166B;
	background: url("images/connexion.jpg");
	}

/* === Boutons de navigation === */

td#Navigation
	{
  	height: 40px;
  	margin: 0px;
  	padding: 0px;
	background: url("images/navigation.jpg");
  	width: 1000px;
	}

td#Navigation a:hover
	{
	background: url("images/bouton_on.gif");
	color:red;
	}

td#Navigation ul
	{
	list-style-type: none;
	margin: 0px;
  	padding:0px;
	}

td#Navigation li
	{
	display: inline;
	text-align:center;
	
	}

td#Navigation a
	{
	display:inline-block;
	color:#FEF681;
	width: 100px;
	height:24px;
	padding-top:6px;
	margin-left:15px; /* A remettre sur 10px */
	margin-right:15px; /* A remettre sur 10px */
	background: url("images/bouton_off.gif");
	}

/* === Les blocs du site === */

.Bloc
	{
  border-bottom: solid 1px #00166B;
  background-color:#FEF681;
  width:1000px;
	}

.Bloc2
	{
  border-bottom: solid 1px #00166B;
  background-color:#FEF681;
  width:500px;
	}

.Bloc3
	{
  border-bottom: solid 1px #00166B;
  border-left: solid 1px #00166B;
  background-color:#FEF681;
  width:500px;
	}

.Entete
	{
  padding: 0px;
  padding-top:5px;
  margin: 0px;
  height: 25px;
  font-size: 12pt;
  color:#00166B;
  font-weight: bold;
  background-image: url("images/titre_bloc.jpg");
	}

.Entete img
	{
	margin-left:10px;
	margin-right:10px;
	vertical-align:middle;
	}
  
.Contenu
	{
	background-color:#FEF681;
	font-size:9pt;
	line-height:20px;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	}

.Contenu img
	{
	vertical-align:middle;

	}

.Contenu #Ligne  /* Désigne une ligne des news */
	{
	padding-bottom:2px;
	padding-top:2px;
	}
	
.Contenu #Titre
	{
	padding-bottom:10px;
	}

.Contenu #Titre_categorie
	{
	font-size:12pt;
	padding-left:10px;
	color:#00166B;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px solid #00166B;
	width:300px;
	}
	
.Contenu #Affichage
	{
	margin-left:20px;
	padding-bottom:20px;
	}
	
.Contenu #Affichage span
	{
	color:#00166B;
	vertical-align:top;
	margin-top:-3px;
	}
	
.Contenu #Affichage span#Adminlien
	{
	color:#FF0000;
	}
	
.Contenu #Maillotvide
	{
	float:right;
	padding-top:50px;
	color:#00166B;
	background-color:#FFFFFF;
	text-align:center;
	margin-right:90px;
	height:140px;
	width:120px;
	border:1px solid #00166B;
	}
	
.Contenu #Maillot
	{
	float:right;
	width:300px;
	text-align:center;
	}

.Contenu #Photovide
	{
	float:right;
	padding-top:20px;
	color:#00166B;
	background-color:#FFFFFF;
	text-align:center;
	margin-right:110px;
	height:100px;
	width:80px;
	border:1px solid #00166B;
	}

.Contenu #Photovide2
	{
	color:#00166B;
	padding-top:15px;
	background-color:#FFFFFF;
	text-align:center;
	height:80px;
	width:72px;
	border:1px solid #00166B;
	}
	
.Contenu #Photo
	{
	float:right;
	width:300px;
	
	text-align:center;
	}
	
.Contenu #Photo img
	{
	border:1px solid #000000;
	}
	
/* === Les statistiques du site === */

.Contenu #Statistiques .Titre
	{
	color:#00166B;
	margin-bottom:10px;
	font-size:10pt;
	}
	
.Contenu #Statistiques .ListePays #Lignes
	{
	padding-top:5px;
	padding-bottom:5px;
	margin-left:20px;
	}
	
.Contenu #Statistiques .ListePays
	{
	margin-bottom:30px;
	}

.Contenu #Statistiques .Formulaire
	{
	margin-left:50px;
	margin-bottom:0px;
	}
	
.Contenu #Statistiques .Formulaire #Checkbox
	{
	margin-top:10px;
	margin-bottom:10px;
	margin-left:20px;
	}
	
.Contenu #Statistiques .Formulaire #Radio input
	{
	margin-top:3px;
	margin-bottom:3px;
	margin-left:15px;
	vertical-align:middle;
	}

.Contenu #Statistiques .Formulaire #Radio label
	{
	margin-left:-5px;
	}
	
.Contenu #Statistiques .Formulaire #Envoi
	{
	margin-top:0px;
	margin-left:20px;
	}
	
.Contenu #Statistiques .Lignes
	{
	padding-top:3px;
	padding-bottom:3px;
	margin-left:20px;
	}
	
.Contenu #Statistiques .lignes #Etiquettes
	{
	display:inline-block;
	width:100px;
	text-align:right;
	}
	
.Contenu #Statistiques .lignes #Etiquettescyclocross
	{
	display:inline-block;
	width:130px;
	text-align:right;
	}
	
/* === Le calendrier du site === */

.Contenu #Listecourse
	{
	text-align:center;
	}
	
.Contenu #Listecourse table
	{
	border:2px solid #00166B;
	margin-top:10px;
	margin-bottom:20px;
	background-color:#FFFFFF;
	}
	
.Contenu #Listecourse .Etiquette2
	{
	border-left:1px solid #00166B;
	border-bottom:2px solid #00166B;
	text-align:center;
	padding:5px;
	font-size:10pt;
	background-color:#D9D9D9;
	}

.Contenu #Listecourse .Etiquette3
	{
	border-left:2px solid #00166B;
	border-bottom:2px solid #00166B;
	text-align:center;
	padding:5px;
	font-size:10pt;
	background-color:#D9D9D9;
	}

.Contenu #Listecourse .Etiquette1
	{
	border-bottom:2px solid #00166B;
	text-align:center;
	padding:5px;
	font-size:10pt;
	background-color:#D9D9D9;
	}

.Contenu #Listecourse .Cellule1
	{
	border-bottom:1px solid #00166B;
	text-align:center;
	padding:5px;
	font-size:9pt;
	}

.Contenu #Listecourse .Etiquette4
	{
	border-top:2px solid #00166B;
	text-align:center;
	padding:5px;
	font-size:10pt;
	background-color:#D9D9D9;
	}

.Contenu #Listecourse .Etiquette5
	{
	border-top:2px solid #00166B;
	border-left:1px solid #00166B;
	text-align:center;
	padding:5px;
	font-size:10pt;
	background-color:#D9D9D9;
	}

.Contenu #Listecourse .Etiquette6
	{
	border-top:2px solid #00166B;
	border-left:2px solid #00166B;
	text-align:center;
	padding:5px;
	font-size:10pt;
	background-color:#D9D9D9;
	}
	
.Contenu #Listecourse .Cellule1bis
	{
	text-align:center;
	padding:5px;
	font-size:9pt;
	}
.Contenu #Listecourse .Cellule2
	{
	border-left:1px solid #00166B;
	border-bottom:1px solid #00166B;
	text-align:center;
	padding:5px;
	font-size:9pt;
	}

.Contenu #Listecourse .Cellule3
	{
	border-left:2px solid #00166B;
	border-bottom:1px solid #00166B;
	text-align:center;
	padding:5px;
	font-size:9pt;
	}
	
.Contenu #Listecourse .Cellule2bis
	{
	border-left:1px solid #00166B;
	text-align:center;
	padding:5px;
	font-size:9pt;
	}

.Contenu #Listecourse .Cellule3bis
	{
	border-left:2px solid #00166B;
	text-align:center;
	padding:5px;
	font-size:9pt;
	}

/* === Les clubs du site === */

.Contenu #ListeClubs .Titre_rubrique
	{
	font-size:12pt;
	padding-left:10px;
	border-bottom:1px solid #00166B;
	width:300px;
	}
	
.Contenu #ListeClubs .Contenu_rubrique table
	{
	margin-top:15px;
	margin-bottom:20px;
	}
	
.Contenu #ListeClubs .Contenu_rubrique li
	{
	padding-bottom:10px;
	}
	
.Contenu #ListeClubs .Contenu_rubrique ol
	{
	margin-top:0px;
	padding-left:0px;
	margin-left:40px;
	}
	
.Contenu #ListeClubs ol
	{
	margin-top:0px;
	padding-left:20px;
	margin-left:40px;
	}

.Contenu #ListeClubs li
	{
	padding-bottom:10px;
	}

.Contenu #ListeClubs .effectif
	{
	display:inline-block;
	width:100px;
	}
	
.Contenu #ListeClubs .categorie
	{
	display:inline-block;
	width:140px;
	}

.Contenu #ListeClubs .comite
	{
	display:inline-block;
	width:220px;
	}
	
.Contenu #ListeClubs .drapeau
	{
	display:inline-block;
	width:25px;
	}
	
.Contenu #ListeClubs .points
	{
	display:inline-block;
	text-align:right;
	width:50px;
	}
	
.Contenu #ListeClubs .nom
	{
	display:inline-block;
	vertical-align:middle;
	width:240px;
	}

/* === Les équipes du site === */

.Contenu #ListeEquipes .Titre_rubrique
	{
	font-size:12pt;
	padding-left:10px;
	border-bottom:1px solid #00166B;
	width:400px;
	}
	
.Contenu #ListeEquipes .Contenu_rubrique table
	{
	margin-top:15px;
	margin-bottom:20px;
	}
	
.Contenu #ListeEquipes .Contenu_rubrique li
	{
	padding-bottom:10px;
	}
		
.Contenu #ListeEquipes .Contenu_rubrique ol
	{
	margin-top:0px;
	padding-left:0px;
	margin-left:40px;
	}
	
.Contenu #ListeEquipes ol
	{
	margin-top:0px;
	padding-left:20px;
	margin-left:40px;
	}
	
.Contenu #ListeEquipes .nom
	{
	display:inline-block;
	vertical-align:middle;
	width:240px;
	}
	
.Contenu #ListeEquipes .points
	{
	display:inline-block;
	text-align:right;
	width:50px;
	}
	
.Contenu #ListeEquipes .effectif
	{
	display:inline-block;
	width:80px;
	}
	
.Contenu #ListeEquipes .categorie
	{
	display:inline-block;
	width:180px;
	}
	
.Contenu #ListeEquipes .manager
	{
	display:inline-block;
	width:200px;
	}
	
.Contenu #ListeEquipes .drapeau
	{
	display:inline-block;
	width:25px;
	}
	
.Contenu #ListeEquipes li
	{
	padding-bottom:10px;
	}
	
.Contenu #ListeEquipes .Thumbailequipe
	{
	float:left;
  	width: 235px;
  	height: 160px;
	cursor: pointer;
  	margin: 20px 5px 20px 5px;
  	overflow: hidden;
  	font-weight:bold;
  	text-align:center;
  	}

.Contenu #ListeEquipes .Thumbailequipe #Maillotvide
	{
	padding-top:50px;
	color:#00166B;
	background-color:#FFFFFF;
	text-align:center;
	cursor: pointer;
	margin-left:55px;
	margin-bottom:5px;
	height:140px;
	width:120px;
	border:1px solid #00166B;
	}

/* === Les coureurs du site === */

	
.Contenu #Palmares .Titre
	{
	font-size:12pt;
	/*text-decoration:underline;*/
	color:#00166B;
	}
	
.Contenu #Palmares .Lignes
	{
	font-size:10pt;
	padding:10px;
	}
	
.Contenu #Palmares .Lignes #Ligne
	{
	padding-left:10px;
	padding-bottom:8px;
	}

.Contenu #ListeCoureurs ol
	{
	margin-top:0px;
	padding-left:20px;
	margin-left:40px;
	}
	
.Contenu #ListeCoureurs .datedenaissance
	{
	display:inline-block;
	width:160px;
	}

.Contenu #ListeCoureurs .nom
	{
	display:inline-block;
	vertical-align:middle;
	width:240px;
	}
	
.Contenu #ListeCoureurs .points
	{
	text-align:right;
	width:50px;
	}
	
.Contenu #ListeCoureurs .equipe
	{
	display:inline-block;
	width:230px;
	}
		
.Contenu #ListeCoureurs .age
	{
	display:inline-block;
	width:90px;
	}

.Contenu #ListeCoureurs .drapeau
	{
	display:inline-block;
	width:25px;
	}

.Contenu #ListeCoureurs .specificite
	{
	display:inline-block;
	width:130px;
	}
	
.Contenu #ListeCoureurs .categorie
	{
	width:160px;
	}
	
.Contenu #ListeCoureurs .debutpro
	{
	display:inline-block;
	width:120px;
	}
	
.Contenu #ListeCoureurs li
	{
	padding-bottom:0px;
	}

.Contenu #ListeCoureurs .Thumbailcoureur
	{
	float:left;
  	width: 230px;
  	height: 115px;
  	margin: 20px 5px 20px 5px;
  	overflow: hidden;
	cursor: pointer;
	text-align:center;
  	font-weight:bold;
	border:2px solid #00166B;
  	}
	
.Contenu #ListeCoureurs .Thumbailcoureur #Photovide
	{
	color:#00166B;
	padding-top:3px;
	background-color:#FFFFFF;
	text-align:center;
	cursor: pointer;
	height:85px;
	width:70px;
	border:1px solid #00166B;
	}

.Contenu #ListeCoureurs .equipeouclub
	{
	display:inline-block;
	width:220px;
	}

.Contenu #ListeCoureurs .categorie
	{
	display:inline-block;
	width:160px;
	}

/* === Le parcours professionnel des coureurs === */

.Contenu #ListeParcours .equipeouclub
	{
	display:inline-block;
	width:220px;
	}

.Contenu #ListeParcours .categorie
	{
	display:inline-block;
	width:160px;
	}

.Contenu #ListeParcours .victoire
	{
	display:inline-block;
	width:120px;
	}

.Contenu #ListeParcours
	{
	margin-bottom:10px;;
	}

/* === Le classement des épreuves === */

.Contenu #Classement_epreuve
	{
	margin-top:0px;
	margin-bottom:10px;
	margin-left:20px;
	line-height:0.8 cm;
	}
	
.Contenu #Classement_epreuve img
	{
	margin-bottom:0px;
	}
	
.Contenu #Classement_epreuve .numero
	{
	display:inline-block;
	width:50px;
	text-align:right;
	}

.Contenu #Classement_epreuve input
	{
	margin-left:10px;
	}

.Contenu #Classement_epreuve .coureur
	{
	padding-left:10px;
	}

.Contenu #Classement_epreuve .drapeau
	{
	padding-left:10px;
	}

.Contenu #Classement_epreuve .nom
	{
	padding-left:10px;
	}
	
/* === Le message d'erreur === */

.message /* Affiche le message d'erreur */
	{
	font-style:normal;
	padding-top:5px;
	padding-bottom:15px;
	margin-left:20px;
	color:red;
	}

.reportage
	{
	color:#00166B;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:15px;
	line-height:0.8 cm;
	}
		
.message_texte
	{
	line-height:0.8 cm;
	margin:20px;
	clear:both;
	}
/* === Les formulaires === */

.Contenu #Etiquette
	{
	padding-bottom:10px;
	}
	
.Contenu #Case input
	{
	vertical-align:middle;
	margin-left:5px;
	}

.Contenu #Case
	{
	margin-bottom:5px
	} 
		
.Contenu #Case select
	{
	vertical-align:middle;
	margin-left:5px;
	}
	
.Contenu #Etiquette2
	{
	padding-bottom:25px;
	}

.Contenu #Etiquette3
	{
	padding-bottom:20px;
	}

.Contenu #Etiquette_droite
	{
	padding-bottom:10px;
	}
	
.Contenu #Etiquette label /* Désigne les étiquettes du formulaire */
	{
	float:left;
	width:190px;
	margin-left:20px;
	padding-top:0.3em;
	}
	
.Contenu #Etiquette2 label /* Désigne les étiquettes du formulaire */
	{
	float:left;
	width:190px;
	margin-left:20px;
	padding-top:0.3em;
	}
	
.Contenu #Etiquette3 label /* Désigne les étiquettes du formulaire */
	{
	float:left;
	width:190px;
	margin-left:20px;
	padding-top:0.3em;
	}		

.Contenu #Grand_texte /* Désigne une grande zone de texte */
	{
	margin-left:20px;
	padding-bottom:10px;
	}	

.Contenu #Formulaire_droite /* Désigne le formulaire coté droit */
	{
	float:right;
	margin-top:-10px;
	width:450px;
	}

.Contenu #Formulaire_droite2 /* Désigne le formulaire coté droit */
	{
	float:right;
	margin-top:-10px;
	width:300px;
	}

.Contenu #Formulaire_droite3 /* Désigne le formulaire coté droit */
	{
	float:right;
	margin-top:-20px;
	width:380px;
	}
	
.Contenu #Etiquette_proche  /* Désigne les étiquettes du formulaire à rapprocher */
	{
	margin-bottom:5px;
	}
	
.Contenu #Etiquette_proche  label /* Désigne les étiquettes du formulaire */
	{
	float:left;
	width:190px;
	margin-left:20px;
	padding-top:0.3em;
	}	
		
.Contenu #Etiquette_droite label
	{
	width:120px;
	padding-top:0.3em;
	}

.Contenu #Checkbox /* Désigne les checkbox du formulaire */
	{
	margin-left:210px;
	}	
	
.Contenu #Envoi /* Désigne les boutons d'envoi de formulaire */
	{
	clear:both;
	margin-top:20px;
	margin-left:350px;
	padding-top: 1em;
  	padding-bottom: 1em;
	}
	
.Contenu #Envoi2 /* Désigne les boutons d'envoi de formulaire */
	{
	clear:both;
	margin-top:20px;
	margin-left:30px;
	padding-top: 1em;
  	padding-bottom: 1em;
	}
	
.Contenu #Envoi3 /* Désigne les boutons d'envoi de formulaire */
	{
	clear:both;
	margin-top:0px;
	margin-left:30px;
	padding-top: 1em;
  	padding-bottom: 1em;
	}
	
.Contenu #Envoi input /* Désigne les boutons d'envoi de formulaire */
	{
	font-weight:bold;
	}

.Contenu #Envoi2 input /* Désigne les boutons d'envoi de formulaire */
	{
	font-weight:bold;
	}
	
.Contenu #Envoi3 input /* Désigne les boutons d'envoi de formulaire */
	{
	font-weight:bold;
	}

.Contenu #Radio input /* Désigne les boutons radio de formulaire */
	{
	margin-top:10px;
	margin-left:5px;
	margin-bottom:10px;
	vertical-align:middle;
	}
	
.Contenu #Radio label
	{
	padding-left:5px;
	padding-bottom:10px;
	}
	
.Contenu legend
	{
	color:#00166B;
	font-weight:bold;
	padding:5px;
	}
/* === Les tris du site === */

div#Trialphabetique
	{
	font-size:11pt;
	padding-top:10px;
	}
	
div#Trialphabetique a
	{
	font-size:11pt;
	}

div#Trialphabetique  .Pagecourante
	{
	color:red;
	}
	
/* === Le pied de page du site === */
	
td#Pieddelapage
	{
	font-style:italic;
	background-color:#D9D9D9;
	padding-top:10px;
	padding-bottom:10px;
	}
	
#Infosdegauche1
	{
	font-size:8pt;
	float:left;
	line-height:0.3cm;
	vertical-align:top;
	text-align:left;
	margin-left: 1em;
	}

#Infosdegauche2
	{
	font-size:8pt;
	float:left;
	line-height:0.5cm;
	vertical-align:top;
	text-align:left;
	margin-left: 1em;
	}
	
#Infosdegauche1 img
	{
	vertical-align:middle;
	margin-right:5px;
	}
	
#Infosdegauche2 img
	{
	vertical-align:bottom;
	margin-right:8px;
	}
	
#Infosdedroite
	{
	float:right;
	margin-top:-5px;
	line-height:0.8cm;
	text-align:right;
	margin-right:1em;
	}
