:root{
    --m-titre:cubic-bezier(.165,.84,.44,1);     --m-pose:cubic-bezier(.16,1,.3,1);          --m-trace:cubic-bezier(.215,.61,.355,1);    --m-echange:cubic-bezier(.76,0,.24,1);            --m-d-titre:.9s;  --m-d-entree:.6s; --m-d-trait:.6s; --m-d-fil:.5s; --m-d-coche:.3s;
  --m-d-sortie:.22s; --m-d-echange:.32s; --m-d-rideau:1.2s; --m-d-pose:1.7s;
  --m-d-survol:.18s; --m-d-appui:.14s;
    --m-pas-ligne:90ms;     --m-pas-liste:60ms;     --m-monte:12px;         --m-d-relais:.14s;    }

.barre{transition:translate .3s var(--m-pose),background-color .25s ease,border-color .25s ease}
.barre.cache,html.m-en-scene .barre{translate:0 -100%;transition-duration:.2s}
.barre:focus-within,html.m-en-scene .barre:focus-within{translate:none}
@media (max-width:760px){
  html.m-en-scene .bouton.pouce.visible:not(:focus-visible){opacity:0;translate:0 12px;visibility:hidden;pointer-events:none;
    transition:opacity var(--m-d-sortie) var(--m-echange),translate var(--m-d-sortie) var(--m-echange),visibility 0s linear var(--m-d-sortie)}
}

.m-l,.m-l > span{display:block}
.m-l:nth-of-type(2){--m-li:2} .m-l:nth-of-type(3){--m-li:3} .m-l:nth-of-type(4){--m-li:4} .m-l:nth-of-type(5){--m-li:5}
.m-mot,.m-mot > span{display:inline-block}
.m-cle{position:relative;white-space:nowrap;color:var(--braise)}
.sombre .m-cle{color:var(--braise-nuit)}
.sombre{--m-allume-de:var(--creme)}
.m-trait{position:absolute;left:0;bottom:-.16em;width:100%;height:.22em;overflow:visible;pointer-events:none}
.m-trait path{fill:none;stroke:var(--braise);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.sombre .m-trait path{stroke:var(--braise-nuit)}
[data-m~=rideau]{position:relative;overflow:clip}
[data-m~=compte]{font-variant-numeric:tabular-nums;display:inline-block}
.m-repere,.m-jauge{display:none}
[data-m~=fil]{position:relative}
.m-fil-v{position:absolute;left:0;top:0;width:1.5px;height:100%;background:var(--or-filet);transform-origin:50% 0;pointer-events:none}
.sombre .m-fil-v{background:var(--or-nuit)}
.m-ciel{position:absolute;inset:0;pointer-events:none}
.m-sonde{position:absolute;top:0;left:0;width:1px;height:100svh;visibility:hidden;pointer-events:none}

.js-anim [data-m~=lever] .m-l{clip-path:inset(-.25em -.6em -.35em -.6em)}
.js-anim [data-m~=lever]:not([data-m-auto]) .m-l > span{translate:0 calc(100% + .6em);transition:translate .2s var(--m-trace)}
.js-anim [data-m~=lever].vu .m-l > span{translate:none;
  transition:translate var(--m-d-titre) var(--m-titre) calc(var(--m-decale,0s) + var(--m-retard,0s) + (var(--m-li,1) - 1) * var(--m-pas-ligne))}
.js-anim [data-m~=lever]:not([data-m-auto]):not(.vu) .m-cle{color:var(--m-allume-de,var(--encre))}
.js-anim [data-m~=lever].vu .m-cle{transition:color var(--m-d-trait) ease calc(var(--m-decale,0s) + var(--m-retard,0s) + .8s)}
.js-anim .m-trait{clip-path:inset(-4px 100% -4px -4px);transition:clip-path .2s var(--m-trace)}
.js-anim [data-m~=lever].vu .m-trait{clip-path:inset(-4px);transition:clip-path var(--m-d-trait) var(--m-trace) calc(var(--m-decale,0s) + var(--m-retard,0s) + .8s)}
.js-anim [data-m~=lever][data-m-auto] .m-mot{clip-path:inset(-.25em -.6em -.35em -.6em)}
.js-anim [data-m~=lever][data-m-auto] .m-mot > span{animation:m-monte var(--m-d-titre) var(--m-titre) calc(.12s + var(--ld,0) * var(--m-pas-ligne)) both}
@media (max-width:979px){ .js-anim [data-m~=lever][data-m-auto] .m-mot > span{animation-delay:calc(.12s + var(--lt,var(--ld,0)) * var(--m-pas-ligne))} }
.js-anim [data-m~=lever][data-m-auto] .m-l > span{animation:m-monte var(--m-d-titre) var(--m-titre) calc(.12s + var(--m-retard,0s) + (var(--m-li,1) - 1) * var(--m-pas-ligne)) both}
.js-anim [data-m~=lever][data-m-auto] .m-cle{animation:m-allume var(--m-d-trait) ease var(--m-allume-t,1.2s) both}
.js-anim [data-m~=lever][data-m-auto] .m-trait{animation:m-trace var(--m-d-trait) var(--m-trace) var(--m-allume-t,1.2s) both}

.js-anim [data-m~=entre]:not([data-m-auto]){opacity:0;translate:0 var(--m-monte);transition:opacity .2s var(--m-trace),translate .2s var(--m-trace)}
.js-anim [data-m~=entre].vu{opacity:1;translate:none;
  transition:opacity var(--m-d-entree) var(--m-pose) calc(var(--m-decale,0s) + var(--m-retard,0s)),translate var(--m-d-entree) var(--m-pose) calc(var(--m-decale,0s) + var(--m-retard,0s))}
.js-anim [data-m~=entre][data-m-auto]{animation:m-entre var(--m-d-entree) var(--m-pose) var(--m-retard,0s) both}

.js-anim [data-m~=groupe] > *{opacity:0;translate:0 var(--m-monte);transition:opacity .2s var(--m-trace),translate .2s var(--m-trace)}
.js-anim [data-m~=groupe].vu > *{opacity:1;translate:none;
  transition:opacity var(--m-d-entree) var(--m-pose) calc(var(--m-decale,0s) + var(--m-retard,0s) + var(--m-i,0) * var(--m-pas-liste)),
             translate var(--m-d-entree) var(--m-pose) calc(var(--m-decale,0s) + var(--m-retard,0s) + var(--m-i,0) * var(--m-pas-liste))}

.js-anim [data-m~=revele]:not([data-m-auto]){clip-path:inset(-.15em 100% -.25em -.08em);transition:clip-path .2s var(--m-trace)}
.js-anim [data-m~=revele][data-m-sens=haut]:not([data-m-auto]){clip-path:inset(100% 0 0 0)}
.js-anim [data-m~=revele].vu{clip-path:inset(-.15em -.08em -.25em -.08em);transition:clip-path var(--m-d-titre) var(--m-pose) calc(var(--m-decale,0s) + var(--m-retard,0s))}
.js-anim [data-m~=revele][data-m-sens=haut].vu{clip-path:inset(0)}
.js-anim [data-m~=revele][data-m-auto]{animation:m-revele var(--m-d-titre) var(--m-pose) var(--m-retard,0s) both}
.js-anim [data-m~=revele][data-m-auto][data-m-sens=haut]{animation-name:m-revele-haut}

.js-anim [data-m~=rideau]::after{content:"";position:absolute;inset:0;z-index:2;background:var(--m-rideau,var(--creme));transform-origin:50% 0;pointer-events:none;transition:transform .2s var(--m-trace)}
.js-anim [data-m~=rideau].vu::after{transform:scaleY(0);transition:transform var(--m-d-rideau) var(--m-pose) calc(var(--m-decale,0s) + var(--m-retard,0s))}
.js-anim [data-m~=rideau]:not([data-m-auto]) .m-pose{scale:1.08;transition:scale .2s var(--m-trace)}
.js-anim [data-m~=rideau].vu .m-pose{scale:none;transition:scale var(--m-d-pose) var(--m-pose) calc(var(--m-decale,0s) + var(--m-retard,0s))}
.js-anim [data-m~=rideau][data-m-auto]::after{animation:m-rideau var(--m-d-rideau) var(--m-pose) var(--m-retard,0s) both}
.js-anim [data-m~=rideau][data-m-auto] .m-pose{animation:m-pose var(--m-d-pose) var(--m-pose) var(--m-retard,0s) both}


@keyframes m-monte{from{translate:0 calc(100% + .6em)}to{translate:none}}
@keyframes m-entre{from{opacity:0;translate:0 var(--m-monte)}to{opacity:1;translate:none}}
@keyframes m-rideau{from{transform:scaleY(1)}to{transform:scaleY(0)}}
@keyframes m-pose{from{scale:1.08}to{scale:none}}
@keyframes m-allume{from{color:var(--m-allume-de,var(--encre))}}
@keyframes m-trace{from{clip-path:inset(-4px 100% -4px -4px)}to{clip-path:inset(-4px)}}
@keyframes m-revele{from{clip-path:inset(-.15em 100% -.25em -.08em)}to{clip-path:inset(-.15em -.08em -.25em -.08em)}}
@keyframes m-revele-haut{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0)}}

