.tet-diaporama{width:100%;max-width:1360px;margin:0 auto 2rem;font-family:inherit}
.tet-diaporama__stage{position:relative;aspect-ratio:16/8;overflow:hidden;background:#202421;border-radius:3px}
.tet-diaporama__slide{position:absolute;inset:0;margin:0}
.tet-diaporama__slide[hidden]{display:none!important}
.tet-diaporama__slide img{width:100%;height:100%;display:block;object-fit:cover}
.tet-diaporama__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;border:0;border-radius:50%;width:44px;height:44px;font-size:2.1rem;line-height:1;background:rgba(0,0,0,.38);color:white;cursor:pointer}
.tet-diaporama__nav:hover,.tet-diaporama__nav:focus-visible{background:rgba(0,0,0,.7)}
.tet-diaporama__nav--prev{left:1rem}.tet-diaporama__nav--next{right:1rem}
/* Commandes intégrées en superposition sur l'image, sans bande blanche. */
.tet-diaporama__controls{position:absolute;z-index:3;bottom:0;left:0;right:0;min-height:82px;display:flex;align-items:flex-end;justify-content:center;gap:.85rem;padding:2.4rem 1rem 1rem;margin:0;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.48));color:#fff;font-size:.92rem;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.65);pointer-events:none}
.tet-diaporama__controls button{pointer-events:auto;border:1px solid rgba(255,255,255,.75);border-radius:5px;padding:.25rem .65rem;background:rgba(0,0,0,.2);color:#fff;font:inherit;cursor:pointer;text-shadow:inherit}
.tet-diaporama__controls button:hover,.tet-diaporama__controls button:focus-visible{background:rgba(0,0,0,.6)}
.tet-diaporama button:focus-visible{outline:3px solid #24749b;outline-offset:3px}
@media(max-width:700px){.tet-diaporama__stage{aspect-ratio:4/3}.tet-diaporama__nav{width:38px;height:38px}.tet-diaporama__nav--prev{left:.45rem}.tet-diaporama__nav--next{right:.45rem}.tet-diaporama__controls{min-height:68px;padding:2rem .65rem .65rem;font-size:.85rem}}
@media(prefers-reduced-motion:reduce){.tet-diaporama *{scroll-behavior:auto}}