/* Public carousel presentation only. The original button, action name, SVG
   state and native playback/keyboard handlers remain untouched. */
html body main#accueil .filmstrip-section {
  --studio-carousel-caption-reserve: 108px;
}

html body main#accueil .filmstrip-section :is(.filmstrip-controls > .filmstrip-fixed-play, .compact-carousel-progress > .compact-carousel-play) {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: auto;
  min-width: 96px;
  max-width: 100%;
  height: 36px;
  min-height: 36px;
  padding: 6px 16px;
  border: 1px solid #0004;
  border-radius: 999px;
  background: transparent;
  color: #000;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: normal;
  white-space: nowrap;
}

html body main#accueil .filmstrip-section :is(.filmstrip-controls > .filmstrip-fixed-play, .compact-carousel-progress > .compact-carousel-play):is(:hover, :focus-visible) {
  background: #0000000a;
  border-color: #0006;
  color: #000;
}

html body main#accueil .filmstrip-section :is(.filmstrip-controls > .filmstrip-fixed-play, .compact-carousel-progress > .compact-carousel-play)::before {
  display: none;
}

html body main#accueil .filmstrip-section :is(.filmstrip-controls > .filmstrip-fixed-play, .compact-carousel-progress > .compact-carousel-play)::after {
  content: attr(aria-label);
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
}

html body main#accueil .filmstrip-section :is(.filmstrip-fixed-play, .compact-carousel-play)[aria-label="Mettre le diaporama en pause"]::after { content: "Stop"; }
html body main#accueil .filmstrip-section :is(.filmstrip-fixed-play, .compact-carousel-play)[aria-label="Lire le diaporama"]::after { content: "Lecture"; }
html body main#accueil .filmstrip-section :is(.filmstrip-fixed-play, .compact-carousel-play)[aria-label="Pause slideshow"]::after { content: "Stop"; }
html body main#accueil .filmstrip-section :is(.filmstrip-fixed-play, .compact-carousel-play)[aria-label="Play slideshow"]::after { content: "Play"; }
html body main#accueil .filmstrip-section :is(.filmstrip-fixed-play, .compact-carousel-play)[aria-label="Pausar el pase de diapositivas"]::after { content: "Parar"; }
html body main#accueil .filmstrip-section :is(.filmstrip-fixed-play, .compact-carousel-play)[aria-label="Reproducir el pase de diapositivas"]::after { content: "Reproducir"; }
html body main#accueil .filmstrip-section :is(.filmstrip-fixed-play, .compact-carousel-play)[aria-label="Diashow pausieren"]::after { content: "Stopp"; }
html body main#accueil .filmstrip-section :is(.filmstrip-fixed-play, .compact-carousel-play)[aria-label="Diashow abspielen"]::after { content: "Start"; }
html body main#accueil .filmstrip-section :is(.filmstrip-fixed-play, .compact-carousel-play)[aria-label="暂停幻灯片"]::after { content: "停止"; }
html body main#accueil .filmstrip-section :is(.filmstrip-fixed-play, .compact-carousel-play)[aria-label="播放幻灯片"]::after { content: "播放"; }

@media (hover: none), (pointer: coarse) {
  html body main#accueil .filmstrip-section {
    --studio-carousel-caption-reserve: 124px;
  }

  html body main#accueil .filmstrip-section :is(.filmstrip-controls > .filmstrip-fixed-play, .compact-carousel-progress > .compact-carousel-play) {
    min-width: 112px;
    height: 44px;
    min-height: 44px;
    padding: 8px 16px;
    font-size: 15px;
  }
}

@media (forced-colors: active) {
  html body main#accueil .filmstrip-section :is(.filmstrip-controls > .filmstrip-fixed-play, .compact-carousel-progress > .compact-carousel-play),
  html body main#accueil .filmstrip-section :is(.filmstrip-controls > .filmstrip-fixed-play, .compact-carousel-progress > .compact-carousel-play):is(:hover, :focus-visible) {
    color: ButtonText;
    background: ButtonFace;
    border-color: ButtonText;
  }
}