@charset "utf-8";
/* MISE EN PAGE 1280PX */	  
@media screen and (min-width:1200px) {
    body {
    font-family: Comic Sans MS, Helvetica, sans-serif; 	
    font-weight: bold;
	font-size: 16px;
    color: white;
	background-color: #5D5D5D;
	background-image: url(images/haut.gif) , url(images/fond.gif);
  	background-position: center top , center top;	
	background-repeat: no-repeat , no-repeat;  
	margin-left: auto ;
    margin-right: auto;
    }
	.page {
	width:1280px;	
    }
	.topmenu {
    margin-top: 170px ;
	margin-left: 30px;	
    }
    .cadre_centre {
    width: 1280px; /* largeur */
    height: 500; /* hauteur */
	display: inline-block; /* permet d'obtenir 2 <section> cote à cote */
    vertical-align: top; /* oblige les 2 <section> à s'aligner ensemble*/
	margin: 30px 0px 30px 0px; /* indique la taille de la marge extérieure haut/droite/bas/gauche */		
    }	
}
/* MISE EN PAGE 1920PX */
@media screen and (min-width:17000px) {
    body { 
    font-family: Comic Sans MS, Helvetica, sans-serif; 	
    font-weight: bold;
	font-size: 16px;
    color: white;
	background-color: #090707;
	background-image: url(images/haut.gif) , url(images/fond.gif);
  	background-position: center top , center top;	
	background-repeat: no-repeat , no-repeat;   
    margin-left: auto ;
    margin-right: auto;
    }
	.page {
	width:1920px;	
    }
	.topmenu {
    margin-top: 170px ;
	margin-left: 30px;	
    }
    .cadre_centre {
    width: 1670px; /* largeur */
    height: 500; /* hauteur */
	display: inline-block; /* permet d'obtenir 2 <section> cote à cote */
    vertical-align: top; /* oblige les 2 <section> à s'aligner ensemble*/
	margin: 30px 0px 30px 0px; /* indique la taille de la marge extérieure haut/droite/bas/gauche */	
		
    }	
}  
/* MISE EN PAGE TELEPHONE */
@media screen and (max-device-width:1199px) {
    body {
    font-family: Comic Sans MS, Helvetica, sans-serif; 	
    font-weight: bold;
	font-size: 16px;
    color: white;
	background-color: #5D5D5D;
	background-image: url(images/haut.gif) , url(images/fond.gif);
	background-repeat: no-repeat , no-repeat; 
	margin-left: auto ;
    margin-right: auto;
    }
	.page {
	width:1280px;	
    }
	.topmenu {
    margin-top: 170px ;
	margin-left: 30px;	
    }
    .cadre_centre {
    width: 1280px; /* largeur */
    height: 500; /* hauteur */
	display: inline-block; /* permet d'obtenir 2 <section> cote à cote */
    vertical-align: top; /* oblige les 2 <section> à s'aligner ensemble*/
	margin: 30px 0px 30px 0px; /* indique la taille de la marge extérieure haut/droite/bas/gauche */		
    }	
}
/* MISE EN PAGE */
section { border: 0px solid red; }
.lientexte { 
    text-decoration:none;
}

.cadre_gauche {
    width: 205px; /* largeur */
    height: 500; /* hauteur */
	display: inline-block; /* permet d'obtenir 2 <section> cote à cote */
    vertical-align: top; /* oblige les 2 <section> à s'aligner ensemble*/
	margin: 30px 5px 30px 5px; /* indique la taille de la marge extérieure haut/droite/bas/gauche */		
}

.cadre_bas {
    width: 1280px; 		
	bottom: 0px;
    background-color:rgba(48, 159, 217, 0.4);
	border-top: 2px solid rgba(48, 159, 218, 0.9); 
	margin-left:0px;
    }	