[data-m~=schema]{contain:layout paint}
[data-m~=schema] :is(.m-fil,.m-coche){vector-effect:non-scaling-stroke}
.js-anim [data-m~=schema] .m-pt{opacity:0;scale:.96;transform-box:fill-box;transform-origin:center;transition:opacity .2s var(--m-trace),scale .2s var(--m-trace)}
.js-anim [data-m~=schema].joue .m-pt{opacity:1;scale:none;
  transition:opacity .35s var(--m-pose) calc(var(--m-decale,0s) + var(--m-retard,0s) + var(--t,0s)),scale .35s var(--m-pose) calc(var(--m-decale,0s) + var(--m-retard,0s) + var(--t,0s))}
.js-anim [data-m~=schema] :is(.m-fil,.m-coche){stroke-dasharray:1;stroke-dashoffset:1;opacity:0;transition:stroke-dashoffset .2s var(--m-trace),opacity 0s linear .2s}
.js-anim [data-m~=schema].joue .m-fil{stroke-dashoffset:0;opacity:1;
  transition:stroke-dashoffset var(--m-d-fil) var(--m-trace) calc(var(--m-decale,0s) + var(--m-retard,0s) + var(--t,0s)),opacity 0s linear calc(var(--m-decale,0s) + var(--m-retard,0s) + var(--t,0s))}
.js-anim [data-m~=schema].joue .m-coche{stroke-dashoffset:0;opacity:1;
  transition:stroke-dashoffset var(--m-d-coche) var(--m-trace) calc(var(--m-decale,0s) + var(--m-retard,0s) + var(--t,0s)),opacity 0s linear calc(var(--m-decale,0s) + var(--m-retard,0s) + var(--t,0s))}
.js-anim [data-m~=schema] .m-et{opacity:0;translate:0 8px;transition:opacity .2s var(--m-trace),translate .2s var(--m-trace)}
.js-anim [data-m~=schema].joue .m-et{opacity:1;translate:none;
  transition:opacity .45s var(--m-pose) calc(var(--m-decale,0s) + var(--m-retard,0s) + var(--t,0s)),translate .45s var(--m-pose) calc(var(--m-decale,0s) + var(--m-retard,0s) + var(--t,0s))}
.js-anim [data-m~=schema] :is(.m-barre,.m-ecrit,.m-gomme){transform-box:fill-box;transform-origin:0 50%;scale:0 1;transition:scale .2s var(--m-trace)}
.js-anim [data-m~=schema].joue .m-barre{scale:none;transition:scale var(--dur,1s) linear calc(var(--m-decale,0s) + var(--m-retard,0s) + var(--t,0s))}
.js-anim [data-m~=schema].joue .m-ecrit{scale:none;transition:scale .35s var(--m-trace) calc(var(--m-decale,0s) + var(--m-retard,0s) + var(--t,0s))}
.js-anim [data-m~=schema] .m-vol{opacity:.55;translate:var(--dx,0px) var(--dy,0px);transition:opacity .2s var(--m-trace),translate .2s var(--m-trace)}
.js-anim [data-m~=schema].joue .m-vol{opacity:1;translate:none;
  transition:opacity .7s var(--m-pose) calc(var(--m-decale,0s) + var(--m-retard,0s) + var(--t,0s)),translate .7s var(--m-pose) calc(var(--m-decale,0s) + var(--m-retard,0s) + var(--t,0s))}
