a {
    color: #ffd6d6;
    text-decoration: none;
    font-weight: bold;
    text-shadow: 0 0 10px rgb(0, 0, 0);
    .table-matieres {
    margin-top: 40px;
        } 
        }

a:hover {
    color: white;
    text-decoration: underline;
        }
        body {
            background-color: #4e1212;
            color: white;
            font-family: Arial, sans-serif;
        }

        h1 {
            text-align: center;
            margin-top: 20px;
            margin-bottom: 50px;
            text-shadow: 0 0 10px rgb(0, 0, 0);
        }

        ul {
            list-style: none;
            padding-left: 0;
        }

        li::before {
            content: "- ";
        }

        li {
            margin: 5px 0;
        }

        p {
            font-size: 14px;
            opacity: 0.9;
        }

        /* Deux colonnes */

        .theme-bas {
            margin-top: 80px; /* augmente la valeur si tu veux encore plus d'espace */
        }
        .titres {
            display: flex;
            justify-content: center;
            align-items: flex-start;
            gap: 100px;
            margin-top: 50px;
        }

        .colonne {
            width: 400px;
            text-align: center;
        }

        .colonne:hover {
            transform: scale(1.03);
            transition: 0.3s;
        }

        .colonne img {
            width: 250px;
            border-radius: 10px;
            margin-top: 10px;
        }

        /* Images décoratives */
        .decor {
            position: absolute;
            width: 100px;
            border-radius: 10px;
            opacity: 0.7;
        }

        .decor1 {
            top: 150px;
            left: 40px;
        }

        .decor2 {
            top: 350px;
            left: 50%;
            transform: translateX(-50%);
        }

        .decor3 {
            top: 500px;
            right: 40px;
        }

        .decor4 {
            top: 650px;
            left: 80px;
        }

        .decor5 {
            top: 120px;
            right: 120px;
        }

        a {
    color: #ffd6d6;
    text-decoration: none;
    font-weight: bold;
         }

a:hover {
    color: white;
    text-decoration: underline;
        }