.listeRecherche{
  display: flex;
  gap: 40px;
  margin-top: 30px;
  align-items: center;
}

/* la colonne de droite qui contient les villes */
.listeRecherche .recherche{
  flex: 1;                  /* ✅ prend toute la largeur dispo */
  display: grid !important; /* ✅ écrase un éventuel display:flex ailleurs */
  grid-template-columns: repeat(4, minmax(0, 1fr)); /* ✅ 4 colonnes */
  gap: 40px;
}
.listeRecherche .titreRecherche{
  width: 35%;
}
/* optionnel : évite les débordements chelous */
.listeRecherche .recherche a{
  min-width: 0;
  word-break: break-word;   /* si une ville est très longue */
  font-size: 27px;
}
@media (max-width: 1200px){
  .listeRecherche .recherche{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px){
  .listeRecherche .recherche{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 670px){
.listeRecherche .recherche a{
  
  font-size: 20px;
}
.listeRecherche{
  flex-direction: column;
}
.listeRecherche .titreRecherche{
  width: 100%;
}
}

@media (max-width: 320px){
  .listeRecherche .recherche{ grid-template-columns: 1fr; }
}