body {
            font-family: Arial, sans-serif;
            background-color: #f0f2f5;
            margin: 0;
            padding: 20px;
        }
        h1 {
            color: #333;
            text-align: center;
            margin-bottom: 40px;
        }
        .grid-container {
            display: grid;
            /* Crée une grille de cartes qui s'adapte */
            grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
            gap: 25px;
            max-width: 1200px;
            margin: 0 auto;
        }
        .folder-card {
            background-color: #ffffff;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.08);
            transition: all 0.3s ease;
            overflow: hidden; /* Pour les bords arrondis */
        }
        .folder-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 6px 12px rgba(0,0,0,0.12);
        }
        .folder-card a {
            display: block;
            padding: 30px 20px;
            text-decoration: none;
            color: #0056b3;
            font-size: 1.25em; /* 20px */
            font-weight: bold;
            text-align: center;
        }
        /* L'icône dossier 📁 */
        .folder-card a::before {
            content: '📁';
            display: block;
            font-size: 3em; /* 48px */
            margin-bottom: 15px;
        }