:root{--fond:#f2f2f7;--surface:#fff;--texte:#000;--second:#6c6c70;--tert:#aeaeb2;--sep:#3c3c432e;--vert:#34c759;--rouge:#ff3b30;--bleu:#007aff;--orange:#ff9500;--ia:conic-gradient(from 200deg, #ff9f0a, #ff375f, #bf5af2, #0a84ff, #64d2ff, #ff9f0a)}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--fond)}body{color:var(--texte);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:-apple-system,SF Pro Text,system-ui,sans-serif}button,input,select,textarea{font:inherit;color:inherit;background:0 0;border:0}a{color:inherit;text-decoration:none}svg.i{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.grand-titre{padding:4px 20px 10px}.grand-titre h1{font-family:-apple-system,SF Pro Display,system-ui;font-size:34px;font-weight:700}.ecran{min-height:100dvh;padding:max(54px,env(safe-area-inset-top)) 0 calc(110px + env(safe-area-inset-bottom))}.onglets{left:24px;right:24px;bottom:max(22px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(24px)saturate(1.6);backdrop-filter:blur(24px)saturate(1.6);z-index:5;background:#ffffffbf;border-radius:31px;max-width:420px;height:62px;margin:0 auto;padding:0 6px;position:fixed;box-shadow:0 8px 24px #0000001f,inset 0 0 0 .5px #fffc}.onglets,.onglets a{align-items:center;display:flex}.onglets a{height:52px;color:var(--tert);border-radius:26px;flex-direction:column;flex:1;justify-content:center;gap:3px;font-size:10px;font-weight:500}.onglets a.on{color:var(--bleu);background:#007aff1a}.onglets svg{width:24px;height:24px}.pile{position:fixed;inset:112px 12px 182px}.carte{background-position:50%;background-size:cover;border-radius:30px;position:absolute;inset:0;overflow:hidden;box-shadow:0 14px 34px #00000038}.carte.dessous{filter:brightness(.9);box-shadow:none;transform:translateY(12px)scale(.95)}.carte.incline{transform:rotate(2deg)translate(6px)}.carte:after{content:"";background:linear-gradient(#0000,#000c);position:absolute;inset:42% 0 0}.barres{z-index:2;gap:4px;display:flex;position:absolute;top:12px;left:14px;right:14px}.barres span{background:#ffffff73;border-radius:2px;flex:1;height:3px}.barres span.on{background:#fff}.note{background:var(--ia);flex:none;width:62px;height:62px}.note,.note>div{border-radius:50%;place-items:center;display:grid}.note>div{text-align:center;background:#fffffff0;width:53px;height:53px;line-height:1}.note b{font-size:21px;font-weight:700;display:block}.note small{color:var(--second);font-size:9px;font-weight:600}.carte .note{top:26px;right:14px;box-shadow:0 4px 16px #0000004d}.carte .note,.surimp,.tampon{z-index:2;position:absolute}.surimp{color:#fff;bottom:18px;left:18px;right:18px}.surimp .src{opacity:.9;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.surimp .src:before{content:"";background:var(--vert);border-radius:50%;width:7px;height:7px}.surimp .prix{margin-top:4px;font-size:30px;font-weight:700}.surimp .prix small{opacity:.8;font-size:16px;font-weight:500}.surimp .lieu{opacity:.92;align-items:center;gap:8px;margin-top:1px;font-size:16px;display:flex}.peb{color:#fff;background:#b5c720;border-radius:5px;padding:2px 7px;font-size:11px;font-weight:700}.verres{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.pastille{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff38;border-radius:99px;align-items:center;gap:5px;padding:6px 10px 6px 8px;font-size:13px;font-weight:600;display:inline-flex}.pastille.manque{color:#fffc;background:#0000004d;box-shadow:inset 0 0 0 1px #ffffff59}.pastille svg{width:15px;height:15px}.tampon{color:#fff;background:#34c759eb;border-radius:99px;align-items:center;gap:6px;padding:7px 14px 7px 10px;font-size:17px;font-weight:700;display:flex;top:96px;left:20px;transform:rotate(-12deg)}.tampon svg{stroke-width:2.6px;width:18px;height:18px}.actions{justify-content:center;gap:56px;display:flex;position:fixed;bottom:100px;left:0;right:0}.rond{background:var(--surface);border-radius:50%;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 6px 18px #0000001f}.rond svg{stroke-width:2.6px;width:28px;height:28px}.galerie{background-position:50%;background-size:cover;height:330px;position:relative}.galerie:before{content:"";background:linear-gradient(#00000059,#0000);position:absolute;inset:0 0 60%}.rond-verre{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:2;background:#ffffffbf;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:58px}.rond-verre svg{width:20px;height:20px}.rond-verre:after{content:"";border-radius:50%;position:absolute;inset:-2px}.onglets-galerie{gap:6px;display:flex;position:absolute;bottom:36px;left:14px}.onglets-galerie span{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0006;border-radius:99px;align-items:center;gap:5px;padding:6px 12px;font-size:13px;font-weight:600;display:flex}.onglets-galerie span.on{color:#000;background:#fff}.onglets-galerie svg{width:15px;height:15px}.feuille{background:var(--fond);border-radius:24px 24px 0 0;margin-top:-22px;padding:20px 0 120px;position:relative}.tete{padding:0 20px}.tete h1{font-size:24px;font-weight:700;line-height:1.15}.tete .prix{margin-top:6px;font-size:20px;font-weight:600}.tete .prix small{color:var(--second);font-size:15px;font-weight:400}.lien{color:var(--bleu);align-items:center;gap:5px;font-size:15px;font-weight:600;display:inline-flex}.lien svg{width:16px;height:16px}.cles{grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 16px 0;display:grid}.cle{background:var(--surface);text-align:center;border-radius:16px;padding:12px 6px 10px}.cle svg{width:24px;height:24px;color:var(--second)}.cle b{margin-top:4px;font-size:17px;font-weight:700;display:block}.cle span{color:var(--second);font-size:11px}.h3{justify-content:space-between;align-items:baseline;padding:26px 20px 10px;font-size:20px;font-weight:700;display:flex}.h3 a{color:var(--bleu);font-size:15px;font-weight:400}.accord{background:var(--surface);border-radius:20px;align-items:center;gap:14px;margin:0 16px;padding:16px;display:flex}.accord p{color:var(--second);font-size:15px;line-height:1.3}.accord p b{color:var(--texte);font-size:17px;display:block}.tuiles{grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 16px 0;display:grid}.tuile{background:var(--surface);border-radius:16px;padding:12px 10px 10px;position:relative}.tuile .ico{color:#1e7b34;background:#e8f7ec;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.tuile .etat,.tuile .ico svg{width:20px;height:20px}.tuile.non .ico{color:var(--tert);background:#f2f2f7}.tuile b{margin-top:8px;font-size:14px;font-weight:600;display:block}.tuile span{color:var(--second);font-size:12px}.tuile .etat{background:var(--vert);color:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.tuile.non .etat{color:var(--second);background:#e5e5ea}.tuile .etat svg{stroke-width:3px;width:12px;height:12px}.tuile .niv{text-transform:uppercase;letter-spacing:.3px;color:#c93400;font-size:10px;font-weight:700}.texte{background:var(--surface);border-radius:20px;margin:0 16px;padding:16px;font-size:15px;line-height:1.45}.texte .plus{color:var(--bleu);font-weight:500}.plan{background:var(--surface);border-radius:20px;margin:0 16px;padding:14px}.plan svg{width:100%;height:auto;display:block}.plan-legende{color:var(--second);justify-content:space-between;padding:8px 4px 0;font-size:13px;display:flex}.nav-compacte{z-index:5;-webkit-backdrop-filter:blur(20px)saturate(1.6);backdrop-filter:blur(20px)saturate(1.6);border-bottom:.5px solid var(--sep);background:#f2f2f7db;height:100px;position:fixed;top:0;left:0;right:0}.nav-compacte .t{text-align:center;font-size:17px;font-weight:600;position:absolute;bottom:12px;left:60px;right:60px}.nav-compacte .r{color:var(--bleu);position:absolute;bottom:8px;left:16px}.nav-compacte .r svg{stroke-width:2.2px;width:26px;height:26px}.contact{z-index:5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:.5px solid var(--sep);background:#f2f2f7e0;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px 16px 34px;display:grid;position:fixed;bottom:0;left:0;right:0}.btn{height:56px;color:var(--bleu);background:#007aff1f;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:14px;font-weight:600;display:flex}.btn svg{width:21px;height:21px}.btn.plein{background:var(--bleu);color:#fff}.voile{z-index:6;background:#00000052;inset:0}.sheet,.voile{position:fixed}.sheet{z-index:7;background:var(--fond);border-radius:34px 34px 0 0;padding:8px 16px 34px;bottom:0;left:0;right:0}.poignee{background:#c7c7cc;border-radius:3px;width:36px;height:5px;margin:0 auto 10px}.sheet-tete{justify-content:space-between;align-items:center;padding:4px 4px 14px;display:flex}.sheet-tete b{font-size:17px}.sheet-tete span{color:var(--bleu);font-size:17px}.segments{background:#e3e3e8;border-radius:9px;padding:2px;display:flex}.segments span{text-align:center;color:var(--second);border-radius:7px;flex:1;padding:6px 10px;font-size:13px;font-weight:600}.segments span.on{color:var(--texte);background:#fff;box-shadow:0 1px 3px #0000001f}.segments button{color:var(--second);border-radius:7px;flex:1;padding:6px 10px;font-size:13px;font-weight:600}.segments button.on{color:var(--texte);background:#fff;box-shadow:0 1px 3px #0000001f}.a{color:var(--second);padding:14px 4px 6px;font-size:15px}.a b{color:var(--texte);font-weight:500}.champ{background:var(--surface);border-radius:16px;padding:14px 16px;font-size:16px;line-height:1.45}.champ mark{color:var(--bleu);background:#007aff1f;border-radius:4px;padding:0 3px}.curseur-texte{background:var(--bleu);vertical-align:-3px;width:2px;height:19px;display:inline-block}.envoyer{background:var(--bleu);color:#fff;border-radius:16px;justify-content:center;align-items:center;gap:8px;height:54px;margin-top:14px;font-size:17px;font-weight:600;display:flex}.envoyer svg{width:20px;height:20px}.rappel{text-align:center;margin-top:10px}.rappel,.section-titre{color:var(--second);font-size:13px}.section-titre{text-transform:uppercase;letter-spacing:.3px;padding:18px 36px 7px}.groupe{background:var(--surface);border-radius:14px;margin:0 16px;overflow:hidden}.ligne{align-items:center;gap:12px;min-height:46px;padding:8px 14px;font-size:16px;display:flex;position:relative}.ligne+.ligne:before{content:"";border-top:.5px solid var(--sep);position:absolute;top:0;left:48px;right:0}.ligne.sans-ico+.ligne.sans-ico:before{left:14px}.ligne .val,.ligne>svg.i{color:var(--second)}.ligne .val{margin-left:auto;font-size:15px}.niveau{white-space:nowrap;border-radius:99px;align-items:center;gap:4px;margin-left:auto;padding:5px 10px;font-size:13px;font-weight:600;display:flex}.niveau:after{content:"";border-bottom:1.6px solid;border-right:1.6px solid;width:5px;height:5px;margin-left:3px;transform:rotate(45deg)translateY(-2px)}.niveau.ind{background:var(--orange);color:#fff}.niveau.pref{color:var(--bleu);background:#007aff1f}.niveau.off{color:var(--tert);padding-right:2px;font-weight:500}.stepper{background:#eeeef0;border-radius:9px;margin-left:auto;display:flex}.stepper span{place-items:center;width:38px;height:30px;font-size:19px;display:grid}.stepper span+span{border-left:.5px solid var(--sep)}.piste{background:#e5e5ea;width:100%;margin:12px 0 8px;position:relative}.piste,.piste:before{border-radius:2px;height:4px}.piste:before{background:var(--bleu);width:72%;left:0}.piste:after,.piste:before{content:"";position:absolute}.piste:after{background:#fff;border-radius:50%;width:28px;height:28px;top:-12px;left:calc(72% - 14px);box-shadow:0 2px 8px #0000002e}.zones{flex-wrap:wrap;gap:6px;padding:12px;display:flex}.zone{color:var(--bleu);background:#007aff1f;border-radius:99px;padding:5px 11px;font-size:14px;font-weight:500}.zone.ajout{border:1px dashed var(--tert);color:var(--second);background:0 0}.legende-niv{background:var(--surface);color:var(--second);border-radius:14px;margin:0 16px;padding:12px 14px;font-size:13px;line-height:1.4}.legende-niv div{align-items:baseline;gap:10px;display:flex}.legende-niv div+div{margin-top:8px}.legende-niv .niveau{flex:none;justify-content:center;width:104px;margin-left:0}.legende-niv .niveau:after{display:none}.peb-echelle{gap:3px;margin-left:auto;display:flex}.peb-echelle span{color:#fff;border-radius:6px;place-items:center;width:25px;height:26px;font-size:12px;font-weight:700;display:grid}.peb-echelle span.eteint{opacity:.25}.q-tete{align-items:center;gap:14px;height:44px;padding:0 16px;display:flex;position:relative}.q-tete .r{color:var(--bleu)}.q-tete .r svg{stroke-width:2.2px;width:24px;height:24px}.q-prog{flex:1;gap:5px;display:flex}.q-prog span{background:#dadadf;border-radius:2px;flex:1;height:4px}.coche.on,.q-bouton,.q-prog span.on{background:var(--bleu)}.q-n{color:var(--second);font-size:13px;font-weight:500}.q-corps{padding:26px 24px 22px}.q-corps h1{font-size:30px;font-weight:700;line-height:1.12}.q-corps p{color:var(--second);margin-top:10px;font-size:16px;line-height:1.35}.q-choix .ligne{min-height:56px;font-size:17px}.q-choix .ligne+.ligne:before{left:14px}.coche{color:#fff;border:1.6px solid #c7c7cc;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;margin-left:auto;display:grid}.coche.on{border-color:var(--bleu)}.coche svg{stroke-width:3px;width:15px;height:15px}.q-pied{text-align:center;color:var(--second);font-size:13px;position:fixed;bottom:116px;left:0;right:0}.q-bouton{color:#fff;border-radius:16px;place-items:center;height:56px;font-size:17px;font-weight:600;display:grid;position:fixed;bottom:44px;left:16px;right:16px}.message-modele{padding:14px 16px 10px;font-size:15px;line-height:1.75}.jeton{color:var(--bleu);background:#007aff1f;border-radius:99px;padding:0 8px;font-size:13px;font-weight:600;line-height:1.5;display:inline-block}.jeton.plus:before{content:"+ "}.inserer{border-top:.5px solid var(--sep);color:var(--second);flex-wrap:wrap;align-items:center;gap:6px;padding:10px 16px 14px;font-size:13px;display:flex}.inserer .jeton{background:0 0;box-shadow:inset 0 0 0 1px #007aff59}.pied-note{color:var(--second);padding:8px 36px 0;font-size:13px;line-height:1.35}.vide{text-align:center;padding:6px 32px 0}.vide .halo{background:var(--ia);width:80px;height:80px;margin:4px auto 12px}.vide .halo,.vide .halo div{border-radius:50%;place-items:center;display:grid}.vide .halo div{background:var(--fond);width:68px;height:68px}.vide .halo svg{width:32px;height:32px;color:var(--second)}.vide h2{font-size:22px;font-weight:700}.vide p{color:var(--second);margin-top:6px;line-height:1.35}.compte,.elargir .ligne,.vide p{font-size:15px}.compte,.elargir .ligne b{font-weight:600}.compte{color:var(--bleu);white-space:nowrap;align-items:center;gap:2px;margin-left:auto;display:flex}.chev{color:var(--tert);width:14px!important;height:14px!important}.presque{gap:10px;padding:0 16px;display:flex}.mini,.presque{overflow:hidden}.mini{background:var(--surface);border-radius:18px;flex:none;width:168px}.mini .ph{background-position:50%;background-size:cover;height:96px;position:relative}.mini .ph .n{background:#ffffffeb;border-radius:99px;padding:3px 8px;font-size:12px;font-weight:700;position:absolute;top:8px;right:8px}.mini .c{padding:9px 10px 11px}.mini b{font-size:15px}.mini .l{color:var(--second);font-size:12px}.mini .m{color:#c93400;align-items:center;gap:4px;margin-top:5px;font-size:12px;font-weight:600;display:flex}.mini .m svg{stroke-width:2.4px;width:13px;height:13px}.veille{color:var(--second);align-items:center;gap:10px;margin:16px 20px 0;font-size:13px;line-height:1.3;display:flex}.veille .pt{background:var(--vert);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #34c7592e}@media (width>=744px) and (width<=1099px){.onglets{border-radius:22px;gap:2px;width:max-content;max-width:none;height:44px;margin:0 auto;padding:4px;inset:16px 0 auto}.onglets a{color:#3a3a3c;border-radius:18px;flex-direction:row;flex:none;gap:6px;height:36px;padding:0 16px;font-size:14px;font-weight:600}.onglets a.on{color:var(--bleu);background:#fff;box-shadow:0 1px 3px #0000001a}.onglets svg{display:none}.ecran{padding:76px max(16px,50% - 380px) 40px}}@media (width>=744px){.q-bouton,.q-pied{max-width:728px;margin:0 auto}.nav-compacte{display:none}}@media (width>=1100px){.onglets{display:none}.ecran{padding:40px max(28px,50% - 380px)}:root:has(.laterale) .ecran{padding:20px 28px 40px 256px}.grand-titre h1{font-size:28px}}