.js-anim [data-m~=schema] .m-balai{translate:-100% 0;transition:translate .2s var(--m-trace)}
.js-anim [data-m~=schema].joue .m-balai{translate:none;transition:translate var(--dur,1s) linear calc(var(--m-decale,0s) + var(--m-retard,0s) + var(--t,0s))}
.js-anim [data-m~=schema].joue .m-gomme{scale:none;transition:scale var(--dur,1s) linear calc(var(--m-decale,0s) + var(--m-retard,0s) + var(--t,0s))}
.js-anim [data-m~=schema] .m-tape{clip-path:inset(0 100% 0 0);transition:clip-path .2s var(--m-trace)}
.js-anim [data-m~=schema].joue .m-tape{clip-path:inset(0);transition:clip-path var(--dur,.45s) steps(var(--n,5),end) calc(var(--m-decale,0s) + var(--m-retard,0s) + var(--t,0s))}

@media (min-height:560px){
  .js-anim [data-m~=scene]{position:relative;height:calc(100svh + (max(0, var(--m-intro,0)) + (var(--m-n,1) - 1) * var(--m-pas,.6) + var(--m-fin,.6)) * 100svh)}
  .js-anim .m-collant{position:sticky;top:0;height:100svh;overflow:clip}
  .js-anim .m-etapes{display:grid}
  .js-anim .m-etapes > [data-pas]{grid-area:1 / 1;min-width:0}
  .js-anim [data-m~=scene] [data-pas]{opacity:0;pointer-events:none}
  .js-anim [data-m~=scene] [data-pas].actif{opacity:1;pointer-events:auto}
  .js-anim [data-m~=scene] [data-pas].sort{opacity:0;transition:opacity 0s linear var(--m-d-echange)}     .js-anim [data-m~=scene][data-sens] [data-pas].actif{--m-decale:var(--m-d-relais)}       .js-anim [data-m~=scene] [data-pas].sort .m-l > span{translate:0 calc(-100% - .6em);transition:translate var(--m-d-echange) var(--m-echange)}
  .js-anim [data-m~=scene][data-sens=haut] [data-pas].sort .m-l > span{translate:0 calc(100% + .6em)}
    .js-anim [data-m~=scene] [data-pas].sort :is([data-m~=entre],[data-m~=revele],[data-m~=schema],[data-m~=rideau],[data-m~=groupe] > *){opacity:0;transition:opacity var(--m-d-sortie) var(--m-echange)}
    .js-anim [data-m~=scene] [data-pas].sort .m-trait{opacity:0;transition:opacity var(--m-d-sortie) var(--m-echange)}
    .js-anim [data-m~=scene] .m-remet,.js-anim [data-m~=scene] .m-remet *,.js-anim [data-m~=scene] .m-remet *::after{transition:none}
    .js-anim [data-m~=scene] [data-pas].passe [data-m~=lever]:not(.vu) .m-l > span{translate:0 calc(-100% - .6em)}
  .js-anim [data-m~=scene] [data-pas].passe [data-m~=entre]:not(.vu),
  .js-anim [data-m~=scene] [data-pas].passe [data-m~=groupe]:not(.vu) > *{translate:0 calc(-1 * var(--m-monte))}
    .js-anim [data-m~=scene] .m-repere{display:flex}
  .js-anim [data-m~=scene] .m-jauge{display:block;position:relative;height:1px;background:var(--trait)}
  .js-anim [data-m~=scene] .m-jauge > i{display:block;width:100%;height:100%;background:var(--braise);transform-origin:0 50%;transform:scaleX(0)}
  .js-anim [data-m~=scene] .m-jauge-v{width:1px;height:100%}
  .js-anim [data-m~=scene] .m-jauge-v > i{transform-origin:50% 0;transform:scaleY(0)}
  .js-anim .sombre [data-m~=scene] .m-jauge,.js-anim [data-m~=scene].sombre .m-jauge{background:var(--trait-nuit)}
  .js-anim .sombre [data-m~=scene] .m-jauge > i,.js-anim [data-m~=scene].sombre .m-jauge > i{background:var(--braise-nuit)}
}

.js-anim [data-m~=fil] .m-fil-v{transform:scaleY(0)}
.js-anim [data-m~=fil] [data-pas]{transition:color .3s ease}
.js-anim [data-m~=fil] [data-pas]:not(.actif){color:var(--gris)}
.js-anim .sombre [data-m~=fil] [data-pas]:not(.actif){color:rgb(251 245 236 / .66)}

@media (max-width:979px){ .js-anim [data-m~=cadre]{transform:scale(.92);transform-origin:50% 0} }

.js-anim [data-m~=ciel]{transform:translate3d(0,20%,0)}

.js-anim [data-m~=scene].m-vivant .m-jauge > i,
.js-anim [data-m~=fil].m-vivant .m-fil-v,
.js-anim [data-m~=ciel].m-vivant,
.js-anim [data-m~=cadre].m-vivant{will-change:transform}

.js-anim .ouverture [data-m~=lever][data-m-auto] .m-mot > span{animation-duration:.95s}
@media (min-width:641px) and (max-width:979px){ .js-anim .ouverture [data-m~=lever][data-m-auto] .m-mot > span{animation-delay:calc(.12s + var(--ld,0) * var(--m-pas-ligne))} }
.js-anim .ouverture .m-cle{--m-allume-t:calc(.92s + var(--ld,3) * var(--m-pas-ligne))}
@media (max-width:640px){ .js-anim .ouverture .m-cle{--m-allume-t:calc(.92s + var(--lt,4) * var(--m-pas-ligne))} }
.js-anim .ouverture .ouv-ecran{--m-retard:.45s}
.js-anim .ouverture .ouv-ecran::after{z-index:4;inset:-2px;border-radius:4px}   .js-anim .ouverture .ouv-sous{--m-retard:.7s;animation-duration:.8s}
.js-anim .ouverture .ouv-actions{--m-retard:.82s;animation-duration:.8s}
.js-anim .ouverture .ouv-filet{animation:m-ouv-filet .9s var(--m-trace) 1.05s both}
.js-anim .ouverture .ouv-legende > [data-m~=entre]{--m-retard:1.15s}
@keyframes m-ouv-filet{from{scale:0 1}to{scale:none}}