/*----------------MENU-----------------*/
/* le menu de la page */ 
div#test1 { position: relative; z-index: 4;}
div#test2 { position: relative; z-index: 2;}
#menu a {   
    display:block;   
    text-decoration:none;	
}  
#menu > li,  
    #menu > li li {  
    position: relative; 
    display:inline-block;  
    width: 140px; 
    height: 34px;	
    line-height : 34px;	 /* centrage du texte en heuteur */ 
    font-size: 14px;
    font-weight: bold;	 
    text-decoration:none;
    text-align:center;
}
/* contour du sous menu */
#menu > li li {  
    width: 140px;  
    border: 3px solid #309fd9; 	
} 
#menu > li li + li {  
    border-left: 3px solid #309fd9;  
    border-right: 3px solid #309fd9;  
    border-top: 0px solid #309fd9;  
    border-bottom: 3px solid #309fd9; 
} 
/* contour du menu de base */
#menu > li:first-child {  
    border: 3px solid #309fd9;
	border-right: 0px solid #309fd9;   
}  
#menu > li + li {  
    border-left: 3px solid #309fd9;  
    border-right: 0px solid #309fd9;  
    border-top: 3px solid #309fd9;  
    border-bottom: 3px solid #309fd9; 	
}  
#menu > li:last-child {
    border: 3px solid #309fd9;   
}  
#menu ul {  /* sous menu */  
    position: absolute;  
    top: 2,8em;
	left:-3px;   
    max-height:0em;   
	margin:0;		
    padding:0;	
    background: #18445b;	
    overflow:hidden;  
    transition: 1s max-height 0.2s;  
    border-radius: 0 0 10px 10px;  
}  
/* ici on change la valeur de max-height au :hover */  
#menu > li:hover ul {  
    /* need an adaptation, lower is better, but see it large    */  
    max-height:20em;  	 
}  
.bouton_select { /* style du bouton de la page */
	background-color:#309fd9;
    color: #fff;	
}
.bouton_select:hover { /* style du bouton de la page au survol  */
	background-color:#309fd9;
    color: #fff;	
}
.bouton_autres { /* style du bouton de la page */
    background: #18445b; /* couleur de fond RGB + transparence */ 
    color: #fff;	
}
.bouton_autres:hover { /* style du bouton de la page au survol */
	background-color:#309fd9;
    color: #fff;	 	
}
#menu > li:hover {/*  menu */   
	background: #309fd9; /* couleur de fond RGB + transparence */ 
}
#menu > li li:hover {/* sous menu */
	background: #309fd9; 	
}
.fbimg {
vertical-align:middle ;
    color: #fff;
}

.bouton_facebook { /* style du bouton de la page */
	background-color:#18445b;
    color: #fff;	
}
.bouton_facebook:hover { /* style du bouton de la page au survol */
	background-color:#309fd9;
    color: #fff;	
}
/* Fin menu de la page */

/*----------- décompte des courses------------*/
.table-crono{ 
    border:2px solid #309fd9; 
	text-align:center;
	border-spacing:0px;
}
.crono {
	width:50px;
	height:50px; 
	font-size: 30px;
	margin:5px;
	text-align:center;
	background-color:rgba(48, 159, 217, 0.4);	
    border:1px solid #309fd9;	
}
.texte-intitule { 
    max-width:200px; 
	height:20px;
	text-align:center;
	color:#fff;
	background-color:#309fd9;			
    border:1px solid #309fd9;	
}
.texte-haut { 
    max-width:200px; 
	height:50px;
	text-align:center;
	background-color:rgba(48, 159, 217, 0.4);			
    border:1px solid #309fd9;	
}
.texte-bas {
	height:15px; 
	font-size: 10px;
	text-align:center;
	background-color:rgba(48, 159, 217, 0.4);		
    border:1px solid #309fd9;	
}

.liste_inscrit { 		
    width: 200px; 
    height: 38px;	
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;	 
    text-decoration:none;
    text-align:center;
    border: 2px solid #000; 
    background:url(../espace_membres/images/word.gif) 10px 1px no-repeat ; 	
	background-color: #060;
}
 input.liste_inscrit:hover { /* style du bouton lors du passeage de la souris */
    border: 2px solid #0C0; 
    background:url(../espace_membres/images/word1.gif) 10px 1px no-repeat ; 	
	background-color:rgba(0, 0, 0, 0.9); /* couleur de fond RGB + transparence */ 	
    color: #0C0;
}
.bouton_inscrire { 		
    width: 200px; 
    height: 38px;	
	margin:15;		
    padding:15;	
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;	 
    text-decoration:none;
    text-align:center;
    border: 2px solid #000; 
    background:url(../espace_membres/images/word.gif) 10px 1px no-repeat ; 	
	background-color: #060;
}
 a.bouton_inscrire:hover { /* style du bouton lors du passeage de la souris */
    border: 2px solid #0C0; 
    background:url(../espace_membres/images/word1.gif) 10px 1px no-repeat ; 	
	background-color:rgba(0, 0, 0, 0.9); /* couleur de fond RGB + transparence */ 	
    color: #0C0;
}


