/* ----------------------------------------------------------------------------------------------- */
/* DÉBUT DES CSS POUR LE MENU MOBILE */
/* NOTE : LE SYTLE DES MENUS ACTIFS SONT DÉFINIS DANS LE FICHIER MENU.HTML */
/* ----------------------------------------------------------------------------------------------- */
/* 2022-11-03 DIMINUER GROSSEUR DES FONTS */
/* 2023-11-23 MODIFIER CODE POUR AFFICHER FLÈCHE DE RETOUR EN HAUT */
/* 2025-08-15 MODIFIER CODE CSS POUR AFFICHER FLÈCHE DE RETOUR EN HAUT */
/* DANS #symbole_retour DÉPLACER bottom: VERS #symbole_retour a */
/* 2025-10-18 - AJOUT box-sizing: border-box; DANS LES CSS POUR LA FLÊCHE DE RETOUR EN HAUT */ 

@charset "UTF-8";

/* nav_contenant - CONTENANT POUR LE BLOC Accueil ET LE BLOC menu */
#nav_contenant {
  float: none;     /* LE MENU RESTE AU DESSUS DES PAGES */
  /* PAS DE sticky POUR LE MENU MOBILE */
  height: auto;
  width:auto;
  /* 2022-12-18 UTILISER VARIABLE */
  max-width: var(--AffichageLargeurMax);
  /* testé 2022-04-03 - meilleur fond AntiqueWhite */
  /* background-color: AntiqueWhite;  */
  /* background-color: Tan; */
  /* background-color: beige; */
  /* background-color: bisque; */
  /* background-color: wheat; */
  /* IMAGE À LA PLACE */
  background-image: url(/images/fonds/papier-froise-1.jpg);
  /* COVER OU CONTAIN OU AUTO AUTO */
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

#case_accueil {  /* CASE CONTENANT LE MOT Accueil */
  height: auto;
  width: auto;
  text-align: center;
  /* padding: 2px 0px 2px 0px; */

  /* une ligne de séparation en bas */
  border-style: solid;
  border-color: var(--VarMonBleuMedium);
  border-width: 0px 0px 2px 0px;
}

#case_accueil a {
  font-weight: bold;
  font-size: 2.2rem;
  /* COULEUR DU LIEN Accueil */
  color: var(--VarMonBleuMedium);
}

#case_accueil a:hover {
  /* text-decoration: underline; */
  color: var(--VarMonVert);
}

/* AJOUTER EN CSS QU'ON EST DANS LE MENU MOBILE */
/*
#case_accueil a::after {
  content: " (en version mobile)";
  font-size: 1.2rem;
  position: relative;
  bottom: 3px;
}
*/

/* DEBUT BLOC menu À L'INTÉRIEUR DE nav_contenant */
#menu {
  /* margin: 2px 2px 2px 4px; */
}

#menu .menu_niveau_1 {
      /* display: block; */
  text-align: left;
  width: auto;
  padding: 2px 0px 2px 4px;
  /* LIGNE DE SÉPARATION EN BAS */
  border-style: solid;
  border-color: var(--VarMonBleuMedium);
  border-width: 0px 0px 2px 0px;
}

/* PAS NÉCESSAIRE SI COULEUR FOND TRANSPARENT */
/*
#menu .menu_niveau_1:first-child {
  border-radius: 6px 6px 0px 0px;
}
*/

/*
#menu .menu_niveau_1:last-child {
  border:none;
  border-radius: 0px 0px 6px 6px;
  margin-bottom: 5px;
}
*/

#menu .menu_niveau_1 a {
  /* PERMET DE CLIQUEZ DANS LA CASE */
  /* display: block; */
  color: var(--VarMonBleuMedium);
  font-weight: bold;
  /* GROSSEUR DES FONTS DES LIENS DU niveau1 */
  /* font-size: 1.5rem; */
  font-size: 1.4rem;
  padding: 0px 0px 0px 4px;
}

/* .menu_niveau_1 a, .menu_niveau_1 a:visited  { */
 /* color: var(--VarMonBleu-medium); */ /* COULEUR DES LIENS DE NIVEAU1 */
/* } */

#menu .menu_niveau_1 a:hover {
  /* text-decoration: underline; */
  color: var(--VarMonVert);
}

#menu .menu_niveau_2 {
  /* display:block; */
  /* COULEUR DU FOND DES SOUS-MENUS - SI PAS SPÉCIFÉ, COULEUR FOND DE NIVEAU 1 */
  /* background-color: var(--VarMonBleuPale); */
  /* DÉCALAGE DES SOUS-MENUS VERS LA DROITE */
  padding-left: 6px;
}

#menu .menu_niveau_2 a {
  /* LES SOUS-MENUS SE SUIVENT EN LIGNE */
  display: inline-block;
  height:auto;
  width:auto;
  margin: 2px;
  padding: 3px;
  /* GROSSEUR DES FONTS DES LIENS DES SOUS-MENUS */
  /* font-size: 1.2rem; */
  font-size: 1.1rem;
  border:none;
}

#menu .menu_niveau_2 a:hover {
  text-decoration: underline;
  color: var(--VarMonVert);
}

/* ------------------------------------------------------------------------------------------- */
/* 2022-08-10 AJOUTÉ ICI POUR CACHER LES SOUS-MENUS NON ACTIFS COMME DANS menu_ordi
/* 2021-10-02 TRANSFERT DE COMMANDES DU CODE MENU À ICI */
/* LES SOUS-MENUS SONT CACHÉS PAR DÉFAUT */
.montrer_administration {display:none;}
.montrer_notre-club {display:none;}
.montrer_infotech {display:none;}
.montrer_autres-infos {display:none;}
/* ------------------------------------------------------------------------------------------- */

#pages_contenant {
  position: relative;
  border-style: none;
  border-width: 0px;
}

/* AJOUTER UNE FLÈCHE DE RETOUR VERS LE HAUT EN VERSION MOBILE */
#symbole_retour {
  position: absolute; 
  box-sizing: border-box; /* AJOUT 2025-10-18 */
  z-index:999;  
  left: 88%;
}

#symbole_retour a {
  position: fixed;
  box-sizing: border-box; /* AJOUT 2025-10-18 */
  bottom: 30px;
  margin-left: -3%;
  text-decoration: none;
}

#symbole_retour img {
  /* GROSSEUR DE L'IMAGE FÈCHE SI MISE DANS CONTENU DU LIEN */
  width: 30px;
}

/* ON PEUT AUSSI LE FAIRE AVEC AFTER... */
/* #symbole_retour:after { content: url('/images/fleches/fleche_haut_noir_transp_3.png'); } */

/* A VÉRIFIER SI MEILLEUR */
#fleche_retour {
  position: fixed;
  box-sizing: border-box; /* AJOUT 2025-10-18 */  
  z-index: 999;
  /* background-color: rgb(0, 0, 0); */
  /* opacity: 0.85; */
  width: 10%;
  bottom: 10px;
  left: 88%;
  transform: translate(-55%);
  /*padding: 20px; */
}

/* -------------------------------------------------- */
/* FIN DES CSS POUR MENU MOBILE --------------------- */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* CSS MEDIA QUERY MENU MOBILE ---------------------- */
/* RIEN À MODIFIER ---------------------------------- */
/* PRIS EN CHARGE PAR MEDIA QUERY GENERAUX            */
/* -------------------------------------------------- */
/* RIEN ICI POUR MENU MOBILE */
/* @media screen and (max-width: 600px) { } */