/* Ombre portée dynamique
img:hover {
  box-shadow: 5px 10px 20px rgba(0,0,0,0.3);
  transition: box-shadow 0.3s ease;
}
/* Style pour un beau hr dans le footer 
footer hr {
  border: none;
  height: 4px;
  width: 80%;
  margin: 30px auto;
  background: linear-gradient(to right, transparent, #aaa, transparent);
  transition: width 0.5s ease, background 0.5s ease;
}
/* --- CODE CORRIGÉ POUR L'EFFET D'OMBRE SUR LES IMAGES --- */

/* On applique la transition à l'image de base pour un effet fluide des deux côtés (entrée et sortie de la souris) 
.item .item-image a img,
img.img-fluid {
  transition: box-shadow 0.3s ease-in-out;
}*/

/* On applique l'ombre au survol avec un sélecteur plus spécifique qui sera prioritaire */
.item .item-image a:hover img,
img.img-fluid:hover {
  box-shadow: 5px 10px 20px rgba(0,0,0,0.3);
}
img {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

img:hover {
  transform: scale(1.05);
  box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3);
}
background-image: url('URL_DE_L_IMAGE');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