@media (max-width:979px){
  .js-anim .ouverture .ouv-filet{animation-delay:.85s}
  .js-anim .ouverture .ouv-legende > [data-m~=entre]{--m-retard:.95s}
  .js-anim .ouverture .ouv-ecran{--m-retard:.9s}
}
@media (min-height:560px){
    .js-anim #possible [data-pas].actif .echange.vu .repond > span{transition-delay:calc(var(--m-decale,0s) + .12s)}
    .js-anim #possible .schema-01{opacity:0;transition:opacity var(--m-d-sortie) var(--m-echange)}
  .js-anim #possible [data-pas].actif .schema-01{opacity:1;transition:opacity .25s var(--m-pose) calc(var(--m-decale,0s) + var(--m-retard,0s))}
    .js-anim #possible [data-pas].sort .schema-01{transition-delay:.22s}
  .js-anim #possible [data-pas].sort .preuve-01 .chiffre-01[data-m~=entre]{transition:opacity .12s var(--m-echange) .2s}
  .js-anim #possible [data-pas].sort .preuve-01 .source-01[data-m~=entre]{transition-delay:.19s}
  .js-anim #possible [data-pas].sort .preuve-01 [data-m~=revele]{opacity:1}
  .js-anim #piste-possible [data-pas].sort{transition-delay:.46s}
    .js-anim #piste-possible:not(.m-e1) [data-pas].sort :is(.schema-01,.preuve-01 [data-m~=entre]){transition-delay:0s}
    .js-anim #possible .releve-n{clip-path:inset(-.2em 100% -.2em 0);transition:clip-path .2s var(--m-trace)}
  .js-anim #possible .releve .fait .releve-n{clip-path:inset(-.2em -.1em);transition:clip-path .5s var(--m-pose) .9s}
    .js-anim #possible [data-pas].passe:not(.sort) .m-trait{opacity:0}
    .js-anim #possible .m-jauge{transition:opacity .3s var(--m-trace) .35s}
  .js-anim #piste-possible:not(.m-e1) .m-jauge{opacity:0;transition-delay:0s}
}
@media (max-width:979px) and (min-height:560px){
  #piste-possible{--m-rang:clamp(52px,(100svh - 380px) / 5,110px);--m-som:2;--m-som-c:43svh}
    .js-anim #possible .releve button{position:relative;transform-origin:0 0;--s2:.42s;
    transition:color var(--m-d-survol) ease,translate 0s linear var(--s2),transform 0s linear var(--s2);animation:m-som-file .62s linear}
  .js-anim #possible .releve button:nth-of-type(2){--i:1}
  .js-anim #possible .releve button:nth-of-type(3){--i:2}
  .js-anim #possible .releve button:nth-of-type(4){--i:3}
  .js-anim #possible .releve button:nth-of-type(5){--i:4}
  .js-anim #piste-possible:not(.m-e1) .releve button{translate:calc(var(--i,0) * -100%) 0;
    transform:translateY(calc(50px + env(safe-area-inset-bottom,0px) - var(--m-som-c) + (var(--i,0) - 2.5) * var(--m-rang))) scale(var(--m-som));
    transition:color var(--m-d-survol) ease,translate 0s linear .12s,transform 0s linear .12s;animation-name:m-som-revient;animation-duration:.6s}
    .js-anim #possible .releve button::before{content:"";position:absolute;left:0;top:0;width:calc(500% / var(--m-som));height:calc(1px / var(--m-som));
    background:var(--trait);opacity:0;pointer-events:none;transition:opacity 0s linear var(--s2)}
  .js-anim #piste-possible:not(.m-e1) .releve button::before{opacity:1;transition-delay:.12s}
    .js-anim #possible .releve button:nth-of-type(5)::after{content:"";position:absolute;left:0;top:calc(var(--m-rang) / var(--m-som));width:calc(500% / var(--m-som));
    height:calc(1px / var(--m-som));background:var(--trait);opacity:0;pointer-events:none;transition:opacity 0s linear var(--s2)}
  .js-anim #piste-possible:not(.m-e1) .releve button:nth-of-type(5)::after{opacity:1;transition-delay:.12s}
    .js-anim #possible .m-jauge{opacity:1;clip-path:inset(-1px);transition:clip-path .3s var(--m-trace) .2s}
  .js-anim #piste-possible:not(.m-e1) .m-jauge{opacity:1;clip-path:inset(0 100% 0 0);transition:clip-path .2s var(--m-echange)}
    .js-anim #piste-possible:not(.m-e1) [data-pas].sort :is(.schema-01,.preuve-01 [data-m~=entre]){transition-delay:.3s;transition-duration:var(--m-d-sortie)}
  .js-anim #piste-possible:not(.m-e1) [data-pas].sort{transition-delay:.56s}
}
@keyframes m-som-file{
  0%,48.4%{opacity:1;animation-timing-function:var(--m-echange)}
  67.7%{opacity:0;animation-timing-function:var(--m-pose)}
  100%{opacity:1}
}
@keyframes m-som-revient{
  0%{opacity:1;animation-timing-function:var(--m-echange)}
  20%,66.7%{opacity:0;animation-timing-function:var(--m-pose)}
  100%{opacity:1}
}
@media (max-width:979px) and (min-height:780px){ #piste-possible{--m-rang:clamp(52px,(100svh - 304px) / 5,120px);--m-som-c:49svh} }
@media (max-width:979px) and (min-height:560px) and (max-height:779px){ #piste-possible{--m-som:1.6} }
@media (max-width:979px) and (min-height:560px) and (max-height:639px){ #piste-possible{--m-som:1.25} }
@media (min-width:980px) and (min-height:560px){
  #piste-possible{--m-som:2}
  .js-anim #possible .releve{transform-origin:0 100%;transition:translate .6s var(--m-echange) .08s,scale .6s var(--m-echange) .08s}     .js-anim #piste-possible:not(.m-e1) .releve{translate:calc(100% + var(--gout) - 20px * var(--m-som)) 0;scale:var(--m-som)}
}
@media (min-width:980px) and (min-height:560px) and (max-height:799px){ #piste-possible{--m-som:1.6} }
@media (min-width:980px) and (min-height:560px) and (max-height:679px){ #piste-possible{--m-som:1.25} }
.js-anim #possible .balai-et{opacity:0;transition:opacity .2s var(--m-trace)}
.js-anim #possible [data-m~=schema].joue .balai-et{opacity:1;transition:opacity .3s var(--m-pose) calc(var(--m-decale,0s) + var(--m-retard,0s) + var(--t,0s) + .3s)}
.js-anim #possible [data-m~=schema].joue .tuile-01:not(.rouge){opacity:.25;
  transition:opacity .5s var(--m-trace) calc(var(--m-decale,0s) + var(--m-retard,0s) + .9s),translate .7s var(--m-pose) calc(var(--m-decale,0s) + var(--m-retard,0s) + var(--t,0s))}

@media (min-height:560px){
  .js-anim #possible .releve button::before,.js-anim #possible .releve button:nth-of-type(5)::after{background:var(--trait-nuit)}
}
.js-anim #possible [data-m~=schema].joue .tuile-01:not(.rouge){opacity:.4}
.js-anim #probleme .schema-douleur{--m-retard:.3s}
.js-anim #probleme .replique{--m-retard:.45s}
.js-anim #probleme .promesse{--m-retard:.62s}
@media (min-height:560px){
  .js-anim #probleme .schema-douleur{--m-retard:.1s}
  .js-anim #probleme .replique{--m-retard:1.35s}
  .js-anim #probleme .promesse{--m-retard:1.55s}
    .js-anim #probleme [data-m~=scene] [data-pas].sort .reponse{opacity:0;transition:opacity var(--m-d-sortie) var(--m-echange)}
  .js-anim #probleme [data-m~=scene] [data-pas].sort .promesse .m-l > span{transition:translate 0s linear var(--m-d-echange)}
}
.js-anim #probleme .schema-douleur{opacity:0;transition:opacity .2s var(--m-trace)}
.js-anim #probleme .schema-douleur.joue{opacity:1;transition:opacity .35s var(--m-pose) calc(var(--m-decale,0s) + var(--m-retard,0s))}
.js-anim #probleme [data-pas].sort .schema-douleur{opacity:0;transition:opacity var(--m-d-sortie) var(--m-echange)}
.js-anim #probleme .schema-douleur .equipe{opacity:1;transition:opacity .2s var(--m-trace)}
.js-anim #probleme .schema-douleur.joue .equipe{opacity:var(--fin,0);transition:opacity .3s var(--m-echange) calc(var(--m-decale,0s) + var(--m-retard,0s) + var(--t))}
.js-anim #probleme .promesse.vu .m-cle{transition:color var(--m-d-trait) ease calc(var(--m-decale,0s) + var(--m-retard,0s) + .3s)}
.js-anim #probleme .schema-douleur.joue .piste{
  transition:stroke-dashoffset var(--dur,1.2s) linear calc(var(--m-decale,0s) + var(--m-retard,0s) + var(--t,0s)),
             opacity 0s linear calc(var(--m-decale,0s) + var(--m-retard,0s) + var(--t,0s))}
@media (min-height:560px) and (max-height:699px), (min-width:980px) and (min-height:560px) and (max-height:719px){
  .js-anim #piste-probleme.m-e1 .titre-douleurs{opacity:0;pointer-events:none;transition:opacity 0s linear var(--m-d-echange)}
  .js-anim #piste-probleme.m-e1 .titre-douleurs .m-l > span{translate:0 calc(-100% - .6em);transition:translate var(--m-d-echange) var(--m-echange)}
}
@media (min-height:560px){
  .js-anim #probleme [data-m~=scene] .reponse::after{transform-origin:50% 0;scale:1 0;transition:scale .2s var(--m-trace)}
  .js-anim #probleme [data-m~=scene] [data-pas].actif .reponse::after{scale:none;transition:scale var(--m-d-trait) var(--m-trace) calc(var(--m-decale,0s) + 1.35s)}   }
@media (max-width:979px) and (min-height:700px),(min-width:980px) and (min-height:720px){
  .js-anim #probleme .titre-douleurs h2{transform-origin:0 0;transition:scale var(--m-d-sortie) var(--m-echange),color var(--m-d-sortie) ease}
    .js-anim #piste-probleme.m-e1 .titre-douleurs h2{scale:.62;opacity:1;color:rgb(252 249 244 / .66);transition:scale .5s var(--m-pose) .2s,color .5s ease .2s}
    .js-anim #piste-probleme.m-e2 .titre-douleurs h2{color:rgb(252 249 244 / .55)}
}
@media (min-height:560px){
    .js-anim #systeme .m-scene .sys-sources li{opacity:0;translate:calc(var(--dx,0px) * 1.4) calc(var(--dy,0px) * 1.4);
    transition:opacity var(--m-d-sortie) var(--m-trace),translate var(--m-d-sortie) var(--m-trace)}
    .js-anim #systeme .m-scene.m-e1 .sys-sources li{opacity:1;translate:var(--dx,0px) var(--dy,0px);
    transition:opacity .6s var(--m-pose) calc(var(--i,0) * var(--m-pas-liste)),translate .6s var(--m-pose) calc(var(--i,0) * var(--m-pas-liste))}
    .js-anim #systeme .m-scene.m-e2 .sys-sources li{translate:none;
    transition:opacity .6s var(--m-pose),translate .7s var(--m-pose) calc(var(--i,0) * var(--m-pas-liste))}
    .js-anim #systeme #titre-systeme{transform-origin:0 0;transition:scale var(--m-d-sortie) var(--m-echange),opacity var(--m-d-sortie) var(--m-echange),color var(--m-d-sortie) ease}
  .js-anim #systeme #piste-systeme.m-e2 #titre-systeme{scale:.62;opacity:1;color:rgb(252 249 244 / .66);transition:scale .5s var(--m-pose),color .5s ease}
    .js-anim #systeme #piste-systeme.m-e2 #titre-systeme .m-cle{color:#F29A70;transition:color .5s ease}
  .js-anim #systeme #piste-systeme[data-sens=haut]:not(.m-e2) #titre-systeme .m-cle{transition:color var(--m-d-sortie) ease}

      .js-anim #systeme .m-scene .sys-pt{opacity:0;scale:.96;transform-box:fill-box;transform-origin:center;
    transition:opacity var(--m-d-sortie) var(--m-trace),scale var(--m-d-sortie) var(--m-trace)}
  .js-anim #systeme .m-scene.m-e2 .sys-pt{opacity:1;scale:none;
    transition:opacity .35s var(--m-pose) calc(var(--i,0) * var(--m-pas-liste)),scale .35s var(--m-pose) calc(var(--i,0) * var(--m-pas-liste))}
    .js-anim #systeme .m-scene :is(.sys-entre,.sys-sort,.sys-cercle),
  .js-anim #systeme .m-scene .sys-coche .m-coche{stroke-dasharray:1;stroke-dashoffset:1;opacity:0;
    transition:stroke-dashoffset var(--m-d-sortie) var(--m-trace),opacity 0s linear var(--m-d-sortie)}
  .js-anim #systeme .m-scene.m-e2 .sys-entre{stroke-dashoffset:0;opacity:1;
    transition:stroke-dashoffset var(--m-d-fil) var(--m-trace) calc(.12s + var(--i,0) * var(--m-pas-liste)),opacity 0s linear calc(.12s + var(--i,0) * var(--m-pas-liste))}
    .js-anim #systeme .m-scene .sys-coeur img{opacity:0;scale:1.08;translate:none;transition:opacity var(--m-d-sortie) var(--m-trace),scale var(--m-d-sortie) var(--m-trace)}
  .js-anim #systeme .m-scene.m-e2 .sys-coeur img{opacity:1;scale:none;transition:opacity .7s var(--m-pose) .6s,scale 1.2s var(--m-pose) .6s}
  .js-anim #systeme .m-scene .sys-coeur::before{opacity:0;transition:opacity var(--m-d-sortie) ease}
  .js-anim #systeme .m-scene.m-e2 .sys-coeur::before{opacity:.5;transition:opacity .9s ease .6s}
    .js-anim #systeme .m-scene.m-e2 .sys-cercle{stroke-dashoffset:0;opacity:1;transition:stroke-dashoffset .8s var(--m-trace) .8s,opacity 0s linear .8s}
  .js-anim #systeme .m-scene :is(.sys-anneau-mots,.sys-legende){opacity:0;transition:opacity var(--m-d-sortie) var(--m-trace)}
  .js-anim #systeme .m-scene.m-e2 :is(.sys-anneau-mots,.sys-legende){opacity:1;transition:opacity .4s var(--m-pose) 1.3s}

    .js-anim #systeme .m-scene.m-e3 .sys-sort{stroke-dashoffset:0;opacity:1;
    transition:stroke-dashoffset var(--m-d-fil) var(--m-trace) calc(var(--i,0) * var(--m-pas-liste)),opacity 0s linear calc(var(--i,0) * var(--m-pas-liste))}
  .js-anim #systeme .m-scene .sys-masque > span{translate:0 calc(100% + .45em);transition:translate var(--m-d-sortie) var(--m-trace)}
  .js-anim #systeme .m-scene.m-e3 .sys-masque > span{translate:none;transition:translate var(--m-d-titre) var(--m-titre) calc(.3s + var(--i,0) * 70ms)}
  .js-anim #systeme .m-scene .sys-coche .m-pt{opacity:0;scale:.96;transform-box:fill-box;transform-origin:center;stroke:rgb(251 245 236 / .5);
    transition:opacity var(--m-d-sortie) var(--m-trace),scale var(--m-d-sortie) var(--m-trace),stroke var(--m-d-sortie) ease}
  .js-anim #systeme .m-scene.m-e3 .sys-coche .m-pt{opacity:1;scale:none;
    transition:opacity .35s var(--m-pose) calc(.3s + var(--i,0) * 70ms),scale .35s var(--m-pose) calc(.3s + var(--i,0) * 70ms),stroke var(--m-d-sortie) ease}

    .js-anim #systeme .m-scene.m-e4 .sys-coche .m-pt{stroke:var(--braise-nuit);
    transition:opacity .35s var(--m-pose) calc(.3s + var(--i,0) * 70ms),scale .35s var(--m-pose) calc(.3s + var(--i,0) * 70ms),stroke var(--m-d-coche) ease calc(var(--i,0) * var(--m-pas-liste))}
  .js-anim #systeme .m-scene.m-e4 .sys-coche .m-coche{stroke-dashoffset:0;opacity:1;
    transition:stroke-dashoffset var(--m-d-coche) var(--m-trace) calc(var(--i,0) * var(--m-pas-liste)),opacity 0s linear calc(var(--i,0) * var(--m-pas-liste))}
}
.js-anim #demo .demo-ligne{--m-retard:.24s}

