body {
    background-image: url("img/img2022/20200224_100818.jpg");
    background-size: cover; /* Ajuste l'image pour couvrir l'intégralité de l'élément */
    background-repeat: no-repeat; /* Empêche la répétition de l'image */
    background-position: center center; /* Centre l'image horizontalement et verticalement */
}

.text-just{
    text-align: justify !important;
}


.backgroundContainer{
    background-image: url("img/img2022/105020108_2322572114712200_1527937456301721467_n.jpg");
    background-size: cover; /* Ajuste l'image pour couvrir l'intégralité de l'élément */
    background-repeat: no-repeat; /* Empêche la répétition de l'image */
    background-position: center center; /* Centre l'image horizontalement et verticalement */

}

.carousel-container {
    width: 100%; /* Définir la largeur du conteneur du carrousel */
    max-width: 500px; /* Ajustez selon vos besoins */
    margin: 0 auto; /* Centrer le carrousel horizontalement */
    overflow: hidden; /* Cacher le débordement des images */
}

.owl-carousel {
    width: 100%; /* Définir la largeur du carrousel */
    display: flex; /* Utiliser flexbox pour aligner les images */
    overflow: hidden; /* Cacher le débordement des images */
}

.owl-carousel img {
    width: 100%; /* Les images prendront la même largeur que le carrousel */
    height: 100%; /* Les images prendront la même hauteur que le carrousel */
    object-fit: cover; /* Ajuster la taille de l'image tout en préservant le ratio d'aspect */
    object-position: center; /* Centrer l'image à l'intérieur de l'espace réservé */
}


.image-backgroundContainer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(128, 128, 128, 0.7));
    filter: blur(5px); /* Ajustez la valeur du flou en pixels selon vos préférences */
    z-index: 1;
}