html{scroll-behavior:smooth}body{overflow-x:hidden}.cadre{width:100%;max-width:calc(var(--largeur-max) + 2 * var(--marge));padding-left:max(var(--marge), env(safe-area-inset-left,0px));padding-right:max(var(--marge), env(safe-area-inset-right,0px));margin-inline:auto}.entete{justify-content:space-between;align-items:baseline;gap:var(--e-4);padding-block:var(--e-5);border-bottom:var(--b-fin) solid var(--c-trait);display:flex}.signature{font-family:var(--f-titre);font-weight:var(--g-moyen);letter-spacing:-.01em;font-size:1.0625rem;text-decoration:none}.ouverture{gap:var(--e-6);padding-block:var(--e-8) var(--e-film);display:grid}.ouverture h1{font-family:var(--f-titre);font-weight:var(--g-normal);font-size:var(--t-titre-1);line-height:var(--i-serre);letter-spacing:var(--l-titre);margin:var(--e-3) 0 0;text-wrap:balance}.ouverture__meta{color:var(--c-texte-2);margin:var(--e-4) 0 0;font-variant-numeric:tabular-nums}.mot{max-width:var(--mesure);font-size:var(--t-chapeau);line-height:var(--i-chapeau);font-weight:var(--g-leger);margin:0}.mot p{margin:0 0 var(--e-4);white-space:pre-line}.mot footer{font-size:var(--t-petit);color:var(--c-texte-2);font-weight:var(--g-normal)}.sommaire{border-top:var(--b-fin) solid var(--c-trait);margin:0;padding:0;list-style:none}.sommaire li{border-bottom:var(--b-fin) solid var(--c-trait)}.sommaire a{gap:var(--e-4);min-height:var(--cible-min);padding-block:var(--e-3);transition:color var(--m-court) var(--m-courbe);grid-template-columns:2ch 1fr auto;align-items:baseline;text-decoration:none;display:grid}.sommaire a:hover{color:var(--c-ocre-vif)}.sommaire .n,.sommaire .d{color:var(--c-texte-3);font-variant-numeric:tabular-nums;font-size:var(--t-petit)}.sommaire .t{font-family:var(--f-titre);font-size:var(--t-titre-3);line-height:var(--i-titre)}.film{column-gap:var(--grille-gouttiere);row-gap:var(--e-5);padding-bottom:var(--e-film);scroll-margin-top:var(--e-5);grid-template-columns:minmax(0,1fr);grid-template-areas:"image""tete""texte""fiche";display:grid}.film__image{margin:0 calc(-1 * max(var(--marge), env(safe-area-inset-left,0px)));aspect-ratio:16/9;background:var(--c-ecran);border-radius:var(--r-0);grid-area:image;position:relative;overflow:hidden}.film__image img{object-fit:cover;width:100%;height:100%;transition:transform var(--m-long) var(--m-courbe)}.film__image:hover img{transform:scale(1.015)}.film__lancer{color:var(--c-texte);cursor:pointer;background:0 0;border:0;place-items:center;margin:0;padding:0;display:grid;position:absolute;inset:0}.film__lancer:focus-visible{outline-offset:calc(-1 * var(--focus-ecart) - var(--focus-epaisseur))}.rond{border:var(--b-fin) solid #efe9e159;backdrop-filter:blur(6px);width:4rem;height:4rem;transition:background var(--m-court) var(--m-courbe), border-color var(--m-court), transform var(--m-moyen) var(--m-courbe);background:#0b0a098c;border-radius:50%;place-items:center;display:grid}.rond svg{fill:currentColor;width:1.25rem;height:1.25rem;margin-left:3px}.film__lancer:hover .rond,.film__lancer:focus-visible .rond{background:var(--c-ocre);border-color:var(--c-ocre);color:var(--c-sur-ocre);transform:scale(1.06)}.film__tete{gap:var(--e-3);grid-area:tete;align-content:start;display:grid}.film__tete h2{font-family:var(--f-titre);font-weight:var(--g-normal);font-size:var(--t-titre-2);line-height:var(--i-serre);letter-spacing:var(--l-titre);text-wrap:balance;margin:0}.film__meta{color:var(--c-texte-2);font-variant-numeric:tabular-nums;margin:0}.film__meta span+span:before{content:"·";color:var(--c-texte-3);margin-inline:.5em}.film__tete .puce--role{justify-self:start}.film__texte{gap:var(--e-5);grid-area:texte;align-content:start;min-width:0;display:grid}.film__synopsis{max-width:var(--mesure);font-size:var(--t-chapeau);line-height:var(--i-chapeau);font-weight:var(--g-leger);margin:0}.film__travail{max-width:var(--mesure);color:var(--c-texte-2);margin:0}.film__absent{color:var(--c-texte-3);font-size:var(--t-petit);margin:0}.actions{gap:var(--e-3);flex-wrap:wrap;display:flex}.actions .bouton{flex:100%}.film__fiche{border-top:var(--b-fin) solid var(--c-trait);grid-area:fiche;min-width:0}.film__fiche summary{min-height:var(--cible-min);padding-block:var(--e-3);cursor:pointer;font-weight:var(--g-moyen);justify-content:space-between;align-items:center;list-style:none;display:flex}.film__fiche summary::-webkit-details-marker{display:none}.film__fiche summary:after{content:"+";font-family:var(--f-titre);font-size:1.4em;font-weight:var(--g-leger);color:var(--c-ocre);transition:transform var(--m-moyen) var(--m-courbe)}.film__fiche[open] summary:after{transform:rotate(45deg)}.fiche{gap:var(--e-6);padding-block:var(--e-3) var(--e-5);display:grid}.fiche dl{gap:var(--e-2) var(--e-5);font-size:var(--t-petit);grid-template-columns:max-content 1fr;margin:0;display:grid}.fiche dt{color:var(--c-texte-3)}.fiche dd{margin:0}.fiche h3{margin:0 0 var(--e-3)}.fiche ul{gap:var(--e-2);font-size:var(--t-petit);color:var(--c-texte-2);margin:0;padding:0;list-style:none;display:grid}.captures{gap:var(--e-3);scroll-snap-type:x mandatory;padding-bottom:var(--e-2);grid-auto-columns:85%;grid-auto-flow:column;margin:0;padding-left:0;list-style:none;display:grid;overflow-x:auto}.captures li{scroll-snap-align:start}.captures img{aspect-ratio:16/10;object-fit:cover;object-position:top;background:var(--c-ecran);border:var(--b-fin) solid var(--c-trait);width:100%}.pied{border-top:var(--b-fin) solid var(--c-trait);padding-block:var(--e-8) var(--e-7);gap:var(--e-6);display:grid}.pied__nom{font-family:var(--f-titre);font-size:var(--t-titre-3);margin:0}.pied__metier{margin:var(--e-1) 0 0;color:var(--c-texte-2)}.contact{gap:var(--e-3);margin:0;padding:0;list-style:none;display:grid}.contact li{gap:var(--e-1);display:grid}.contact a{text-decoration-color:var(--c-trait-fort);text-underline-offset:.2em}.contact a:hover{color:var(--c-ocre-vif)}.pied__note{color:var(--c-texte-3);font-size:var(--t-petit);max-width:var(--mesure);margin:0}.inactif{align-content:center;gap:var(--e-5);min-height:100svh;padding-block:var(--e-8);display:grid}.inactif h1{font-family:var(--f-titre);font-weight:var(--g-normal);font-size:var(--t-titre-2);line-height:var(--i-serre);margin:0}.inactif p{color:var(--c-texte-2);max-width:var(--mesure);margin:0}.lecteur{width:100%;max-width:none;height:100%;max-height:none;color:var(--c-texte);background:#000;border:0;margin:0;padding:0;position:fixed;inset:0}.lecteur::backdrop{background:#000}.lecteur[open]{animation:apparait var(--m-moyen) var(--m-courbe);grid-template-rows:auto minmax(0,1fr) auto;display:grid}@keyframes apparait{0%{opacity:0}to{opacity:1}}.lecteur__haut,.lecteur__bas{align-items:center;gap:var(--e-4);padding-left:max(var(--marge), env(safe-area-inset-left,0px));padding-right:max(var(--marge), env(safe-area-inset-right,0px));transition:opacity var(--m-moyen);display:flex}.lecteur__haut{padding-top:calc(var(--e-3) + env(safe-area-inset-top,0px));padding-bottom:var(--e-3);justify-content:space-between}.lecteur__titre{font-family:var(--f-titre);font-size:var(--t-titre-3);text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.lecteur__image{background:#000;place-items:center;min-height:0;display:grid;position:relative}.lecteur__image video{object-fit:contain;background:#000;width:100%;height:100%}.lecteur__image video::cue{font-family:var(--f-texte);background:#0009}.lecteur__attente{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.lecteur__attente span{border:2px solid var(--c-trait-fort);border-top-color:var(--c-ocre);border-radius:50%;width:2.5rem;height:2.5rem;animation:.9s linear infinite tourne}@keyframes tourne{to{transform:rotate(360deg)}}.lecteur__bas{align-items:stretch;gap:var(--e-2);padding-top:var(--e-3);padding-bottom:calc(var(--e-3) + env(safe-area-inset-bottom,0px));flex-direction:column}.lecteur.calme .lecteur__haut,.lecteur.calme .lecteur__bas{opacity:0}.lecteur.calme{cursor:none}.piste{cursor:pointer;touch-action:none;height:20px;position:relative}.piste:before,.piste__charge,.piste__lu{content:"";border-radius:2px;height:4px;position:absolute;top:8px;left:0}.piste:before{background:var(--c-trait-fort);right:0}.piste__charge{background:#efe9e14d;width:0}.piste__lu{background:var(--c-ocre);width:0}.piste__lu:after{content:"";background:var(--c-texte);border-radius:50%;width:14px;height:14px;margin-top:-7px;position:absolute;top:50%;right:-7px}.piste:focus-visible{outline-offset:2px}.commandes{align-items:center;gap:var(--e-1);display:flex}.commandes .espace{flex:1}.icone{min-width:var(--cible-min);height:var(--cible-min);padding:0 var(--e-2);border-radius:var(--r-1);color:var(--c-texte);font:inherit;font-size:var(--t-petit);font-weight:var(--g-moyen);cursor:pointer;transition:background var(--m-court), color var(--m-court);background:0 0;border:0;place-items:center;text-decoration:none;display:grid}.icone:hover{background:var(--c-voile)}.icone svg{fill:currentColor;width:1.25rem;height:1.25rem}.icone[aria-pressed=true]{color:var(--c-ocre)}.temps{font-variant-numeric:tabular-nums;font-size:var(--t-petit);color:var(--c-texte-2);white-space:nowrap}@media (width>=480px){.film{grid-template:"image tete""image texte""image fiche"1fr/minmax(0,1.15fr) minmax(0,1fr);align-items:start}.film__image{top:var(--e-4);margin:0;position:sticky}.actions .bouton{flex:0 auto}.ouverture{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.ouverture>:first-child{grid-column:1/-1}.captures{grid-auto-columns:70%}}@media (width>=480px) and (width<=767px){.film__tete h2{font-size:clamp(1.5rem,1rem + 2vw,2rem)}.film__synopsis{font-size:var(--t-texte)}.ouverture{padding-block:var(--e-6) var(--e-8)}}@media (width>=768px){.film{row-gap:var(--e-6);grid-template-rows:auto;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-areas:"image image image image image image image image""tete tete tete tete tete tete tete tete""texte texte texte texte texte fiche fiche fiche"}.film__image{position:relative;top:auto}.film__fiche{border-top:0}.film__fiche summary{border-bottom:var(--b-fin) solid var(--c-trait)}.rond{width:5rem;height:5rem}.pied{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.pied__note{grid-column:1/-1}.captures{grid-auto-columns:calc(50% - var(--e-3) / 2)}}@media (width>=1024px){.film{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"image image image image image image image image image image image image""tete tete tete tete tete tete tete tete. . . .""texte texte texte texte texte texte texte.fiche fiche fiche fiche"}.ouverture{column-gap:var(--grille-gouttiere);grid-template-columns:repeat(12,minmax(0,1fr))}.ouverture>:first-child{grid-column:1/10}.mot{grid-column:1/7}.sommaire{grid-column:8/13}.ouverture:not(:has(.mot)) .sommaire{grid-column:1/8}.film__fiche summary{pointer-events:none}.film__fiche summary:after{display:none}}@media (width>=1440px){.film{row-gap:var(--e-7);grid-template-areas:"image image image image image image image image image image image image""texte texte texte texte texte texte.fiche fiche fiche fiche fiche"}.film__image:after{content:"";background:var(--c-voile-image);pointer-events:none;position:absolute;inset:0}.film__tete{z-index:1;padding:0 var(--e-7) var(--e-7);pointer-events:none;grid-area:image;align-self:end;max-width:62%;position:relative}.film__lancer{z-index:2}.rond{width:5.5rem;height:5.5rem}.fiche{column-gap:var(--e-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.fiche dl{grid-column:1/-1}}@media (width>=1920px){.film__tete{padding:0 var(--e-8) var(--e-8)}.rond{width:6.5rem;height:6.5rem}}
