.clignote {
  color:fumée;
  animation: clignote 2s linear infinite;
}
@keyframes clignote {  
  50% { opacity: 0; }
}
.clignotelent {
  color:fumée;
  animation: clignote 5s linear infinite;
}
@keyframes clignote {  
  50% { opacity: 0; }
}

.slideshow1 {
  width: 100%;
  max-width: 800px;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.track1 {
  display: flex;
  width: 600%;                       /* 6 images (5 + la copie) */
  height: 100%;
  animation: defile 30s ease-in-out infinite;   /* 5 images × 6 s */
}

.track1 img {
  flex: 0 0 calc(100% / 6);
  width: calc(100% / 6);
  height: 100%;
  object-fit: cover;
}

/* 20 % par image : 13,33 % d'attente (4 s) + 6,67 % de glissement (2 s) */
@keyframes defile {
  0%, 13.33%   { transform: translateX(0); }
  20%, 33.33%  { transform: translateX(-16.667%); }
  40%, 53.33%  { transform: translateX(-33.333%); }
  60%, 73.33%  { transform: translateX(-50%); }
  80%, 93.33%  { transform: translateX(-66.667%); }
  100%         { transform: translateX(-83.333%); }
}

.slideshow:hover .track1 { animation-play-state: paused; }

@media (prefers-reduced-motion: reduce) {
  .track1 { animation: none; }
}