/* Texte noir et pas de bordure quand fermé */
.accordion-button.collapsed {
    color: #000;             /* ✅ texte noir */
    background-color: #fff;  /* fond blanc */
    border: none;            /* pas de bordure */
}

/* Texte blanc et fond bleu quand ouvert */
.accordion-button:not(.collapsed) {
    color: #fff;             /* texte blanc */
    background-color: #34657f; /* fond bleu */
    border: none;            /* pas de bordure */
}

/* Flèche à droite */
.accordion-button::after {
    filter: invert(1); /* rend la flèche blanche quand fond bleu */
}

/* Transition douce pour le texte, fond et flèche */
.accordion-button {
    transition: all 0.3s ease;
}

/* Supprime la marge au-dessus de l'accordéon */
.accordion {
    margin-top: 0px !important;
}

.accordion-button.collapsed::after {
    filter: none; /* flèche noire par défaut */
}

.accordion-body p {
    display: block; /* Cela garantit que les <p> sont des éléments de bloc et que les marges sont appliquées */
}