/* Position relative pour le conteneur de liste */
    .position-relative {
        position: relative;
    }

    /* Position absolue pour la liste de pays */
    .position-absolute {
        position: absolute;
        width: calc(100% - 2px); /* Largeur de 100% moins 2px pour compenser la bordure */
        max-height: 200px; /* Hauteur maximale de la liste déroulante */
        overflow-y: auto; /* Activation du défilement vertical si nécessaire */
        z-index: 1000; /* Assurez-vous qu'il est au-dessus des autres contenus */
        border: 1px solid #ced4da; /* Bordure pour la séparation et contraste */
    }

    /* Style de la liste de pays */
    .list-groupo {
        margin: 0;
        padding: 0;
    }

    .list-group-item {
        cursor: pointer; /* Curseur pointer pour indiquer l'interactivité */
    }

    .list-group-item:hover {
        background-color: #f0f0f0; /* Couleur de fond au survol pour indiquer l'interaction */
    }