.banner{
display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 300px;
  background-color: #e6dac9;
  padding-top: 10px;
}
.banner .menu{
  /* display: flex; */
  /* justify-content: space-evenly;
  align-items: center; */
  width: 50%; 
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap; /* Desktop : tout sur une ligne */
  list-style: none;
  padding: 0;
  margin: 0;
  }
  .banner h1 {
  font-size: 1.2rem;
  color: #7e4141;
  letter-spacing: 0.25rem;
  margin: 30px 0 20px 0;
  }
  .banner .menu a {
  color: #7e4141;
  
  text-decoration: none;
   padding: 10px;
   border: none;
}
/* 📱 Mobile : 3 lignes → 2 items par ligne */
@media (max-width: 768px) {
  .banner .menu {
    flex-wrap: wrap; /* Permet de passer sur plusieurs lignes */
    
    width: 80%; 
  }

  .banner .menu a {
    width: 50%; /* 2 items par ligne */
    text-align: center;
  }
}



.baspage {
  display: flex;
  height: 120px;
  width: 100%;
  background-color: rgba(177, 130, 60, 0.3137254902);
  justify-content: space-between;
  align-items: center;
}
.baspage img {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  width: 100px;
  object-fit: cover;
  margin: 10px 10px;
}
.baspagetexte div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  color: white;
}
.baspagemenu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
}
.baspagegroupemenu {
 border: none;
  width: 80%;
}
.baspagegroupemenu a {
  color: #7e4141;
  text-decoration: none;
}
.baspagemenu a {
  color: #7e4141;
  text-decoration: none;
  border: none;
}
/* .footerSite h3{
  text-align: center;
} */
/* ia */
/* .menuiabas-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.menuiabas-img {
  width: 60px; 
  height: auto;
}

.menuiabas {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  list-style: none;
  padding: 0;
  margin: 0;
  flex: 1; 
}

.menuiabas a {
  padding: 10px;
} */

/* 📱 Mobile */
/* 
@media (max-width: 768px) {
  .menuiabas-wrapper {
    flex-direction: column;
  }

  .menuiabas {
    flex-wrap: wrap; 
    justify-content: center;
  }

  .menuiabas a {
    width: 50%; 
    text-align: center;
  }

  .menuiabas-img {
    width: 80px; 
  }
} */

/*v2*/
.menuiabas-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;

}

.menuiabas-img {
  width: 150px; 
  height: auto;
}

.menuiabas {
  
 display: flex;
  justify-content: space-between;
  flex-wrap: nowrap; /* Desktop : 1 ligne */
  list-style: none;
  padding: 0;
  margin: 0;
  flex: 1; /* Le menu prend l’espace central */

}

.menuiabas a {
  padding: 10px;
  border: none;
}

.menuiabas-titre {
  padding: 0;
  margin: 0;
  margin-block: 0;
  width: 100%;
  text-align: center;
  border: none;
}

/* 📱 Mobile : menu sur 3 lignes, images restent sur les côtés */
@media (max-width: 768px) {
  .menuiabas-titre {
  padding: 0;
  margin: 0;
  margin-block: 0;
  width: 100%;
  text-align: center;
  border: none;
}
  .menuiabas {
    flex-wrap: wrap; /* Passe sur plusieurs lignes */
  }

  .menuiabas a {
    width: 50%; /* 2 items par ligne */
    text-align: center;
  }

  .menuiabas-img {
    width: 80px; /* encore plus petit si tu veux */
  }
}