/* Style pour le titre de la section */
.section-title {
    font-size: 2em;
    font-weight: bold;
    color: #082445;
}

/* Style pour l'image et le nom du bâtonnier */
.batonnier-image-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

.batonnier-image-wrapper img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
    /* Optionnel : coins arrondis */
}

.batonnier-name {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #082445;
    color: white;
    padding: 10px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    white-space: nowrap;
    /* Assure que le texte ne se sépare pas en lignes multiples */
    overflow: hidden;
    text-overflow: ellipsis;
    /* Coupe le texte si trop long */
}

/* Style pour le texte du bâtonnier */
.batonnier-text {
    color: #082445;
    text-align: center;
    /* Centre le texte */
    line-height: 1.6;
    /* Ajoute de l'espace entre les lignes */
}