.draggable:focus, .dropzone:focus {
	outline: 2px solid red; /* Bleu pour indiquer le focus */
}
.draggable { cursor: grab !important; }

.dropzone { 
color: black; 
border: 2px dashed #007bff; 
padding: 10px; 
min-width: 50px; 
min-height: 40px; 
display: inline-block; 
text-align: center; 
background-color: #aab7b8; 
border-radius: 5px;
}
.vignette { 
width: 30px; 
height: 30px;
border: solid 1px black;
 }
.progress-bar { background-color: #28a745; }

#fin img {
	width: 50px; /* Taille plus grande pour mieux voir les images */
	height: 50px;
	margin-bottom: 5px; /* Espacement avec le texte */
}

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

@keyframes tremblement {
	0% { transform: translateX(0); }
	25% { transform: translateX(-5px); }
	50% { transform: translateX(5px); }
	75% { transform: translateX(-5px); }
	100% { transform: translateX(0); }
}