body {
    background-image: url('../../Images/site/background.png');
}


.article-header {
    background-color: #f2f0eb;
    padding: 2rem 0;
    margin-bottom: 2rem;
}
.article-content {
    font-size: 1.1rem;
    line-height: 1.8;
}
.carousel {
    margin: 2rem 0;
}
.carousel-item img {
    max-height: 30rem;
    object-fit: cover;
}
.article-footer {
    margin-top: 3rem;
    padding-top: 1rem;
    border-top: 1px solid #f2f0eb;
}


.card {
    padding: 5rem;
}



.carousel-control-next,
.carousel-control-prev /*, .carousel-indicators */ {
    filter: invert(100%);
}


/* ajouter un bord blanc */



/* Style pour la carte de l'article */
.card {
    background-color: #f2f0eb;
    border-radius: 8px;
}


/* Solution pour les images du carrousel */
.carousel-item {
    height: 400px; /* Hauteur fixe pour tous les slides */
    background-color: #f2f0eb; /* Couleur de fond blanc */
    text-align: center; /* Centre l'image horizontalement */
}

.carousel-item img {
    height: 100%; /* Hauteur à 100% du conteneur */
    width: auto; /* Largeur automatique pour conserver les proportions */
    max-width: 100%; /* Assure que l'image ne dépasse pas la largeur du conteneur */
    object-fit: contain; /* Garde les proportions sans couper l'image */
    margin: 0 auto; /* Centre l'image si elle est plus petite que le conteneur */
}