@media (min-height:560px){
    .js-anim #piste-hdv .hdv-tels{scale:var(--s0,.72);transition:scale var(--m-d-echange) var(--m-echange)}
  .js-anim #piste-hdv .hdv-tel-a .hdv-ecran::after{content:"";position:absolute;inset:0;z-index:1;background:var(--nuit-0);transition:opacity var(--m-d-sortie) ease}
    .js-anim #piste-hdv .hdv-tel-a .hdv-ecran::after{content:"HDV · Pilotage";content:"HDV · Pilotage" / "";display:grid;place-items:center;padding-bottom:8%;
    font-size:calc(var(--sw) * .056);font-weight:500;letter-spacing:.01em;line-height:1;color:rgb(252 249 244 / .62);white-space:nowrap}
  .js-anim #piste-hdv .hdv-tel-a .hdv-ecran::before{content:"";position:absolute;z-index:2;top:calc(var(--sw) * .035);left:50%;width:30%;height:calc(var(--sw) * .085);
    translate:-50% 0;border-radius:999px;background:rgb(252 249 244 / .1);pointer-events:none;transition:opacity var(--m-d-sortie) ease}
  .js-anim #piste-hdv .hdv-tel-a::before{content:"";position:absolute;z-index:1;bottom:calc(var(--bz) + var(--sw) * .035);left:50%;width:34%;height:4px;
    translate:-50% 0;border-radius:999px;background:rgb(252 249 244 / .45);pointer-events:none;transition:opacity var(--m-d-sortie) ease}
  .js-anim #piste-hdv .hdv-mot{opacity:0;scale:calc(.9 * var(--s1,1));
    translate:calc(var(--px) * 1cqw - var(--sx) - var(--x) * var(--sw) / 100) calc(var(--py) * 1cqh - var(--sy) - var(--y) * var(--sh) / 100);
    transition:opacity var(--m-d-sortie) var(--m-trace),scale var(--m-d-sortie) var(--m-trace),translate var(--m-d-sortie) var(--m-trace)}
    .js-anim #piste-hdv .hdv-legende{opacity:0;transition:opacity var(--m-d-sortie) ease}
  .js-anim #piste-hdv.m-e2 .hdv-legende{opacity:1;transition:opacity .5s ease .45s}
    .js-anim #piste-hdv .hdv-rappel{opacity:0;transition:opacity var(--m-d-sortie) ease}
  .js-anim #piste-hdv.m-e1 .hdv-rappel{opacity:1;transition:opacity .5s ease .3s}
    .js-anim #piste-hdv.m-e1 .hdv-mot{opacity:1;scale:var(--s1,1);
    transition:opacity .5s var(--m-pose) calc(var(--i) * 40ms),scale .6s var(--m-pose) calc(var(--i) * 40ms),translate .6s var(--m-pose) calc(var(--i) * 20ms)}
    .js-anim #piste-hdv.m-e2 .hdv-tels{scale:none;transition:scale .65s var(--m-pose)}
  .js-anim #piste-hdv.m-e2 .hdv-tel-a .hdv-ecran::after,.js-anim #piste-hdv.m-e2 .hdv-tel-a .hdv-ecran::before,
  .js-anim #piste-hdv.m-e2 .hdv-tel-a::before{opacity:0;transition:opacity .4s ease .05s}
  .js-anim #piste-hdv .hdv-feuille{translate:0 52%;transition:translate var(--m-d-echange) var(--m-echange)}
  .js-anim #piste-hdv.m-e2 .hdv-feuille{translate:none;transition:translate .65s var(--m-pose) .02s}
  .js-anim #piste-hdv .hdv-fond{opacity:0;transition:opacity var(--m-d-sortie) ease}
  .js-anim #piste-hdv.m-e2 .hdv-fond{opacity:1;transition:opacity .45s ease}
  .js-anim #piste-hdv.m-e2 .hdv-mot{translate:none;scale:calc(var(--l,4.1) / var(--f));opacity:1;color:var(--encre);
    transition:translate .85s var(--m-pose) calc(.08s + var(--i) * 45ms),scale .85s var(--m-pose) calc(.08s + var(--i) * 45ms),color 0s linear calc(.55s + var(--i) * 45ms),opacity .3s ease .42s}     .js-anim #piste-hdv.m-e2 .hdv-onglet{opacity:0;
    transition:translate .85s var(--m-pose) calc(.08s + var(--i) * 45ms),scale .85s var(--m-pose) calc(.08s + var(--i) * 45ms),opacity .25s ease .1s}       .js-anim #piste-hdv.m-e3 .hdv-mot{opacity:0;transition:opacity .18s ease}
    .js-anim #piste-hdv .hdv-vue{opacity:0;transition:opacity 0s linear .5s}     .js-anim #piste-hdv.m-e3 .hdv-vue{opacity:1;transition:none}
  .js-anim #piste-hdv.m-e3 .hdv-feuille{translate:0 52%;transition:translate .5s var(--m-echange)}
  .js-anim #piste-hdv.m-e3 .hdv-fond{opacity:0;transition:opacity .5s ease .08s}
  .js-anim #piste-hdv .hdv-trace-fil{stroke-dasharray:1;stroke-dashoffset:1;opacity:0;
    transition:stroke-dashoffset var(--m-d-sortie) var(--m-trace),opacity 0s linear var(--m-d-sortie)}
  .js-anim #piste-hdv.m-e3 .hdv-trace-fil{stroke-dashoffset:0;opacity:1;transition:stroke-dashoffset .26s var(--m-trace) var(--t,0s),opacity 0s linear var(--t,0s)}
  .js-anim #piste-hdv :is(.hdv-trace-pt,.hdv-flux-pt){opacity:0;scale:.96;transform-box:fill-box;transform-origin:center;
    transition:opacity var(--m-d-sortie) var(--m-trace),scale var(--m-d-sortie) var(--m-trace)}
  .js-anim #piste-hdv.m-e3 .hdv-trace-pt{opacity:1;scale:none;transition:opacity .35s var(--m-pose) var(--t,0s),scale .35s var(--m-pose) var(--t,0s)}
  .js-anim #piste-hdv .hdv-suivre::before{opacity:0;transition:opacity var(--m-d-sortie) ease}
  .js-anim #piste-hdv.m-e3 .hdv-suivre::before{opacity:1;transition:opacity .45s ease .45s}
  .js-anim #piste-hdv .hdv-et{opacity:0;translate:0 8px;transition:opacity var(--m-d-sortie) var(--m-trace),translate var(--m-d-sortie) var(--m-trace)}
  .js-anim #piste-hdv.m-e3 .hdv-suivre .hdv-et,.js-anim #piste-hdv.m-e4 .hdv-prod .hdv-et{opacity:1;translate:none;
    transition:opacity .45s var(--m-pose) var(--t,0s),translate .45s var(--m-pose) var(--t,0s)}
    .js-anim #piste-hdv .hdv-prod{translate:100% 0;transition:translate var(--m-d-echange) var(--m-echange)}
  .js-anim #piste-hdv.m-e4 .hdv-prod{translate:none;transition:translate .7s var(--m-pose)}
  .js-anim #piste-hdv .hdv-flux-trait{stroke-dasharray:1;stroke-dashoffset:1;opacity:0;
    transition:stroke-dashoffset var(--m-d-sortie) var(--m-trace),opacity 0s linear var(--m-d-sortie)}
  .js-anim #piste-hdv.m-e4 .hdv-flux-trait{stroke-dashoffset:0;opacity:1;transition:stroke-dashoffset .9s var(--m-trace) .62s,opacity 0s linear .62s}
    .js-anim #piste-hdv.m-e4 .hdv-flux-pt{opacity:1;scale:none;transition:opacity .35s var(--m-pose) calc(.6s + var(--t,0s)),scale .35s var(--m-pose) calc(.6s + var(--t,0s))}
}
.js-anim #moi .moi-texte > h2{--m-retard:.12s}
.js-anim #moi .duo{--m-decale:.2s}   @media (min-width:980px){
  .js-anim #moi .duo{--m-decale:.45s}   }
