/* Ajout d'ombre et de bordures pour les champs du formulaire */
.membres form {
    box-shadow: 0 8px 16px #2C5CD4;
    background-color: #ffffff;
    padding: 10px 30px;
    border-radius: 50px;
    margin-bottom: 25px; 
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Espace entre les éléments */
    align-items: center; /* Aligner les éléments au centre */
}


.membres .form-control, .form-select {
    border-radius: 50px; /* Bordures arrondies */
    /* padding-left: 0px; Espacement pour l'icône */
}

.membres .banner-form-btn {
    top: 0px;
}
.membres .form-group {
    position: relative; /* Pour positionner l'icône à l'intérieur du wrapper */
    margin-bottom: 15px; /* Espace sous le groupe de formulaire */
}

.membres .input-wrapper {
    position: relative; /* Pour positionner l'icône par rapport à l'input */
}

.membres .form-control {
    padding-right: 40px; /* Ajoutez de l'espace pour l'icône à droite */
    border-radius: 50px; /* Bordures arrondies */
}

.membres .input-wrapper i.icofont-search-1,
.membres .input-wrapper i.icofont-location-pin {
    position: absolute;
    right: 10px; /* Positionne l'icône à droite */
    top: 50%;
    transform: translateY(-50%); /* Centre l'icône verticalement */
    color: #888; /* Couleur de l'icône */
    pointer-events: none; /* L'icône ne doit pas interférer avec les clics */
}

@media (max-width: 760px) {
    .membres form {
        border-radius: 20px;
    }
    .form-select {
        padding-left: 0px;
    }
    #secteur option {
        padding-left: 10px;
    }
}