/*Autocomplete*/
/* Container pour les suggestions d'autocomplétion */
:root {
  --orange: #d92424;
  --violet:#69408C;
  --violetclair: #F0ECF3;
  --bleu: #406BDE;
  --bleunuit:#1d1e3c;
  --bleuclair: #e1f1f7;
  --gris: #727272;
  --blanc:#fff;
}

.autocomplete-wrapper {
  position: relative; /* Nécessaire pour positionner la liste correctement */
  width: auto;
}

/* Suggestions d'autocomplétion */
#autocomplete-suggestions-nom-collection,
#autocomplete-suggestions-code-collection,
#autocomplete-suggestions-commune {
  list-style-type: none; 
  padding:0;
  margin-top: 4px;
  max-height: 200px; 
  overflow-y: auto; 
  overflow-x: hidden; 
  background-color: #fff; 
  z-index: 1000; 
  position: absolute; 
  width: 100%; 
  box-shadow: 0 4px 6px var(--violetclair);
  font-size: 15px;
  border-radius: 5px;
  
}

/* Surbrillance de l'élément actif */

.autocomplete-suggestions-nom-collection li.active,
.autocomplete-suggestions-code-collection li.active,
.autocomplete-suggestions-commune li.active,
.autocomplete-suggestions-nom-collection li:hover,
.autocomplete-suggestions-code-collection li:hover,
.autocomplete-suggestions-commune li:hover{
  background-color: var(--violetclair);
}

/* Style pour chaque élément de la liste */
#autocomplete-suggestions-nom-collection li,
#autocomplete-suggestions-code-collection li,
#autocomplete-suggestions-commune li {
  cursor: pointer; 
  text-align: left; 
  color: var(--bleunuit);
  line-height: 34px;
  min-height: 34px;
  padding-left: 18px;
  padding-right: 29px;
}