.zoom-image {
  /* Transition fluide pour tous les effets */
  transition: transform 0.5s ease, box-shadow 0.5s ease, border 0.5s ease;

  /* Style de base: contour léger et pointeur de souris */
  border: 1px solid #e0e0e0; 
  padding: 10px;
  cursor: pointer;
}

.zoom-image:hover,
.zoom-image:focus {
  /* Le zoom et l'ombre au survol */
  transform: scale(1.1);
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
  
  /* L'effet de surbrillance dorée */
  border: 1px solid #febe59;
}


.zoom-tuiles {
  /* Transition fluide pour tous les effets */
  transition: transform 0.5s ease, box-shadow 0.5s ease, border 0.5s ease;

  /* Style de base : contour léger et pointeur de souris */
  border: 1px solid #e0e0e0; 
  padding: 10px;
  cursor: pointer;
}

.zoom-tuiles:hover,
.zoom-tuiles:focus {
  /* Zoom et ombre au survol, ajustés pour les tuiles */
  transform: scale(1.05); 
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
  
  /* Effet de surbrillance dorée */
  border: 1px solid #febe59;
}