@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(../media/8b7a0e2f50bdea2b-s.0kkodo7okz7sx.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(../media/5fab18730890019a-s.3gwda9lv2grgl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(../media/fe68a48bcbeff111-s.p.2ke8r1sltdje0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Fallback;src:local(Arial);ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.0%;size-adjust:105.43%}.MPC2rG_className{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.MPC2rG_variable{--font-bric:"Bricolage Grotesque", "Bricolage Grotesque Fallback"}
.db{--ink:#0b1020;--ink-2:#3b4357;--clair:#f2f7f9;--clair-2:#f2f7f9c2;--bleu:#1434b0;--bleu-2:#0f2a8e;--lampe:#ffc24b;--display:var(--font-bric), var(--font-sans);--gouttiere:clamp(16px, 6.5vw, 104px);--haut:56px;--lent:cubic-bezier(.2, .75, .15, 1);--e0:#a4dae6;--e1:#7bc2d8;--e2:#3478ba;--e3:#1d52a2;--e4:#11337a;--e5:#091c4c;--e6:#040a1d;--caustique:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.011' numOctaves='1' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 -6 0 0 0 1'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='gamma' amplitude='1' exponent='2'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");--vague:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='14'%3E%3Cpath d='M0 7 Q 40 2.5 80 7 T 160 7' fill='none' stroke='white' stroke-width='1.6'/%3E%3C/svg%3E");background:var(--e6);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;position:relative;overflow-x:clip}.db [data-ton=sombre]{color:var(--clair)}.db :focus-visible{outline:3px solid var(--lampe);outline-offset:3px;border-radius:8px}.db-wrap{box-sizing:content-box;max-width:1320px;padding-inline:var(--gouttiere);margin-inline:auto}.db-top{z-index:40;height:calc(var(--haut) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);color:var(--ink);-webkit-backdrop-filter:saturate(1.5)blur(18px);backdrop-filter:saturate(1.5)blur(18px);background:#f4f8fab8;transition:background-color .45s,color .45s,box-shadow .45s;position:fixed;inset:0 0 auto;box-shadow:0 1px #0b102012}.db[data-ton-tete=sombre] .db-top{color:var(--clair);background:#06102c8c;box-shadow:0 1px #ffffff12}.db-top-dedans{box-sizing:content-box;max-width:1320px;height:100%;padding-inline:var(--gouttiere);justify-content:space-between;align-items:center;gap:12px;margin-inline:auto;display:flex}.db-top-droite{align-items:center;gap:8px;display:flex}.db-marque{min-height:44px;color:inherit;font:800 21px/1 var(--display);letter-spacing:-.035em;align-items:center;gap:9px;text-decoration:none;display:inline-flex}@media (max-width:520px){.db-top-droite>div:first-child{display:none}}.db-btn{min-height:48px;font:600 16px/1 var(--font-sans);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;transition:transform .25s var(--od-ressort), background-color .2s, box-shadow .2s, color .2s;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;text-decoration:none;display:inline-flex}.db-btn:active{transform:scale(.97)}.db-btn-petit{min-height:36px;padding:0 16px;font-size:14.5px}.db-btn-grand{min-height:58px;padding:0 32px;font-size:17px}.db-btn-plein{background:var(--bleu);color:#fff}.db-btn-plein:hover{background:var(--bleu-2)}.db-btn-clair{color:var(--ink);background:#0b10200f}.db-btn-clair:hover{background:#0b10201a}.db-btn-lampe{background:var(--lampe);color:var(--ink);box-shadow:0 18px 50px -16px #ffc24b8c}.db-btn-lampe:hover{background:#ffd27a}.db-btn-contour{color:var(--clair);background:0 0;box-shadow:inset 0 0 0 1.5px #f2f7f980}.db-btn-contour:hover{background:#f2f7f914}.db-cta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.db-cta-centre{justify-content:center}.db-h1{font:700 clamp(42px, 5.4vw, 82px) / .98 var(--display);letter-spacing:-.036em;font-variation-settings:"opsz" 96;margin:0}.db-h1 span{display:block}.db-h2{max-width:15ch;font:700 clamp(34px, 3.9vw, 58px) / 1.02 var(--display);letter-spacing:-.04em;font-variation-settings:"opsz" 72;text-wrap:balance;margin:0}.db-h2-moyen{font-size:clamp(30px,2.9vw,44px)}.db-p{max-width:40ch;color:var(--ink-2);text-wrap:pretty;margin:18px 0 0;font-size:clamp(17px,1.3vw,19px);line-height:1.5}[data-ton=sombre] .db-p{color:var(--clair-2)}.db-surface{padding-top:calc(var(--haut) + clamp(32px, 7vh, 72px));background:linear-gradient(#f7fafb 0%,#e6eff3 100%);position:relative;overflow:clip}.db-surface-texte{z-index:3;grid-template-columns:minmax(0,1fr) minmax(300px,420px);align-items:end;gap:24px 48px;display:grid;position:relative}.db-surface-bas{flex-direction:column;gap:20px;padding-bottom:10px;display:flex}.db-sous{max-width:34ch;color:var(--ink-2);margin:0;font-size:clamp(17px,1.35vw,20px);line-height:1.45}.db-ou{--w:min(1180px, calc(100vw - 2 * var(--gouttiere)));--h:calc(var(--w) * .625);--l:.245;--dessous:calc(var(--h) * (1 - var(--l)));width:var(--w);margin:clamp(28px,5vh,52px) auto 0;padding-bottom:clamp(90px,16vh,170px);position:relative}.db-eau-haute{z-index:0;top:calc(var(--h) * var(--l));background:linear-gradient(180deg, #bde6ee 0, var(--e0) calc(var(--dessous) + 40px));width:100vw;height:calc(100% + 60vh);animation:db-monte 1.9s var(--lent) .25s both;position:absolute;left:calc(50% - 50vw);overflow:hidden}.db-eau-haute:before{content:"";background:linear-gradient(#ffffff8c,#fff0);height:60px;position:absolute;inset:0 0 auto}.db-eau-haute .db-caustique{opacity:.5;-webkit-mask-image:linear-gradient(180deg, #000 0, transparent calc(var(--dessous) + 90px));-webkit-mask-image:linear-gradient(180deg, #000 0, transparent calc(var(--dessous) + 90px));mask-image:linear-gradient(180deg, #000 0, transparent calc(var(--dessous) + 90px))}@keyframes db-monte{0%{transform:translateY(var(--dessous))}}.db-fenetre{z-index:1;isolation:isolate;background:#f5f2ea;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0b102012,0 2px 6px #0b10200f,0 40px 90px -40px #0612348c}[data-ton=sombre] .db-fenetre{box-shadow:0 0 0 1px #ffffff1a,0 50px 110px -40px #000000b3}.db-teinte,.db-reflets{z-index:2;inset:auto 0 0;top:calc(var(--h) * var(--l));pointer-events:none;animation:db-monte-dedans 1.9s var(--lent) .25s both;position:absolute}.db-teinte{mix-blend-mode:multiply;background:linear-gradient(#48b2ce57,#1660ac75)}.db-reflets{mix-blend-mode:screen;opacity:.3}@keyframes db-monte-dedans{0%{transform:translateY(100%)}}.db-ligne{z-index:3;top:calc(var(--h) * var(--l) - 7px);pointer-events:none;width:100vw;height:14px;animation:db-monte 1.9s var(--lent) .25s both;position:absolute;left:calc(50% - 50vw);overflow:hidden}.db-ligne:before,.db-ligne:after{content:"";background:var(--vague) 0 50% / 160px 14px repeat-x;animation:7s linear infinite db-vague;position:absolute;inset:0 -160px 0 0}.db-ligne:after{opacity:.45;background-position:0 70%;animation-duration:11s;animation-direction:reverse}@keyframes db-vague{to{transform:translate(-160px)}}.db-caustique{position:absolute;inset:0;overflow:hidden}.db-caustique:before,.db-caustique:after{content:"";background:var(--caustique) 0 0 / 520px 520px repeat;will-change:transform;animation:46s linear infinite db-derive;position:absolute;inset:-520px 0 0 -520px}.db-caustique:after{opacity:.6;background-size:760px 760px;animation:63s linear infinite reverse db-derive-2;top:-760px;left:-760px}@keyframes db-derive{to{transform:translate(520px,520px)}}@keyframes db-derive-2{to{transform:translate(760px,-760px)}}.db[data-surface-vue="0"] .db-surface *,.db[data-surface-vue="0"] .db-surface :before,.db[data-surface-vue="0"] .db-surface :after{animation-play-state:paused}.db-vision{background:linear-gradient(180deg, var(--e0), var(--e1));padding-block:clamp(80px,15vh,170px) clamp(70px,12vh,140px)}.db-vision-grille{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:end;gap:28px 72px;display:grid}.db-vision-titre{font:700 clamp(38px, 4.8vw, 72px) / 1 var(--display);letter-spacing:-.045em;font-variation-settings:"opsz" 96;text-wrap:balance;margin:0}.db-vision-texte{max-width:34ch;font:500 clamp(19px, 1.65vw, 24px) / 1.42 var(--display);letter-spacing:-.015em;color:#17304a;text-wrap:pretty;margin:0}.db-scene{scroll-margin-top:var(--haut);padding-block:clamp(56px,10vh,112px);position:relative}.db-scene-sortie{background:linear-gradient(180deg, var(--e1) 0%, var(--e2) 100%)}.db-scene-papiers{background:linear-gradient(180deg, var(--e2) 0%, var(--e3) 100%)}.db-duo{background:linear-gradient(180deg, var(--e3) 0%, var(--e4) 100%)}.db-scene-quai{background:linear-gradient(180deg, var(--e4) 0%, var(--e5) 100%)}.db-visuel{min-width:0}.db-grille-sortie{grid-template-columns:minmax(260px,.42fr) minmax(0,1fr);align-items:start;gap:40px 48px;display:grid}.db-grille-sortie .db-texte{top:calc(var(--haut) + 48px);padding-top:8px;position:sticky}.db-pile{flex-direction:column;align-items:center;gap:clamp(36px,6vh,56px);display:flex}.db-texte-centre{text-align:center}.db-texte-centre .db-h2,.db-texte-centre .db-p{margin-inline:auto}.db-visuel-centre{width:min(1040px,100%)}.db-grille-duo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:56px 40px;display:grid}.db-duo-col{flex-direction:column;gap:32px;display:flex}.db-duo-col-2{margin-top:clamp(0px,12vh,140px)}.db-grille-quai{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:48px 72px;display:grid}.db-visuel-tel{justify-self:center}.db-tel{background:#0a0e18;border-radius:56px;width:min(300px,74vw);padding:11px;position:relative;box-shadow:inset 0 0 0 1.5px #ffffff24,0 60px 120px -40px #000000bf}.db-tel-ecran{border-radius:46px;overflow:hidden}.db-tel-ilot{z-index:2;background:#000;border-radius:20px;width:31%;height:27px;position:absolute;top:22px;left:50%;transform:translate(-50%)}.db-interrupteur{min-height:48px;color:inherit;font:600 16px/1 var(--font-sans);cursor:pointer;background:#f2f7f91a;border:0;border-radius:999px;align-items:center;gap:14px;margin-top:30px;padding:0 20px 0 8px;transition:background-color .2s;display:inline-flex}.db-interrupteur:hover{background:#f2f7f929}.db-interrupteur-piste{background:#f2f7f93d;border-radius:999px;width:51px;height:31px;transition:background-color .3s;position:relative}.db-interrupteur[aria-checked=true] .db-interrupteur-piste{background:#34c759}.db-interrupteur-rond{width:27px;height:27px;transition:transform .3s var(--od-ressort);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 3px 8px #00000040}.db-interrupteur[aria-checked=true] .db-interrupteur-rond{transform:translate(20px)}.db-rejouer{min-height:40px;color:inherit;font:600 14.5px/1 var(--font-sans);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .4s, transform .4s var(--lent), background-color .2s;background:#0b102014;border:0;border-radius:999px;align-items:center;gap:7px;margin-top:14px;padding:0 16px 0 12px;display:inline-flex;transform:translateY(6px)}[data-ton=sombre] .db-rejouer{background:#f2f7f91f}.db-rejouer[data-visible="1"]{opacity:1;pointer-events:auto;transform:none}.db-rejouer:hover{background:#0b102021}[data-ton=sombre] .db-rejouer:hover{background:#f2f7f933}.db-fin{background:linear-gradient(180deg, var(--e5) 0%, var(--e6) 60%);padding-top:clamp(110px,20vh,220px);position:relative}.db-fin-contenu{text-align:center;flex-direction:column;align-items:center;gap:36px;padding-bottom:clamp(110px,18vh,200px);display:flex}.db-h2-fin{letter-spacing:-.05em;max-width:none;font-size:clamp(44px,6vw,92px)}.db-pied{color:#f2f7f98c;border-top:1px solid #f2f7f91a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding-block:28px 36px;font-size:14px;display:flex}.db-pied-liens{gap:22px;display:flex}.db-pied a{color:inherit;text-decoration:none}.db-pied a:hover{color:var(--clair)}.db-jauge{z-index:30;width:88px;height:min(48vh,420px);color:var(--ink);opacity:0;pointer-events:none;transition:opacity .5s,color .45s;position:fixed;top:50%;left:12px;transform:translateY(-50%)}.db[data-plonge="1"] .db-jauge{opacity:1}.db[data-ton-jauge=sombre] .db-jauge{color:var(--clair)}.db-jauge-echelle{position:absolute;inset:0}.db-jauge-trait{opacity:.28;background:currentColor;width:1.5px;position:absolute;top:0;bottom:0;left:26px}.db-jauge-cran{left:22px;top:calc(var(--p) * 100%);opacity:.4;background:currentColor;width:10px;height:1.5px;position:absolute}.db-jauge-cran[data-grand="1"]{opacity:.6;width:16px;left:19px}.db-jauge-cran span{font:600 10.5px/1 var(--font-sans);font-variant-numeric:tabular-nums;position:absolute;top:50%;right:calc(100% + 4px);transform:translateY(-50%)}.db-jauge-lecture{left:34px;top:calc(var(--pos,0) * 100%);background:var(--lampe);height:26px;color:var(--ink);font:700 14px/26px var(--font-sans);font-variant-numeric:tabular-nums;border-radius:13px;align-items:baseline;gap:2px;padding:0 9px 0 8px;display:inline-flex;position:absolute;transform:translateY(-50%);box-shadow:0 6px 18px -8px #00000073}.db-jauge-lecture:before{content:"";background:inherit;border-radius:1px;width:8px;height:8px;position:absolute;top:50%;left:-4px;transform:translateY(-50%)rotate(45deg)}.db-jauge-lecture small{font-size:11px;font-weight:600}@media (max-width:1099px){.db-jauge{width:auto;height:26px;top:auto;bottom:14px;transform:none}.db-jauge-trait,.db-jauge-cran{display:none}.db-jauge-lecture{top:0;left:0;transform:none}.db-jauge-lecture:before{display:none}}@media (max-width:900px){.db-surface-texte,.db-vision-grille,.db-grille-sortie,.db-grille-duo,.db-grille-quai{grid-template-columns:minmax(0,1fr)}.db-grille-sortie .db-texte{position:static}.db-duo-col-2{margin-top:0}.db-visuel-tel{justify-self:center}}@media (max-width:560px){.db-surface-bas{align-items:flex-start}.db-fenetre{border-radius:12px}.db-ou{--l:.36}}@media (prefers-reduced-motion:reduce){.db *,.db :before,.db :after{transition-duration:.01ms!important;animation:none!important}}
.ap{--od-ground:#f5f2ea;--od-surface:#fff;--od-surface-2:#faf7f1;--od-sunk:#efebe2;--od-rail:#efebe3;--od-ink:#0b1020;--od-ink-2:#474d5c;--od-ink-3:#636979;--od-rule:#e5e0d5;--od-rule-soft:#ece7dd;--od-chip:#ede8dd;--od-chip-fort:#ddd6c8;--od-brand:#1434b0;--od-brand-2:#0f2a8e;--od-brand-ink:#12309f;--od-brand-wash:#e7ecfa;--od-on-brand:#fff;--od-go:#157347;--od-go-wash:#e3f3ea;--od-go-line:#2e9a6c;--od-on-go:#fff;--od-caution:#93540a;--od-caution-wash:#fbefd9;--od-caution-line:#d08b23;--od-stop:#b92e29;--od-stop-wash:#fbe6e4;--od-stop-line:#d9514d;--od-on-stop:#fff;--od-sh-1:0 1px 2px #0b102009, 0 2px 8px -4px #0b102012;--od-sh-2:0 2px 4px #0b10200d, 0 18px 38px -16px #0b102038;color:var(--od-ink);font-family:var(--font-sans);letter-spacing:-.011em;-webkit-font-smoothing:antialiased}.ap-cadre{background:var(--od-ground);opacity:0;width:100%;transition:opacity .25s;position:relative;overflow:hidden}.ap-cadre[data-pret="1"]{opacity:1}.ap-canvas{transform-origin:0 0;transform:scale(var(--k,1)) translate(var(--zx,0px), var(--zy,0px));background:var(--od-ground);color:var(--od-ink);line-height:1.5;display:flex;position:absolute;top:0;left:0;overflow:hidden}.ap-bouton{cursor:pointer;font:inherit;transition:transform .2s var(--od-ressort), background-color .25s, color .25s, box-shadow .25s, filter .2s;border:0}.ap-bouton:hover:not(:disabled){filter:brightness(.94)}.ap-bouton:active:not(:disabled),.ap-bouton[data-presse="1"]{transform:scale(.94)}.ap-bouton:disabled{cursor:default}.ap-bouton:focus-visible{outline-offset:2px;outline:3px solid #ffc24b}.ap-flacon{width:7px;height:34px;animation:ap-pose .4s var(--od-ressort) both;background:linear-gradient(90deg,#2347d0,#1434b0 55%,#0f2a8e);border-radius:3px;flex:none;display:block}@keyframes ap-pose{0%{opacity:0;transform:translateY(-12px)scale(.7)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ap *,.ap :before,.ap :after{transition:none!important;animation:none!important}}