.js-anim #methode .methode-n{transition:color .3s ease}
.js-anim #methode [data-pas]:not(.actif) .methode-n{color:inherit}
.js-anim #methode [data-pas].actif .methode-n{color:var(--braise-nuit)}
.js-anim #methode .methode-tourne.joue .piste{transition:stroke-dashoffset var(--dur,1.2s) linear calc(var(--m-retard,0s) + var(--t,0s)),opacity 0s linear calc(var(--m-retard,0s) + var(--t,0s))}
.js-anim #offres .offre-pilote{--m-retard:.7s}
.js-anim #offres .offre-pilote.vu{
  transition:opacity .7s var(--m-pose) var(--m-retard,0s),translate .7s var(--m-pose) var(--m-retard,0s)}
@supports selector(:has(*)){
  .js-anim #offres .offre-escalier:not(:has(.offre-bouton.vu)) .offre-pilote{opacity:0;translate:0 var(--m-monte);transition:opacity .2s var(--m-trace),translate .2s var(--m-trace)}
  .js-anim #offres .offre-escalier:not(:has(.offre-bouton.vu)) .offre-pilote > .offre-filet{transform:scaleX(0);transition:transform .2s var(--m-trace)}
  .js-anim #offres .offre-escalier:not(:has(.offre-bouton.vu)) .offre-garantie::before{transform:scaleY(0);transition:transform .2s var(--m-trace)}
  .js-anim #offres .offre-escalier:has(.offre-bouton.vu) .offre-pilote{opacity:1;translate:none;
    transition:opacity .7s var(--m-pose) var(--m-retard,0s),translate .7s var(--m-pose) var(--m-retard,0s)}
  .js-anim #offres .offre-escalier:has(.offre-bouton.vu) .offre-pilote > .offre-filet{transform:none;transition:transform var(--m-d-trait) var(--m-trace) var(--m-retard,0s)}
  .js-anim #offres .offre-escalier:has(.offre-bouton.vu) .offre-garantie::before{transform:none;transition:transform .5s var(--m-trace) calc(var(--m-retard,0s) + .35s)}
}
.js-anim #offres .offre-trente.vu{transition:clip-path var(--m-d-titre) var(--m-pose) calc(var(--m-retard,0s) + 0s)}
.js-anim #offres .offre-pilote > .offre-filet{transform:scaleX(0);transition:transform .2s var(--m-trace)}
.js-anim #offres .offre-pilote.vu > .offre-filet{transform:none;transition:transform var(--m-d-trait) var(--m-trace) var(--m-retard,0s)}
@supports selector(:has(*)){
  .js-anim #offres .offre-appel-haut > .offre-filet{transform:scaleX(0);transition:transform .2s var(--m-trace)}
  .js-anim #offres .offre-appel-haut:has(.offre-trente.vu) > .offre-filet{transform:none;transition:transform var(--m-d-trait) var(--m-trace)}
}
.js-anim #offres .offre-garantie::before{transform:scaleY(0);transition:transform .2s var(--m-trace)}
.js-anim #offres .offre-pilote.vu .offre-garantie::before{transform:none;transition:transform .5s var(--m-trace) calc(var(--m-retard,0s) + .35s)}
.js-anim #offres .offre-garantie .m-cle{color:var(--encre);transition:color .2s ease}
.js-anim #offres .offre-pilote.vu .offre-garantie .m-cle{color:var(--braise);transition:color var(--m-d-trait) ease calc(var(--m-retard,0s) + 1s)}
@supports selector(:has(*)){
  .js-anim #offres .offre-escalier:has(.offre-bouton.vu) .offre-garantie .m-cle{color:var(--braise);transition:color var(--m-d-trait) ease calc(var(--m-retard,0s) + 1s)}
}
.js-anim #offres .schema-appel .garde-appel{fill:rgb(23 17 15 / .22);opacity:1}
.js-anim #offres .schema-appel.joue .garde-appel{fill:var(--braise);opacity:1;
  transition:fill .25s ease calc(var(--m-retard,0s) + var(--tb)),translate .7s var(--m-pose) calc(var(--m-retard,0s) + var(--t)),opacity .2s ease}
