#lettres {
            display: grid;
            grid-template-columns: repeat(7, 1fr);
            gap: 10px;
            margin: 10px auto;
            max-width: 600px;
            justify-content: center;
        }
        .lettre {
            font-size: 20px;
            width: 60px;
            height: 60px;
            border: 1px solid #ccc;
            text-align: center;
            line-height: 60px;
            cursor: pointer;
            user-select: none;
        }
        .trouve {
            background-color: lightgreen;
        }
        .faux {
            background-color: lightcoral;
        }
        .disabled {
            opacity: 0.5;
            cursor: default;
        }
		@keyframes tremblement {
		0% { transform: translateX(0); }
		25% { transform: translateX(-5px); }
		50% { transform: translateX(5px); }
		75% { transform: translateX(-5px); }
		100% { transform: translateX(0); }
		}

		.faux {
			background-color: lightcoral;
			animation: tremblement 0.3s ease-in-out;
		}