.navbar {
  background-color: #F9F9F9;

}

.navbar-custom {
  width: 100%;
}

.navbar-nav {
  flex-wrap: nowrap;
}


.selectpicker {
 margin-top: 5px;
    background-color: #ffffff; 
    border: 1px solid var(--gris-clair);
    padding: 5px;
    border-radius: 5px;
    width: 300%;
    max-width: 400px; 
    -webkit-appearance: none;
    -moz-appearance: none; 
    appearance: none; 
    cursor: pointer; 
    color: #ba9966;
}


.navbar-toggler-icon {
 margin-top: 7px;
}

.btn-light{
 background-color: #ba9966;
 color: var(--gris-fond-neutre);
 width: 40%;
}

.nav-item a:hover {
 border-bottom: 2px solid #ba9966;
 color: rgb(28, 41, 41);
 transition: 0.2s;
}

.nav-link.active  {
  border-bottom: 3px solid #ba9966;
  text-transform: uppercase;
  font-size: 13px;
}

ul {
  list-style: none; /* pour retirer les puces */
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* ou center selon ton besoin */
}

/* Grand ecran (1400 px et plus) : menu un peu plus grand, environ 1,5 point. En
   dessous, tailles inchangees : le menu en ligne (a partir de 1200 px) y tient juste,
   et le menu replie des tablettes et telephones n'est pas touche. */
@media (min-width: 1400px) {
  .navbar .nav-link {
    font-size: 18px;
  }

  .navbar .nav-link.active {
    font-size: 15px;
  }
}