.LaGalerie {
  overflow: hidden;
  position: relative;
  width: 100%;
  cursor: grab;
}

.LaGalerie:active {
  cursor: grabbing;
}

.ListePhoto {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  animation: scrollAuto 60s linear infinite;
}

.UnePhoto {
  flex: 0 0 auto;
	background: #182c32;
}

.UnePhoto img {
  height: 300px;
  max-height: 300px;
  width: auto;
  display: block;
  border-radius: 8px;
}
.UnePhoto a{display: block; position: relative;}
.UnePhoto a:hover img{opacity: 0.4;}
.UnePhoto a::after{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; width: 80px; height: 80px; -webkit-mask: url('../img/IconeJumelle.svg') no-repeat 50% 50%;  mask: url('../img/IconeJumelle.svg') no-repeat 50% 50%; background: #d1902e; opacity: 0; z-index: 99;}
.UnePhoto a:hover::after{opacity: 1;}

/* Animation automatique douce */
@keyframes scrollAuto {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

@media screen and (min-width: 1024px) 
{
	
}
@media screen and (max-width: 767px) 
{
	.UnePhoto img {  height: 130px;	max-height: 130px;}	
}
@media screen and (max-width: 1024px) {
	.UnePhoto img {  height: 180px;	max-height: 180px;}	}
@media screen and (max-width: 2400px) {}