.yt__corps{display: grid;gap: var(--e-5)}@media (min-width: 900px){.yt__corps{grid-template-columns: minmax(0,1.9fr) minmax(280px,1fr);column-gap: 28px}.yt__replays{position: relative;min-height: 320px}.yt__replays-boite{position: absolute;inset: 0;display: flex;flex-direction: column}.yt__liste{flex: 1;min-height: 0;overflow-y: auto;overscroll-behavior: contain;scrollbar-width: thin;padding: 0 var(--e-1) 36px 0;-webkit-mask-image: linear-gradient(var(--noir) calc(100% - 44px),transparent);mask-image: linear-gradient(var(--noir) calc(100% - 44px),transparent)}}.yt__ecran{--aff-b: 1px;position: relative;min-width: 0}.yt__cadre{position: relative;aspect-ratio: 16 / 9;border-radius: var(--r-m);overflow: hidden;border: 1px solid var(--ligne);background: var(--noir);box-shadow: var(--ombre-3)}.yt__cadre iframe{position: absolute;inset: 0;width: 100%;height: 100%;border: 0}.yt__cadre .yt__facade{position: absolute;inset: 0;height: 100%;aspect-ratio: auto;border-radius: 0;background: var(--noir)}.yt .yt__facade img{opacity: .85;transition: opacity var(--duree-vite) ease}.yt .yt__facade:hover img,.yt .yt__facade:focus-visible img{opacity: 1}.yt .yt__facade .yt__lire{inset: 0;width: 68px;height: 48px;margin: auto;object-fit: contain;opacity: 1;filter: drop-shadow(0 2px 8px var(--voile-photo-3));transition: transform var(--duree-vite) ease}.yt .yt__facade:hover .yt__lire,.yt .yt__facade:focus-visible .yt__lire{transform: scale(1.08)}.yt__facade:focus-visible{outline: 3px solid var(--accent);outline-offset: -3px}.yt__facade-direct{position: absolute;inset: 0;background: radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--accent) 45%,transparent),transparent 70%),var(--noir)}.yt__infos{margin-top: var(--e-3)}.yt__meta,.yt__item-meta{display: flex;flex-wrap: wrap;align-items: center;gap: var(--e-1) 10px;margin: 6px 0 0;font-weight: 700;font-size: var(--t-s);letter-spacing: .05em;text-transform: uppercase;color: var(--texte-doux)}.yt__res{padding: 3px 10px;border-radius: var(--r-pilule);border: 1px solid var(--ligne)}.yt__type{color: var(--texte)}.yt__res b{color: var(--texte)}.yt__res--v{border-color: color-mix(in srgb,var(--ok) 60%,transparent);color: var(--ok-texte)}.yt__vues{flex-basis: 100%}.yt__infos .yt__meta{display: grid;grid-template-columns: auto auto minmax(0,1fr) auto;grid-template-areas: "type vues . res" "date date date res";gap: 0;margin: 18px 0 0}.yt__infos .yt__type{grid-area: type;align-self: end;color: inherit;line-height: 1.1}.yt__infos .yt__vues{grid-area: vues;align-self: end;line-height: 1.1}.yt__infos .yt__vues::before{content: "·";margin: 0 .55em}.yt__infos .yt__meta>span:not([class]){grid-area: date;align-self: start;margin-top: 6px;font-family: var(--font-display);font-size: var(--t-xl);letter-spacing: .01em;line-height: 1;color: var(--texte)}.yt__infos .yt__res{grid-area: res;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 6px;margin-left: var(--e-4);padding: 10px 18px 11px;border-radius: var(--r-m);text-align: center;line-height: 1.1}.yt__infos .yt__res b{font-family: var(--font-display);font-size: var(--affiche-s);letter-spacing: .01em;line-height: .9}@media (min-width: 900px){.yt__infos .yt__meta>span:not([class]){font-size: var(--t-2xl)}}.yt__replays-titre{margin: 0 0 10px;font-weight: 700;font-size: var(--t-xs);letter-spacing: .1em;text-transform: uppercase;color: var(--texte-doux)}.yt__liste{list-style: none;margin: 0;padding: 0;display: grid;gap: var(--e-2)}.yt__item{display: grid;grid-template-columns: 132px minmax(0,1fr);gap: var(--e-3);align-items: center;width: 100%;padding: var(--e-2);border-radius: var(--r-m);border: 1px solid transparent;background: none;color: inherit;font: inherit;text-align: left;cursor: pointer;transition: background-color var(--duree-norm),border-color var(--duree-norm)}.yt__item:hover{background: var(--voile-1)}.yt__item:focus-visible{outline: 3px solid var(--accent);outline-offset: 2px}.yt__item[aria-pressed="true"]{border-color: var(--accent);background: color-mix(in srgb,var(--accent) 10%,transparent);cursor: default}.yt__vignette{display: block;aspect-ratio: 16 / 9;border-radius: var(--r-s);overflow: hidden;background: var(--noir)}.yt__vignette img{display: block;width: 100%;height: 100%;object-fit: cover}.yt__item-txt{display: block;min-width: 0}.yt__item-titre{display: block;font-family: var(--font-display);letter-spacing: .01em;font-weight: 700;font-size: var(--t-corps);line-height: 1.05;text-transform: uppercase}.yt__item-meta{margin-top: var(--e-1);font-size: var(--t-xs);gap: 2px var(--e-2)}.yt__item-meta .yt__res{padding: 1px var(--e-2)}.yt__item-meta::after{content: "";order: 1;flex-basis: 100%;height: 0}.yt__item-meta .yt__res,.yt__item-meta .yt__vues{order: 2}.yt__item-meta .yt__vues{flex-basis: auto}.yt__lecture{display: none;margin-top: 5px;font-weight: 700;font-size: var(--t-xs);letter-spacing: .08em;text-transform: uppercase;color: var(--accent-texte)}.yt__item[aria-pressed="true"] .yt__lecture{display: block}@media (max-width: 899.98px){.yt__liste>li:nth-child(n+5){display: none}}@media (max-width: 599.98px){.yt__item{grid-template-columns: 112px minmax(0,1fr)}.yt__item-titre{font-size: var(--t-m)}}.yt--bande .yt__meta,.yt--bande .yt__item-meta,.yt--bande .yt__replays-titre{color: var(--clair-texte-doux)}.yt--bande .yt__cadre{border: 0;box-shadow: var(--ombre-2)}.yt--bande .yt__type,.yt--bande .yt__res b,.yt--bande .yt__infos .yt__meta>span:not([class]){color: var(--clair-texte)}.yt--bande .yt__infos .yt__type{color: inherit}.yt--bande .yt__res{border-color: var(--clair-ligne)}.yt--bande .yt__res--v{border-color: color-mix(in srgb,var(--ok) 55%,transparent);color: var(--clair-texte)}.yt--bande .yt__item:hover{background: var(--clair-surface)}.yt--bande .yt__item[aria-pressed="true"]{background: color-mix(in srgb,var(--accent) 6%,var(--clair))}.yt--bande .yt__lecture{color: var(--clair-accent-texte)}@media (prefers-reduced-motion: reduce){.yt .yt__facade img,.yt .yt__facade .yt__lire,.yt__item{transition: none}.yt .yt__facade:hover .yt__lire,.yt .yt__facade:focus-visible .yt__lire{transform: none}}.yt__prochain{display: flex;flex-wrap: wrap;align-items: center;gap: var(--e-2) var(--e-3);margin: var(--e-3) 0 0;font-weight: 700;font-size: var(--t-s);letter-spacing: .04em;text-transform: uppercase;color: var(--texte)}.yt--bande .yt__prochain{color: var(--clair-texte)}.yt__prochain-tag{display: inline-flex;align-items: center;gap: var(--e-2);padding: 6px var(--e-3) 5px;border-radius: var(--r-xs);background: var(--accent);color: var(--sur-accent);font-size: var(--t-xs);letter-spacing: .1em;line-height: 1}.yt__prochain-tag .aff__point{margin: 0}.yt .yt__ext{display: grid;place-items: center;padding: var(--e-6) var(--e-5);text-align: center;color: var(--blanc);background: radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--accent) 45%,transparent),transparent 70%),var(--noir)}.yt__ext-in{display: grid;justify-items: center;gap: var(--e-3);max-width: 34rem}.yt__ext-in p{margin: 0}.yt__ext-titre{font-family: var(--font-display);font-weight: 900;font-size: var(--affiche-s);line-height: .95;text-transform: uppercase;transform: skewX(var(--incline))}.yt__ext-texte{font-size: var(--t-m);line-height: 1.35;color: var(--blanc)}.yt__ext .btn{gap: var(--e-2)}.yt__ext .btn .ico{width: 1.125rem;height: 1.125rem}@media (max-width: 599.98px){.yt .yt__ext{aspect-ratio: auto;padding: var(--e-7) var(--e-4) var(--e-5)}}