/* =========================================
   GALERIE PHOTO
   ========================================= */

.galeriePhoto {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));

  column-gap: 3rem;

  padding-top: 250px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 20px;

  width: 100%;
  box-sizing: border-box;

  align-items: start;
}


/* =========================================
   COLONNES
   ========================================= */

.galeriePhoto > .colonnePhoto {
  width: 100%;
  min-width: 0;

  display: flex;
  flex-direction: column;

  gap: 3rem;
}


/* =========================================
   LIENS
   ========================================= */

.galeriePhoto > .colonnePhoto > a {
  display: block;
  width: 100%;

  text-decoration: none;
}


/* =========================================
   IMAGES
   ========================================= */

.galeriePhoto > .colonnePhoto img {
  display: block;

  width: 100%;
  max-width: 100%;
  height: auto;

  border-radius: 0;

  cursor: pointer;

  transition: transform 0.3s ease;
}


/* =========================================
   EFFET AU SURVOL
   ========================================= */

.galeriePhoto img:hover {
  transform: scale(1.02);
}