/* Styles pour le tableau original */
        .original-table {
            width: 100%;
        	table-layout: fixed;
            border-collapse: collapse;
            margin-bottom: 20px;
        }

        .original-table th, .original-table td {
            border: 1px solid #ddd;
            padding: 5px !important;
            text-align: left;
        }

        .original-table th {
            background-color: #f2f2f2;
        }

        /* Conteneur mobile (caché par défaut) */
        .mobile-table-container {
            display: none;
            width: 100%;
            overflow: hidden;
            position: relative;
            border: 1px solid #ddd;
            border-radius: 8px;
        }

        /* Tableau mobile */
        .mobile-table {
            width: 100%;
            border-collapse: collapse;
        }

        .mobile-table td {
            padding: 5px !important;
            border-bottom: 1px solid #eee;
        }

        .mobile-table td:first-child {
            background-color: #f9f9f9;
            font-weight: bold;
            width: 40%;
        }

        /* Contrôles de navigation */
        .slider-controls {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 15px;
            background-color: #f5f5f5;
            gap: 10px;
        }

        .slider-btn {
            background-color: #4ABFA8;
            color: white;
            border: none;
            padding: 10px 10px;
            cursor: pointer;
            border-radius: 5px;
            font-size: 16px;
            transition: background-color 0.3s;
        }

        .slider-btn:hover:not(:disabled) {
            background-color: #4ABFA8;
        }

        .slider-btn:disabled {
            background-color: #ccc;
            cursor: not-allowed;
        }

        .slider-indicator {
            font-size: 14px;
            color: #666;
            min-width: 100px;
            text-align: center;
        }

        /* Points indicateurs */
        .dots-container {
            display: flex;
            justify-content: center;
            padding: 10px;
            gap: 8px;
        }

        .dot {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: #ddd;
            cursor: pointer;
            transition: background-color 0.3s;
        }

        .dot.active {
            background-color: #4ABFA8;
        }

        /* Media query pour mobile */
        @media (max-width: 768px) {
            .original-table {
                display: none;
            }

            .mobile-table-container {
                display: block;
            }
        }