:root{--doux:cubic-bezier(.2, .8, .2, 1);--ressort:cubic-bezier(.3, 1.5, .5, 1)}html.anim:not(.anim-off){& .ligne{margin-bottom:-.06em;padding-bottom:.06em;display:block;overflow:hidden}& .ligne__in{transition:transform 1s var(--doux);transition-delay:calc(var(--i,0) * .11s + var(--d,0s));display:block;transform:translateY(105%)}& .is-in .ligne__in,& .is-in.ligne__in{transform:none}& [data-a=monte]{opacity:0;transition:opacity .9s var(--doux), transform .9s var(--doux);transition-delay:var(--d,0s);transform:translateY(28px)}& [data-a=fondu]{opacity:0;transition:opacity 1.1s var(--doux);transition-delay:var(--d,0s)}& [data-a].is-in{opacity:1;transform:none}& .hero__tel{opacity:0;filter:blur(12px);transition:opacity 1.2s var(--doux) .35s, transform 1.4s var(--doux) .35s, filter 1.2s var(--doux) .35s;perspective:1200px;transform:translateY(60px)scale(.96)}& .hero__tel.is-in{opacity:1;filter:none;transform:none}& .hero__tel picture{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--doux);will-change:transform;display:block}& .ticket .ticket__papier{clip-path:inset(0 0 100%);transition:clip-path 1.5s steps(28, end), transform 1.5s var(--doux);transform:translateY(-36px)}& .ticket--oui .ticket__papier{transition-delay:.35s}& .ticket.est-imprime .ticket__papier{clip-path:inset(0 0 -10%);transform:none}& .ticket .tampon{transition-delay:1.65s!important}& .ticket--oui.est-vu .tampon{transition-delay:2s!important}& .etape{opacity:0;transform-origin:50% 100%;transition:opacity 1s var(--doux), transform 1.1s var(--doux);transition-delay:calc(var(--i,0) * .14s);transform:translateY(48px)rotateX(8deg)}& .etape.is-in{opacity:1;transform:none}& .etape picture{transition:transform .6s var(--doux);display:block}& .etape:hover picture{transform:translateY(-6px)scale(1.015)}& .journee .journee__tel{opacity:0;transition:opacity 1.1s var(--doux), transform 1.3s var(--doux);transform:translate(80px)rotate(3deg)}& .journee.is-in .journee__tel{opacity:1;transform:none}& .journee .journee__bilan{opacity:0;translate:0 calc(60px + var(--px,0px));transition:opacity 1s var(--doux) .45s, translate 1.2s var(--doux) .45s}& .journee.is-in .journee__bilan{opacity:1;translate:0 var(--px,0px);transition:opacity 1s var(--doux) .45s, translate .15s linear}& .carte picture{clip-path:circle(0% at 46% 38%);transition:clip-path 1.8s var(--doux);border-radius:32px;display:block;overflow:hidden}& .carte.is-in picture{clip-path:circle(150% at 46% 38%)}& .carte img{transition:transform 3.2s var(--doux);transform:scale(1.08)}& .carte.is-in img{transform:none}& .alertes picture{opacity:0;transition:opacity 1.1s var(--doux), transform 1.3s var(--doux);display:block;transform:translateY(80px)rotate(-3deg)}& .alertes.is-in picture{opacity:1;transform:none}& .privees .privees__facture{opacity:0;transition:opacity .9s var(--doux), transform 1.3s var(--ressort);transform:translateY(-50px)rotate(-9deg)scale(1.04)}& .privees.is-in .privees__facture{opacity:1;transform:none}& .privees .privees__devis{opacity:0;transition:opacity .7s var(--doux) .7s, transform .9s var(--ressort) .7s;transform:translateY(40px)scale(.86)}& .privees.is-in .privees__devis{opacity:1;transform:none}& .h-geant .vert{background:linear-gradient(var(--vert), var(--vert)) 0 92% / 0% .08em no-repeat;transition:background-size 1s var(--doux) 1s}& .h-geant.is-in .vert{background-size:100% .08em}& .final__icone{animation:5s ease-in-out infinite flotte}}@keyframes flotte{0%,to{translate:0;rotate:0deg}50%{translate:0 -12px;rotate:-2deg}}html.anim:not(.anim-off) .bouton{isolation:isolate;position:relative;overflow:hidden}html.anim:not(.anim-off) .bouton:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff8c,#0000);width:40%;animation:4.5s ease-in-out 2s infinite reflet;position:absolute;inset:-20% auto -20% -60%;transform:skew(-18deg)}html.anim:not(.anim-off) .bouton--blanc:after{background:linear-gradient(100deg,#0000,#06c16747,#0000)}@keyframes reflet{0%,70%{left:-60%}to{left:130%}}@media (width<=767px){html.anim:not(.anim-off) .carte picture{border-radius:0}}html.anim:not(.anim-off) main{overflow-x:clip}html.anim:not(.anim-off):not(.anim-pret) .hero__grille{opacity:0}@media (width<=767px){html.anim:not(.anim-off) .etape{transform:none}}