.custom-bg-content {
            background-color: #f8f4eb;
            border: 1px solid #decba4;
        }
        .carousel-image {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: opacity 1s ease-in-out;
            border-radius: 0.5rem;
        }
        .carousel-image.active {
            opacity: 1;
            z-index: 1;
        }
        #carousel {
            position: relative;
            aspect-ratio: 1280 / 450;
        }

        /* Nouveau style pour le fond foncé */
        body {
            background-color: #333333; /* Gris foncé */
            color: white;
        }
        .btn-accessible {
            background-color: #fbbf24; /* Doré */
            color: white;
        }

        /* Style pour les commentaires */
        .comment-card {
            background-color: #f1f5f9;
            padding: 10px;
            margin-bottom: 10px;
            border-radius: 8px;
            text-align: left; /* Alignement à gauche */
        }

        .coach-response {
            background-color: #fffae6;
            padding: 10px;
            margin-left: 20px;
            border-radius: 8px;
        }

        .comment-date {
            font-size: 0.875rem;
            color: #aaa;
        }

        .btn-comment {
            background-color: #fbbf24;
            color: white;
            padding: 10px;
            border-radius: 8px;
            margin-top: 10px;
        }

        .special-comment {
            background-color: #fffae6; /* Jaune clair */
            color: #000000; /* Texte en noir */
            padding: 10px;
            border-radius: 8px;
            text-align: left; /* Aligner le texte à gauche */
            margin-bottom: 10px;
        }