/* Video vignette 05/10 (inc/video-vignette-0510.php): our hosted thumbnail in the 16:9 frame, big play button. */
.video-cadre { position: relative; }
.vv05 { position: absolute; inset: 0; background: var(--anthracite, #26272b); }
.vv05__vignette { position: absolute; inset: 0; display: block; width: 100%; height: 100%; padding: 0; border: 0; background: transparent; cursor: pointer; }
.vv05__image { display: block; width: 100%; height: 100%; object-fit: cover; }
.vv05__vignette::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 0) 45%); transition: opacity 0.2s; pointer-events: none; }
.vv05__lecture { position: absolute; top: 50%; left: 50%; width: 76px; height: 54px; margin: -27px 0 0 -38px; border-radius: 14px; background: rgba(23, 23, 23, 0.82); box-shadow: 0 6px 24px rgba(0, 0, 0, 0.28); transition: background 0.2s, transform 0.2s; z-index: 1; }
.vv05__lecture::before { content: ""; position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -8px; border-style: solid; border-width: 12px 0 12px 21px; border-color: transparent transparent transparent #fff; }
.vv05__vignette:hover .vv05__lecture, .vv05__vignette:focus-visible .vv05__lecture { background: #e02b20; transform: scale(1.06); }
.vv05__vignette:focus-visible { outline: 3px solid var(--moutarde, #d4a52a); outline-offset: -3px; }
.vv05 iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; z-index: 2; }
.vv05--lecture .vv05__vignette { visibility: hidden; }
.vv05-legende { margin: 0.45rem 0 0; font: 400 0.75rem/1.4 var(--sans, sans-serif); color: var(--gris, #6b6b6b); }
.vv05-legende__cookies { padding: 0; border: 0; background: none; color: inherit; font: inherit; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
@media (max-width: 600px) {
  .vv05-legende { font-size: 0.72rem; }
  .vv05__lecture { width: 64px; height: 46px; margin: -23px 0 0 -32px; border-radius: 12px; }
  .vv05__lecture::before { margin: -10px 0 0 -7px; border-width: 10px 0 10px 18px; }
}