.btn-info2{
    background-color: #4439f7;
    color: white;
}

.shadow-box{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.header-offre{
    background-color: #bce4f1; font-size: 20px; color: #e88f2a;
}
.bloc-offre{
    font-size: 12px; color: #7f7f7f;
}

.header-titre{
    background-image: url('../img/header-abonement.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; /* Centre l'image */
    background-attachment: fixed; /* Fixe l'image en arrière-plan */
    height: 100%;
    height: 250px;
    display: flex; /* Active Flexbox */
    align-items: center; /* Centre verticalement */
    justify-content: center; /* Centre horizontalement (si besoin) */ 
}

.header-titre-acceuil {
    position: relative;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; /* Cache les débordements */
}

.header-titre-acceuil img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajuste l'image pour couvrir l'élément */
    opacity: 0;
    transition: opacity 2s ease-in-out; /* Transition douce pour l'opacité */
}

.header-titre-acceuil img.active {
    opacity: 1; /* Rends l'image active visible */
}

.section-title {
    position: relative; /* Nécessaire pour superposer le texte sur les images */
    z-index: 1; /* Assure que le texte est au-dessus des images */
}

.header-titre-bibliotheque{
    background-image: url('../img/bibliotheque.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; /* Centre l'image */
    background-attachment: fixed; /* Fixe l'image en arrière-plan */
    height: 100%;
    height: 250px;
    display: flex; /* Active Flexbox */
    align-items: center; /* Centre verticalement */
    justify-content: center; /* Centre horizontalement (si besoin) */ 
}

.header-titre-concour{
    background-image: url('../img/img_councour.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; /* Centre l'image */
    background-attachment: fixed; /* Fixe l'image en arrière-plan */
    height: 100%;
    height: 250px;
    display: flex; /* Active Flexbox */
    align-items: center; /* Centre verticalement */
    justify-content: center; /* Centre horizontalement (si besoin) */ 
}