/* Classe pour l'image d'arrière-plan 1 */
.bg-1 {
    background-image: url(/images/historique/historique-1.jpg);
    /* Ajout de la propriété "background-image" pour une meilleure lisibilité */
    background-position: left;
    /* Précise la position de l'image */
    background-repeat: no-repeat;
    /* L'image ne se répète pas */
}

/* Classe pour l'image d'arrière-plan 2 */
.bg-2 {
    background-image: url(/images/historique/historique-2.jpg);
    background-position: left;
    background-repeat: no-repeat;
}

/* Classe pour l'image d'arrière-plan 3 */
.bg-3 {
    background-image: url(/images/historique/historique-3.jpg);
    background-position: left;
    background-repeat: no-repeat;
}

/* Classe générale pour l'arrière-plan */
.background {
    min-height: 75vh;
    /* Hauteur minimale de 75vh */
    background-position: center;
    /* Positionnement central de l'image */
    background-size: cover;
    /* L'image remplit tout l'espace */
    display: flex;
    /* Utilisation de flexbox pour aligner les éléments */
    flex-direction: column;
    /* Alignement des éléments en colonne */
    justify-content: center;
    /* Centrage horizontal des éléments */
    align-items: center;
    /* Centrage vertical des éléments */
    color: #fff;
    /* Couleur de texte blanche */
    transition: background-image 1s ease-in-out;
}

/* Titre de la section */
.background h1 {
    font-size: 12.5rem;
    /* Taille de police très grande */
    font-family: 'Dreaming Regular';
    /* Police spécifique */
}

/* Sous-titre de la section */
.background p {
    font-size: 4.6875rem;
    /* Taille de police grande */
    font-family: 'Dreaming Regular';
    /* Police spécifique */
}

/* Footer */
body footer {
    position: relative;
    /* Positionnement relatif */
}

/* Classe pour la section de texte */
.texte {
    display: flex;
    /* Utilisation de flexbox pour aligner les éléments */
    flex-direction: column;
    /* Alignement des éléments en colonne */
    justify-content: center;
    /* Centrage horizontal des éléments */
    align-items: center;
    /* Centrage vertical des éléments */
    text-align: center;
    /* Alignement du texte au centre */
    margin: 20px;
    /* Ajout d'un marge */
}

/* Titre de la section de texte */
.texte h1 {
    font-size: 1.875rem;
    /* Taille de police moyenne */
    margin-bottom: 20px;
    /* Ajout d'un marge en bas */
}

/* Texte de la section */
.texte p {
    font-weight: 0;
    /* Suppression de l'effet gras */
    font-size: 1.5625rem;
    /* Taille de police moyenne */
    max-width: 1000px;
    /* Largeur maximale de 1000px pour éviter de dépasser le conteneur */
    text-align: justify;
    /* Justification du texte */
}

/* Media queries pour les écrans de moins de 1001px */
@media (max-width: 1001px) {

    /* Titre de la section */
    .background h1 {
        font-size: 10rem;
        /* Taille de police réduite */
        text-align: center;
        /* Alignement du texte au centre */
    }

    /* Sous-titre de la section */
    .background p {
        font-size: 4rem;
        /* Taille de police réduite */
        text-align: center;
        /* Alignement du texte au centre */
    }

    /* Titre de la section de texte */
    .texte h1 {
        font-size: 1.5rem;
        /* Taille de police réduite */
    }

    /* Texte de la section */
    .texte p {
        font-weight: 0;
        /* Suppression de l'effet gras */
        font-size: 1rem;
        /* Taille de police réduite */
    }
}

/* Media queries pour les écrans de moins de 564px */
@media (max-width: 564px) {

    /* Titre de la section */
    .background h1 {
        font-size: 8rem;
        /* Taille de police réduite */
    }

    /* Sous-titre de la section */
    .background p {
        font-size: 3rem;
        /* Taille de police réduite */
    }
}

/* Media queries pour les écrans de moins de 450px */
@media (max-width: 450px) {

    /* Titre de la section */
    .background h1 {
        font-size: 5rem;
        /* Taille de police réduite */
    }

    /* Sous-titre de la section */
    .background p {
        font-size: 1.75rem;
        /* Taille de police réduite */
    }
}