/* Les vidéos motion design de YLC (video-ylc.js). 16:9 sur ordinateur, 9:16 sur téléphone (.vertical). */
.vy{margin:0 auto;max-width:1120px}
.vy-cadre{position:relative;border-radius:clamp(18px,2.6vw,30px);overflow:hidden;background:#060c17;border:1px solid rgba(94,234,168,.28);box-shadow:0 0 0 6px rgba(94,234,168,.04),0 50px 120px -50px rgba(0,0,0,.9),0 30px 90px -60px rgba(94,234,168,.5);aspect-ratio:16/9}
.vy.vertical{max-width:420px}
.vy.vertical .vy-cadre{aspect-ratio:9/16}
.vy-cadre .vy-affiche,.vy-cadre video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.vy-cadre video{background:transparent}
.vy-son{position:absolute;right:12px;top:12px;z-index:2;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:rgba(6,11,20,.74);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font:600 14px/1 inherit;font-family:inherit;cursor:pointer}
.vy-son svg{width:18px;height:18px}
.vy-son[aria-pressed="false"] .vy-ondes{opacity:.35}
.vy-lire{position:absolute;left:50%;top:50%;z-index:2;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;border:0;background:#5eeaa8;color:#04170f;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 14px 40px rgba(0,0,0,.45)}
.vy-lire svg{width:30px;height:30px;margin-left:4px}
.vy-son:focus-visible,.vy-lire:focus-visible,[data-vy-motiv]:focus-visible{outline:2px solid #5eeaa8;outline-offset:3px}
.vy figcaption,.vy-motiv-l{margin-top:12px;text-align:center}
[data-vy-motiv]{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 6px;font-size:14px;font-weight:600;color:rgba(238,243,248,.7);text-decoration:none}
[data-vy-motiv] img{width:20px;height:20px;border-radius:6px}
[data-vy-motiv]:hover{color:#fff}
@media (max-width:600px){.vy-son{right:10px;top:10px;min-height:40px;padding:0 12px;font-size:13px}}
.pa-video{padding:clamp(8px,2vw,24px) 0 clamp(40px,6vw,72px)}
.ga-video{margin:0 0 clamp(28px,4vw,44px)}
.ga-video .vy figcaption a,.aide-clair [data-vy-motiv]{color:inherit;opacity:.75}