.cadre-service{background:radial-gradient(90% 70% at 50% 0%, #3dffb02e, transparent 65%), radial-gradient(70% 50% at 100% 100%, #3b82f624, transparent 70%), url(/illustrations/motif-points.svg) repeat, var(--surface)}.scene-service .m-trace{stroke-dasharray:1;stroke-dashoffset:0}.scene-service :is(.m-glisse,.m-monte,.m-pop,.m-flotte,.m-tourne,.m-barre,.m-onde,.m-remplit,.m-clignote,.m-feuille,.m-loupe,.m-leve){transform-box:fill-box;transform-origin:50%}.scene-service .m-barre{transform-origin:bottom}.scene-service .m-remplit,.scene-service .m-feuille{transform-origin:0}.scene-service :is(.m-onde,.m-feuille){opacity:0}.video-exemple{opacity:0;transition:opacity .4s}.video-exemple[data-prete="1"]{opacity:1}.icone-service{display:inline-block}.bouton-sommaire{transition:translate .25s cubic-bezier(.2,.7,.2,1),scale .15s,box-shadow .25s,border-color .2s,background-color .2s}.bouton-sommaire:is(:hover,:focus-visible),.bouton-ecran:focus-visible{border-color:var(--menthe);box-shadow:0 0 0 1px var(--menthe), 0 10px 26px -12px color-mix(in oklab, var(--menthe) 75%, transparent), 0 0 22px -8px color-mix(in oklab, var(--menthe) 70%, transparent)}.bouton-sommaire[data-base]:is(:hover,:focus-visible){border-color:var(--menthe);background-image:linear-gradient(135deg, color-mix(in oklab, var(--menthe) 16%, transparent), transparent 60%);box-shadow:0 0 0 1px var(--menthe), 0 12px 28px -12px color-mix(in oklab, var(--menthe) 70%, transparent), 0 0 28px -4px color-mix(in oklab, var(--menthe) 70%, transparent)}.decor-entete-service{background:url(/illustrations/courbes-services.svg) 50%/100% 100% no-repeat}@media (prefers-reduced-motion:no-preference){.scene-service[data-active="1"]{--cycle:5.6s}.scene-service[data-active="1"] .m-trace{animation:m-trace var(--cycle) cubic-bezier(.45, 0, .2, 1) infinite both;animation-delay:var(--d,0s)}.scene-service[data-active="1"] .m-glisse{animation:m-glisse var(--cycle) cubic-bezier(.2, .7, .2, 1) infinite both;animation-delay:var(--d,0s)}.scene-service[data-active="1"] .m-monte{animation:m-monte var(--cycle) cubic-bezier(.2, .7, .2, 1) infinite both;animation-delay:var(--d,0s)}.scene-service[data-active="1"] .m-pop{animation:m-pop var(--cycle) cubic-bezier(.2, .7, .2, 1) infinite both;animation-delay:var(--d,0s)}.scene-service[data-active="1"] .m-leve{animation:m-leve var(--cycle) cubic-bezier(.2, .7, .2, 1) infinite both;animation-delay:var(--d,0s)}.scene-service[data-active="1"] .m-flotte{animation:3.2s ease-in-out infinite alternate m-flotte}.scene-service[data-active="1"] .m-tourne{transform-origin:50%;animation:9s cubic-bezier(.3,0,.2,1) infinite m-tourne}.scene-service[data-active="1"] .m-barre{animation:1.1s ease-in-out infinite alternate m-barre;animation-delay:var(--d,0s)}.scene-service[data-active="1"] .m-onde{animation:2.4s ease-out infinite m-onde;animation-delay:var(--d,0s)}.scene-service[data-active="1"] .m-remplit{animation:4s linear infinite m-remplit}.scene-service[data-active="1"] .m-clignote{animation:1.8s ease-in-out infinite m-clignote;animation-delay:var(--d,0s)}.scene-service[data-active="1"] .m-feuille{animation:m-feuille var(--cycle) cubic-bezier(.6, 0, .3, 1) infinite}.scene-service[data-active="1"] .m-loupe{animation:4.8s ease-in-out infinite m-loupe}@keyframes m-trace{0%{stroke-dashoffset:1px;opacity:1}28%,90%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes m-glisse{0%{opacity:0;transform:translate(-14px)}12%,90%{opacity:1;transform:none}to{opacity:0;transform:none}}@keyframes m-monte{0%{opacity:0;transform:translateY(14px)}12%,90%{opacity:1;transform:none}to{opacity:0;transform:none}}@keyframes m-pop{0%{opacity:0;transform:scale(.3)}10%{opacity:1;transform:scale(1.08)}16%,90%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes m-leve{0%{opacity:0;transform:translateY(40px)}22%,90%{opacity:1;transform:none}to{opacity:0;transform:none}}@keyframes m-flotte{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-8px)rotate(-3deg)}}@keyframes m-tourne{0%{transform:rotate(0)}45%,to{transform:rotate(1080deg)}}@keyframes m-barre{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes m-onde{0%{opacity:.7;transform:scale(.75)}to{opacity:0;transform:scale(1.6)}}@keyframes m-remplit{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes m-clignote{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}@keyframes m-feuille{0%,22%{opacity:0;transform:scaleX(1)}30%{opacity:.95;transform:scaleX(1)}55%,75%{opacity:.95;transform:scaleX(-1)}82%,to{opacity:0;transform:scaleX(-1)}}@keyframes m-loupe{0%,to{transform:translate(-50px,30px)}35%{transform:translate(-14px,4px)}70%{transform:translate(18px,-20px)}}.icone-service{animation:.7s cubic-bezier(.2,.7,.2,1.4) both icone-arrive;animation-delay:var(--d,0s)}:is(li,h1,p,a):hover>.icone-service,:is(li,h1,p):hover>*>.icone-service{animation:.6s ease-in-out icone-service-balance}@keyframes icone-arrive{0%{opacity:0;transform:scale(.4)rotate(-14deg)}to{opacity:1;transform:none}}@keyframes icone-service-balance{0%,to{transform:none}30%{transform:rotate(-12deg)scale(1.15)}65%{transform:rotate(8deg)scale(1.08)}}.bouton-sommaire{animation:.5s cubic-bezier(.2,.7,.2,1.25) both sommaire-entree;animation-delay:calc(80ms + var(--i,0) * 45ms)}.bouton-sommaire[data-base]>.icone-service{animation:.7s cubic-bezier(.2,.7,.2,1.4) both icone-arrive,4s ease-in-out infinite emoji-flotte;animation-delay:var(--d,0s), calc(var(--d,0s) + .9s)}@media (hover:hover) and (pointer:fine){.bouton-sommaire:hover:not(:active){translate:0 -3px}}.bouton-sommaire:focus-visible:not(:active){translate:0 -3px}.bouton-sommaire:active{translate:0 1px;scale:.97}.bouton-sommaire:is(:hover,:focus-visible)>.icone-service{animation:.7s cubic-bezier(.3,.7,.3,1) icone-rebond}li:has(>div>.bouton-ecran:is(:hover,:focus-visible)) .icone-service{animation:.7s cubic-bezier(.3,.7,.3,1) icone-rebond}@keyframes sommaire-entree{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:none}}@keyframes icone-rebond{0%,to{transform:none}25%{transform:translateY(-5px)rotate(-12deg)scale(1.18)}50%{transform:translateY(0)rotate(8deg)scale(1.05)}75%{transform:translateY(-2px)rotate(-4deg)}}.decor-entete-service{animation:14s ease-in-out infinite alternate decor-derive}@keyframes decor-derive{0%{transform:translate(-2%)}to{transform:translate(2%)}}}@media (prefers-reduced-motion:reduce){.video-exemple{transition:none}}
