/***********************
MOTEUR DE RECHERCHE
***********************/


/* Style pour les suggestions de recherche */
.suggestions-container {
position: absolute; /* Position absolue par rapport au formulaire */
top: 60px; /* Distance sous le formulaire */
left: 5vw;
right:5vw;
width:90vw;
background-color: white;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
display: none; /* Initialement masqué */
z-index: 1040; /* Juste en dessous du formulaire */
padding:0.5em;
border-radius:0.5em;
}

.suggestions-container a {
display:block;
padding: 10px;
border-bottom: 1px solid var(--couleur3);
margin: 0;
cursor: pointer;
}


.suggestions-container p {
margin:0;
}

.suggestions-container a:hover {
background-color:var(--couleur5);
}

header #search-form {
background: var(--couleur5);
border-radius:50px;
border:5px solid var(--couleur5);
}

header #search-form input {
background:none;
border:none;
color:var(--noir);
font-weight:500;
}

header #search-form .input-group-text {
display: flex;
align-items: center;
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
text-align: center;
white-space: nowrap;
background-color: var(--couleur1);
border: none;
border-radius:50px;
color:var(--blanc);
}


header *:focus {
outline: 0;
box-shadow:none !important;
}