BODY  { color:white;margin:0px;font-family: Arial, Helvetica, sans-serif;background:url('images/fond-site-v3-exterieur.jpg');background-size:cover;background-position: center 25%;background-attachment: fixed}

A {color:white;text-decoration:none}
A:hover {color:red}
A:visited {color:white}

/* Interface générale */

@media screen and  (max-width: 480px)
	{
	#ZONE_HEADER  {width:100%;background-color:#063464;color:white;min-height:60px;position:fixed;z-index:100;text-align:center;}

	#ZONE_HEADER_GAUCHE  {display:none}
	#ZONE_HEADER_CENTRAL {display:none}
	#ZONE_HEADER_DROITE  {display:block;width:99%;text-align:center;vertical-align:middle;border:0px solid red}
	#ZONE_HEADER_LOGO {display:none}

	.HEADER_MENU_BLOCK {display:inline-block;width:15%;color:white;font-size:2vw;font-weight:bold;cursor:pointer}
	.HEADER_MENU_BLOCK:hover {color:red}
	
	.ACCUEIL_BOUTON_ESPACE_ADHERENT_CONNEXION {border:1px solid white;background-color:white;color:black;border-radius:5px;font-size:4vw;font-weight:bold;text-align:center;width:90%;margin-top:15px;padding-top:0.3em;;padding-bottom:0.3em;vertical-align:middle;cursor:pointer}
	.ACCUEIL_BOUTON_ESPACE_ADHERENT_CONNEXION:hover {background-color:#DCBE66;color:black}

	.ACCUEIL_BOUTON_ESPACE_ADHERENT_CONNECTE {display:inline-block;width:40%;height:32px;font-size:4vw;background-color:green;margin-top:0.3em;}
	
	.ACCUEIL_BOUTON_ESPACE_ADHERENT_DECONNEXION {display:none}
	.ACCUEIL_BOUTON_ESPACE_ADHERENT_DECONNEXION_IMG {height:32px}
	}
	
@media screen and (min-width: 480px)
	{
	#ZONE_HEADER  {width:100%;background-color:#063464; color:white;min-height:60px;position:fixed;z-index:100;}

	#ZONE_HEADER_GAUCHE  {display:inline-block;width:20%;text-align:left;vertical-align:middle}		
	#ZONE_HEADER_CENTRAL {display:inline-block;width:59%;text-align:center;vertical-align:middle}
	#ZONE_HEADER_DROITE  {display:inline-block;width:20%;text-align:center;vertical-align:middle;border:0px solid red;height:80px}
	#ZONE_HEADER_LOGO {position:absolute;top:10px;left:10px;width:100px;width:100px;}

	.HEADER_MENU_BLOCK {display:inline-block;width:15%;color:white;margin-right:20px;font-size:1.2vw;font-weight:bold;cursor:pointer}
	.HEADER_MENU_BLOCK:hover {color:red}
	
	.ACCUEIL_BOUTON_ESPACE_ADHERENT_CONNEXION {border:1px solid white;background-color:white;color:black;border-radius:5px;font-size:1.6vw;font-weight:bold;text-align:center;width:90%;margin-top:15px;padding-top:0.3em;;padding-bottom:0.3em;vertical-align:middle;cursor:pointer}
	.ACCUEIL_BOUTON_ESPACE_ADHERENT_CONNEXION:hover {background-color:#DCBE66;color:black}
	
	.ACCUEIL_BOUTON_ESPACE_ADHERENT_CONNECTE {display:inline-block;width:60%;height:32px;font-size:1.3vw;background-color:green;color:black;margin-top:0.3em;}
	
	.ACCUEIL_BOUTON_ESPACE_ADHERENT_DECONNEXION {display:inline-block;width:20%;height:32px;font-size:1.3vw;background-color:white;margin-top:0.3em}
	.ACCUEIL_BOUTON_ESPACE_ADHERENT_DECONNEXION_IMG {height:32px}
	}

.ACCUEIL_BOUTON_ESPACE_ADHERENT_CONNEXION_LIEN {color:black}
.ACCUEIL_BOUTON_ESPACE_ADHERENT_CONNEXION_LIEN:hover {color:red}
.ACCUEIL_BOUTON_ESPACE_ADHERENT_CONNEXION_LIEN:visited {color:black}

.ACCUEIL_BOUTON_ESPACE_ADHERENT_CONNECTE_LIEN {color:black}
.ACCUEIL_BOUTON_ESPACE_ADHERENT_CONNECTE_LIEN:hover {color:red}
.ACCUEIL_BOUTON_ESPACE_ADHERENT_CONNECTE_LIEN:visited {color:black}

#ZONE_CONTENT  {width:100%;color:white;min-height:500px;padding-top:60px;color:black}
#ZONE_FOOTER  {width:100%;background-color:#063464; color:white}

.BOUTON {display:inline-block;padding:10px;border:3px solid black;border-radius:10px;margin:5px;vertical-align:top;background-color:white;text-align:center;cursor:pointer;}
.BOUTON:hover {background-color:#E1E1E1;}

.EQUIPES_BOUTON {display:inline-block;padding:10px;border:1px solid black;border-radius:10px;margin:5px;vertical-align:top;background-color:white;text-align:center;cursor:pointer;}
.EQUIPES_BOUTON:hover {background-color:#E1E1E1;}

.ACCUEIL_SALLE {display:inline-block;border:0px solid black;padding:10px;margin:10px;vertical-align:top;}
.ACCUEIL_HORAIRES {display:inline-block;width:10em;border:1px solid black;border-radius:10px;padding:10px;margin:10px;vertical-align:top;text-align:center;}

/* Interface Accueil */


@media screen and  (max-width: 480px)
	{
	.ACCUEIL_BLOC_GAUCHE {display:inline-block;width:98%;vertical-align:top;margin-right:3%}
	.ACCUEIL_BLOC_DROITE {display:inline-block;width:98%;vertical-align:top;margin-right:3%}
	
	}

@media screen and  (min-width: 480px)
	{
	.ACCUEIL_BLOC_GAUCHE {display:inline-block;width:47%;vertical-align:top;margin-right:3%}
	.ACCUEIL_BLOC_DROITE {display:inline-block;width:47%;vertical-align:top;margin-right:3%}
	
	}

#ANCRE_ACCUEIL_SECTION_ACTUS {background-color:#5683B1;min-height:350px;border-top:1px solid  #E1E1E1}

@media screen and  (max-width: 480px)
	{
	.ACCUEIL_ACTUS_ZONE_PROCHAINS_MATCHS {display:block;width:90%;padding-top:20px;margin-right:10px;text-align:center;border:0px solid red;vertical-align:top}
	.ACCUEIL_ACTUS_ZONE_PHOTOS {display:block;width:90%;padding-top:20px;min-height:350px;text-align:center;border:0px solid red;vertical-align:top}
	}
	
@media screen and  (min-width: 480px)
	{
	.ACCUEIL_ACTUS_ZONE_PROCHAINS_MATCHS {display:inline-block;width:48%;padding-top:20px;margin-right:10px;text-align:center;border:0px solid red;vertical-align:top}
	.ACCUEIL_ACTUS_ZONE_PHOTOS {display:inline-block;width:48%;min-width:300px;padding-top:20px;min-height:350px;text-align:center;border:0px solid red;vertical-align:top}	
	}

.ACCUEIL_ACTUS_TABLEAU_PROCHAINS_MATCHS {width:95%;color:black;text-align:center;}
.ACCUEIL_ACTUS_TABLEAU_PROCHAINS_MATCHS_LIGNE {}
.ACCUEIL_ACTUS_TABLEAU_PROCHAINS_MATCHS_PREMIERE_LIGNE {font-weight:bold;}

/*////////////////////*/
/* Interface Adhérent */
/*////////////////////*/

@media screen and  (max-width: 480px)
	{
	.ADHERENT_AUTHENTIFICATION_ZONE_GAUCHE {display:none}
	.ADHERENT_AUTHENTIFICATION_ZONE_DROITE {display:block;width:99%;border:1px solid red;background-color:rgba(255, 255, 255, 0.5);height:800px}
	}
	
@media screen and  (min-width: 480px)
	{
	.ADHERENT_AUTHENTIFICATION_ZONE_GAUCHE {display:inline-block;width:50%}
	.ADHERENT_AUTHENTIFICATION_ZONE_DROITE {display:inline-block;width:49%;background-color:rgba(255, 255, 255, 0.5);height:800px}
	}	

@media screen and  (max-width: 480px)
	{
	.ADHERENT_ZONE_ONGLETS {text-align:right;margin-bottom:10px;margin-top:10px}
	
	.ADHERENT_ONGLET {display:none;border:1px solid #E1E1E1;border-radius:10px;padding:10px}
	.ADHERENT_ONGLET_BOUTON {display:inline-block;width:100px;text-align:center;cursor:pointer;padding:4px;border-radius:3px;}
	.ADHERENT_ONGLET_BOUTON:hover {background-color:#F1F1F1}
	}
	
@media screen and  (min-width: 480px)
	{
	.ADHERENT_ZONE_ONGLETS {text-align:right;margin-bottom:10px;margin-top:10px}
	.ADHERENT_ONGLET {display:none;border:1px solid #E1E1E1;border-radius:10px;padding:10px}
	.ADHERENT_ONGLET_BOUTON {display:inline-block;width:100px;text-align:center;cursor:pointer;padding:4px;border-radius:3px;}
	.ADHERENT_ONGLET_BOUTON:hover {background-color:#F1F1F1}		
	}
	
.ADHERENT_ONGLET_CURSEUR {vertical-align:middle;border:1px solid #E1E1E1; border-radius:5px;padding:5px;cursor:pointer;}
.ADHERENT_ONGLET_CURSEUR:hover {background-color:#F1F1F1}

@media screen and (max-width: 480px)
	{
	.ADHERENT_PRESENCE_BLOC_MATCH {display:inline-block;margin:3px;padding:5px;width:90%;min-height:4em;vertical-align:top;border:1px solid #E1E1E1;border-radius:5px;text-align:center;cursor:pointer;}
	}

@media screen and (min-width: 480px)
	{
	.ADHERENT_PRESENCE_BLOC_MATCH {display:inline-block;margin:3px;padding:5px;width:46%;min-height:4em;vertical-align:top;border:1px solid #E1E1E1;border-radius:5px;text-align:center;cursor:pointer;}
	}
	
.ADHERENT_PRESENCE_BLOC_MATCH:hover {background-color:#F1F1F1}
.ADHERENT_PRESENCE_BLOC_MATCH_DATE_DEPASSEE {background-color:#E1E1E1}

.ADHERENT_PRESENCE_BLOC_MATCH_ZONE_PRESENCE {display:inline-block;margin-top:5px;width:50px;height:50px;border:1px solid #E1E1E1;border-radius:5px;text-align:center;vertical-align:top}
.ADHERENT_PRESENCE_BLOC_MATCH_ZONE_PRESENCE:hover {background-color:#A0A0A0}
.ADHERENT_PRESENCE_BLOC_MATCH_ZONE_PRESENCE_IMG {margin-top:9px;width:32px;}

.ADHERENT_PRESENCE_ZONE_SELECT {
	display:none;
	background-color:white;border-radius:20px;border:3px solid black;box-shadow: 5px 5px 5px #A0A0A0;
	position: fixed;
	top: 10%;left: 10%;transform: translate(-5%, +5%);
	}

.ADHERENT_MATCH_ZONE_DETAIL {
	display:none;
	background-color:white;border-radius:20px;border:3px solid black;box-shadow: 5px 5px 5px #A0A0A0;
	position: fixed;
	top: 10%;left: 10%;transform: translate(-5%, +5%);
	}

.ADHERENT_MEMBRE_ZONE_DETAIL {
	display:none;
	background-color:white;border-radius:20px;border:3px solid black;box-shadow: 5px 5px 5px #A0A0A0;
	position: fixed;
	top: 30%;left: 10%;transform: translate(-5%, +5%);
	}
	
		
.ADHERENT_PRESENCE_ZONE_SELECT_PRESENCE {display:inline-block;width:100px;text-align:center;margin:5px;padding:5px;border-radius:5px;vertical-align:top;cursor:pointer;border:1px solid white;}
.ADHERENT_PRESENCE_ZONE_SELECT_PRESENCE:hover {border:1px solid #E1E1E1;}
.ADHERENT_PRESENCE_ZONE_SELECT_PRESENCE_SELECT {border:1px solid #E1E1E1;background-color:black;color:white;}

.ADHERENT_PRESENCE_BLOC_MATCH_TITRE_SECONDAIRE {font-style:italic;font-weight:bold;font-size:0.8em;}
.ADHERENT_PRESENCE_BLOC_MATCH_ZONE_INFOS_COMPLEMENTAIRES {display:none}
.ADHERENT_PRESENCE_BLOC_MATCH_LIEU {text-align:right;font-size:0.8em;margin-top:10px;}

.ADHERENT_PRESENCE_BLOC_MATCH_INFOS_ZONE_TITRE {font-weight:bold;font-size:1.4em;text-align:center;}

.ADHERENT_PRESENCE_BLOC_MATCH_PRESENCE_EQUIPE_ZONE {margin-top:15px}
.ADHERENT_PRESENCE_BLOC_MATCH_PRESENCE_EQUIPE_ZONE_TITRE {font-weight:bold;font-size:1.4em;}
.ADHERENT_PRESENCE_BLOC_MATCH_PRESENCE_EQUIPE {margin-right:10px;}
.ADHERENT_PRESENCE_BLOC_MATCH_PRESENCE_EQUIPE_IMG {width:16px;margin-right:5px;}

.ADHERENT_MATCH_ZONE_DETAIL_PRESENCE {width:95%;color:black;text-align:center;}
.ADHERENT_MATCH_ZONE_DETAIL_PRESENCE_LIGNE {border-bottom:1px solid #F1F1F1;}
.ADHERENT_MATCH_ZONE_DETAIL_PRESENCE_LIGNE:hover {background-color:#E1E1E1}
.ADHERENT_MATCH_ZONE_DETAIL_PRESENCE_PREMIERE_LIGNE {font-weight:bold;}

.ADHERENT_BOUTON {display:inline-block;width:100px;text-align:center;cursor:pointer;padding:4px;border-radius:3px;border:1px solid black;}
.ADHERENT_BOUTON:hover {background-color:#E1E1E1;}

.MEMBRE_TEL_BOUTON {display:inline-block;padding:3px;border:1px solid black;border-radius:8px;color:black;margin:2px;vertical-align:top;background-color:white;text-align:center;cursor:pointer;}
.MEMBRE_TEL_BOUTON:hover {background-color:#E1E1E1;}