.js-anim #offres .balai-appel .balai-et{opacity:0;transition:opacity .2s var(--m-trace)}
.js-anim #offres .schema-appel.joue .balai-et{opacity:1;transition:opacity .3s var(--m-pose) calc(var(--m-decale,0s) + var(--m-retard,0s) + var(--t,0s) + .25s)}
.js-anim #combien .echange.vu .repond > span{transition-delay:calc(var(--m-decale,0s) + .24s)}
@supports selector(:has(*)){
  .js-anim #combien .combien-filet{transform:scaleX(0);transition:transform .2s var(--m-trace)}
  .js-anim #combien .combien:has(.echange.vu) .combien-filet{transform:none;transition:transform var(--m-d-trait) var(--m-trace)}
}
.js-anim #combien .balai-combien .balai-et{opacity:0;transition:opacity .2s var(--m-trace)}
.js-anim #combien .schema-combien.joue .balai-et{opacity:1;transition:opacity .3s var(--m-pose) calc(var(--m-decale,0s) + var(--m-retard,0s) + var(--t,0s) + .25s)}
@keyframes m-fondu-q{from{opacity:0;translate:0 6px}to{opacity:1;translate:none}}
.js-anim #questions details[open] p{animation:m-fondu-q .28s var(--m-pose)}
.js-anim #questions summary::after{transition:opacity .2s var(--m-trace)}
.js-anim #appel .fin-actions .note{opacity:0;transition:opacity .2s var(--m-trace)}
.js-anim #appel .fin-actions.vu .note{opacity:1;transition:opacity var(--m-d-entree) var(--m-pose) calc(var(--m-retard,0s) + 2 * var(--m-pas-liste))}
.js-anim #appel h2.vu ~ .fin-actions{opacity:1;translate:none;     transition:opacity var(--m-d-entree) var(--m-pose) .9s,translate var(--m-d-entree) var(--m-pose) .9s}
.js-anim #appel h2.vu ~ .fin-actions .note{opacity:1;transition:opacity var(--m-d-entree) var(--m-pose) calc(.9s + 2 * var(--m-pas-liste))}
@media (max-width:979px) and (min-height:700px),(min-width:980px) and (min-height:720px){
  .js-anim #piste-probleme.m-e1 .titre-douleurs h2{color:rgb(23 17 15 / .66)}
  .js-anim #piste-probleme.m-e2 .titre-douleurs h2{color:rgb(23 17 15 / .55)}
}
.js-anim #methode [data-pas].actif .methode-n{color:var(--braise)}
.js-anim #offres .offre-garantie .m-cle{color:var(--creme)}
.js-anim #offres .offre-pilote.vu .offre-garantie .m-cle{color:var(--braise-nuit)}
@supports selector(:has(*)){ .js-anim #offres .offre-escalier:has(.offre-bouton.vu) .offre-garantie .m-cle{color:var(--braise-nuit)} }
.js-anim #offres .schema-appel .garde-appel{fill:rgb(252 249 244 / .22)}
.js-anim #offres .schema-appel.joue .garde-appel{fill:var(--braise-nuit)}