/* début style barre des boutons */
.topnav {
  overflow: hidden;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 57px;
  display: flex;
  justify-content: center;
  background-color: hsl(145, 30%, 20%); /* Ajout de la couleur de fond */
  z-index: 100;
  /* background-color: hsl(var(--PromoColorTheme) , 30%, 88%); */
  /* background-color: hsl( 90 , 30%, 88%);*/
}

.topnav a {
  color: hsl(145, 30%, 88%);
  background-color: hsl(145, 30%, 20%);
  text-align: center;
  /*width: 10%;  ==> responsive en base de ce fichier */
    height: 100%;
  text-decoration: none;
  /*padding: 14px 16px;  ==> responsive en base de ce fichier */
  /*font-size: 20px;  ==> responsive en base de ce fichier */
  font-family: Jost;
  align-items: center;
  /*font-weight: bold;*/
}

.topnav a:hover {
  background-color: hsl(145, 30%, 40%);
  /*color: black;*/
  color: white;
}


.topnavADMIN {
  overflow: hidden;
  position: fixed;
  bottom: 0;
  z-index: 101;

  /* background-color: hsl(var(--PromoColorTheme) , 30%, 88%); */
  /* background-color: hsl( 90 , 30%, 88%);*/
}

.topnavADMIN a {
  float: left;
  color: hsl( 145, 30%, 88%);
  background-color: hsl( 145, 30%, 20%);
  text-align: center;
    height: 57px;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 20px;
  font-family: Jost;
  /*font-weight: bold;*/
 
}

.topnavADMIN a:hover {
  background-color: hsl( 145, 30%, 40%);
  /*color: black;*/
  color: white;
}
/* fin style barre des boutons */




.topnav a.active {
  /* background-color: #04AA6D;*/
  color: white;
  text-decoration: overline;
}
/*
.logo_bbea_sans_text {
  height: 18px;
  margin: 0px;
}
*/
.search-container {
  margin: 5px;
}



/* début responsive */

/* Règles pour les écrans de largeur inférieure ou égale à 800px */
@media (min-width: 800px) {
.topnav a {
  padding: 14px 16px;
  font-size: 20px;
  width: 10%;
}

.topnavADMIN a {
  display: block;
}
}
/* milieu responsive */

/* Règles pour les écrans de largeur supérieur ou égale à 800px */
@media (max-width: 800px) {
.topnav a {
  padding: 14px 0px;
  font-size: 16px;
  width: 25%;
}
.topnavADMIN a {
  display: none;
}

}

/* fin responsive */