body {
    font-family: Arial, sans-serif;
    background-color: #111111;
    color: white;
    text-align: center;
    margin: 0;
    padding: 0;
}
h1 {
    color: #ff0000;
}
form 
{
    margin: 20px 0;
}

button
{
		background-color: blue;
		font-size: 16px;
}


 .grid {
            display: flex;
            gap: 5px;
            margin: 10px 0;
			display: flex;
			justify-content: center;
			grid-template-columns: repeat(8, 50px); /* 8 colonnes de 50px */
        }
        .grid-cell {
            display: inline-block;
            width: 40px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            font-size: 18px;
            font-weight: bold;
            border: 1px solid #ccc;
            border-radius: 5px;
        }
        .grid-cell.correct {
            background-color: #6aaa64; /* Vert */
            color: white;
        }
        .grid-cell.present {
            background-color: #c9b458; /* Jaune */
            color: white;
        }
        .grid-cell.absent {
            background-color: #787c7e; /* Gris */
            color: white;
        }