.ui-autocomplete {
  max-height: 300px;           /* hauteur max pour ~10 éléments */
  overflow-y: auto;            /* ascenseur vertical */
  overflow-x: hidden;          /* pas d'ascenseur horizontal */
  z-index: 10000 !important;   /* par-dessus tout */
  background: white;
  border: 1px solid #ccc;
  font-family: sans-serif;
  font-size: 14px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.ui-menu-item {
  padding: 8px 24px;
  cursor: pointer;
}

.ui-menu-item:hover,
.ui-menu-item.ui-state-focus {
  background-color: #f0f0f0;
}
.ui-autocomplete {
  border-radius: 6px;
  min-width: 250px;
  width: 250px;
  padding-left: 0rem;
  list-style-type: none;
}

.ui-menu-item {
  border-bottom: 1px solid #eee;
}

.ui-menu-item:last-child {
  border-bottom: none;
}
/* mise en forme du bouton de reset du champ*/
.autocomplete-wrapper {
  position: relative;
  display: inline-block;
/*  left: 50%;
transform: translate(-50%);
   width: 100%; */
}

.autocomplete-wrapper input[type="text"] {
  width: 100%;
  padding-right: 30px; /* pour faire de la place à la croix */
  box-sizing: border-box;
	font-size: 1rem;
}

.clear-input {
  position: absolute;
  right: 10px;
  top: /*50%*/ 25%;
  /* transform: translateY(-50%); */
  cursor: pointer;
  font-size: 18px;
  color: #999;
  display: none; /* cachée par défaut */
  user-select: none;
}

.clear-input:hover {
  color: #333;
}

.ui-helper-hidden-accessible {
    display: none !important;
}