/*----------------COULEUR DES TABLEAUX-----------------*/
/*-----------HAUT VERT FOND GRIS------------*/
.table0 {
    border: 3px solid #309fd9;
    border-collapse: collapse;
    text-align:center;  
}
.table0 th {
    border: 3px solid #309fd9;
    padding: 4px;
    text-align: center;
    background-color:rgba(48, 159, 217, 0.9);	
    font-weight: bold;
} 
.table0 td {
    border: 3px solid #309fd9;
    padding: 4px;
    background-color:rgba(48, 159, 217, 0.4);
}
.table1 {
    border: 3px solid #309fd9;
    border-collapse: collapse;
    text-align:center;  
}
.table1 th {
    border: 3px solid #309fd9;
    padding: 4px;
    text-align: center;
    background-color:rgba(48, 159, 217, 0.9);	
    font-weight: bold;
} 
.table1 td {
    border: 3px solid #309fd9;
    padding: 4px;
    text-align: center;
    background-color:rgba(48, 159, 217, 0.4);
}
/*-----------FOND MENU DE CONNEXION------------*/
.table2 {
	width:205px;
    border: 2px solid black;
    border-collapse: collapse;
    text-align:center;  
}
.table2 th {
    border: 2px solid black;
    padding: 3px;
    text-align: center;
    background-color:rgba(9, 237, 27, 0.9);	
    font-weight: bold;
} 
.table2th {
    background-color:rgba(0, 0, 0, 0.3);
	padding: 2px;
}
/*-----------FOND FORMULAIRE CONTACT------------*/
.tableformulaire {
    border: 3px solid #309fd9;
    background-color:rgba(48, 159, 217, 0.4);		 
}

/*-----------ESPACE IMG BAS SITE------------*/
.spacebas {
	margin: 0px 30px 0px 0px; /* marge extérieure haut/droite/bas/gauche */	
}
/*-----------ANTI COULEURS LIENS ET LIEN IMG------------*/
.lienimg {/* Liens par défaut (non survolés) */
   color: rgba(0, 0, 0, 0.0);
}
.lienimg:hover { /* Apparence au survol des liens */
   color: rgba(0, 0, 0, 0.0);
}
.lienimg:active {/* Liens par défaut (non survolés) */
   color: rgba(0, 0, 0, 0.0);
}
.lienimg:focus {/* Apparence au survol des liens */
   color: rgba(0, 0, 0, 0.0);
}
.lientxt {/* Liens par défaut (non survolés) */
   text-decoration:none; 
   color: #FFFFFF;
}
.lientxt:hover {/* Apparence au survol des liens */
   text-decoration:none; 
   color: #FFFFFF;
}
.lientxt:active {/* Liens par défaut (non survolés) */
   text-decoration:none; 	
   color: #FFFFFF;
}
.lientxt:focus {/* Apparence au survol des liens */
   text-decoration:none; 
   color: #FFFFFF;
}



.cadre_img
 {
    border: 3px solid #309fd9;
}


/* Gestion photos Sponsors */
.photos-sponsors {
    position: relative; 
    display:inline-block;  
    line-height :200px;	
	max-width:300px;	
	width:300px;
	height:200px;	
    background-color:rgba(48, 159, 217, 0.4);	
    text-align:center;		
    vertical-align: central;
}
.noms-photos-sponsors {
	max-width:300px;
	width:300px;
	height:30px;		
    color:#fff;
    background-color: #309fd9;
    border:3px solid #309fd9;
    text-align:center;
}
.photos-sponsors-img {
	/*width:300px;*/
	max-width:270px;
	max-height:180px;
    text-align:center;  
    vertical-align: central;
}
.tablel7 {
   border: 3px solid #309fd9;	
   border-collapse: collapse;
}


















/*-----------TABLEAU EQUIPE------------*/
.equipe {
border: 2px solid black;
background-color: rgba(0, 0, 0, 0.3);
border-collapse: collapse;
 }
.equipe td {
padding: 10px;

}
.equipe th {
border: 2px solid black;
padding: 10px;
text-align: center;
color:#fff;
background-color:rgba(9, 237, 27, 0.9);
}