@font-face{
  font-family:'Outfit';
  font-style:normal;font-weight:500 800;font-display:swap;
  src:url('../fonts/outfit-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Outfit';
  font-style:normal;font-weight:500 800;font-display:swap;
  src:url('../fonts/outfit-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

:root{
  --base-oxford:#0c1530;
  --base-oxford-deep:#101b47;
  --base-blue:#1e5dff;
  --base-blue-dark:#174bd4;
  --base-blue-soft:#edf4ff;
  --base-teal:#80a3fd;
  --base-teal-soft:#dbe8fd;
  --base-bg:#f7f7fe;
  --base-panel:#fdfefe;
  --base-copy:#0d152a;
  --base-copy-deep:#334356;
  --base-quiet:#5d667b;
  --base-rule:#e0e6f1;
  --base-rule-deep:#ecf1fa;
  --base-valid:#0c793a; --base-valid-back:#e5f9f0; --base-valid-ring:#bfebcd;
  --base-alert:#c52221;   --base-alert-back:#fbe9e9;   --base-alert-ring:#f4c5c8;
  --base-amber:#1e5dff;

  --base-sz-1:4px; --base-sz-2:8px; --base-sz-3:12px; --base-sz-4:16px; --base-sz-6:24px;
  --base-sz-8:32px; --base-sz-10:40px; --base-sz-12:48px; --base-sz-16:64px;

  --base-r-sm:12px; --base-r-md:16px; --base-r-lg:20px; --base-r-xl:24px; --base-r-2xl:28px; --base-r-pill:999px;

  --base-elev-sm:0 1px 2px rgba(12,21,48,.03),0 4px 14px rgba(30,93,255,.04);
  --base-elev-md:0 8px 30px rgba(30,93,255,.14),0 2px 6px rgba(12,21,48,.03);
  --base-elev-lg:0 24px 60px rgba(12,21,48,.19);

  --base-sans:system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  --base-heading:'Outfit',system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  --base-container:1200px;
  --base-inset:clamp(16px,4vw,24px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--base-sans);-webkit-font-smoothing:antialiased;background:var(--base-bg);line-height:1.55;
  text-rendering:optimizeLegibility;background-image:radial-gradient(rgba(30,93,255,.08) 1px,transparent 1.2px);
  margin:0;color:var(--base-copy);background-size:24px 24px;
}
img{max-width:100%;display:block}
a{text-decoration:none;color:var(--base-blue)}
a:hover{color:var(--base-blue-dark)}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3{line-height:1.12;letter-spacing:-.02em;font-family:var(--base-heading)}
button,input,select,textarea{font-family:inherit}
:focus-visible{border-radius:6px;outline:3px solid var(--base-teal-soft);outline-offset:2px}
.marque{color:var(--base-copy);letter-spacing:-.02em;font-family:var(--base-heading);gap:10px;display:flex;align-items:center;font-weight:700;font-size:21px}
.marque:hover{color:var(--base-copy)}
.marqueLogo{position:relative;box-shadow:0 4px 12px rgba(30,93,255,.31);height:34px;align-items:center;display:inline-flex;flex-shrink:0;background:linear-gradient(135deg,#3a7afd,var(--base-blue-dark));justify-content:center;border-radius:10px;width:34px}
.marqueLogo::after{height:2.5px;border-radius:2px;background:#fdfefe;width:16px;content:"";box-shadow:0 5px 0 0 #fdfefe,0 10px 0 0 #fdfefe;transform:translateY(-5px)}
.beneficesListe{display:grid;grid-template-columns:1fr;padding:0;margin:0;gap:12px;list-style:none}
.beneficesListe li{align-items:flex-start;font-size:15px;gap:12px;color:var(--base-copy-deep);display:flex}
.beneficesListe li::before{height:22px;color:#fdfefe;display:inline-flex;box-shadow:0 4px 10px rgba(30,93,255,.31);font-size:12px;margin-top:1px;background:var(--base-blue);
  justify-content:center;flex:none;font-weight:800;align-items:center;width:22px;border-radius:50%;content:"✓"}
.symTuile{box-shadow:inset 0 0 0 1px var(--base-teal-soft);height:44px;width:44px;color:var(--base-blue);align-items:center;
  display:flex;flex-shrink:0;background:var(--base-blue-soft);justify-content:center;border-radius:14px}
.opinionNiveau{display:flex;align-items:center;gap:12px}
.opinionDetail{font-size:15px;gap:6px;display:flex;align-items:center}
.opinionLien{color:var(--base-quiet);font-size:13px}
.budgetTitre2{font-size:20px;font-weight:700;margin:0 0 7px;color:var(--base-copy)}
.budgetCorps{color:var(--base-quiet);font-size:14.5px;line-height:1.55;margin:0 auto;max-width:340px}
.menuLien{padding:9px 14px;transition:background .18s,color .18s;color:var(--base-copy);font-weight:500;border-radius:var(--base-r-pill);font-size:15px}
.menuLien:hover{color:var(--base-blue-dark);background:var(--base-blue-soft)}

.miseAvant{scroll-margin-top:85px;color:#fdfefe;overflow:hidden;position:relative}
.miseAvant,.ecranMiseAvantContact{background:linear-gradient(160deg,rgba(12,21,48,.88),rgba(16,27,71,.9)),var(--hero-img,none),linear-gradient(160deg,var(--base-oxford),var(--base-oxford-deep));
  background-size:cover,cover,cover;background-position:center}
.miseAvant .cadre{z-index:1;padding-block:clamp(36px,6vw,64px) clamp(40px,6vw,64px);position:relative}
.miseAvant::before{content:"";inset:0;background:radial-gradient(60% 80% at 85% 10%,rgba(30,93,255,.6),transparent 60%),radial-gradient(50% 60% at 10% 90%,rgba(30,93,255,.3),transparent 60%);pointer-events:none;z-index:0;
  position:absolute}
.miseAvant::after,.ecranMiseAvantContact::after{inset:0;position:absolute;background-image:linear-gradient(rgba(253,254,254,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(253,254,254,.03) 1px,transparent 1px);content:"";-webkit-mask-image:radial-gradient(70% 70% at 60% 40%,#010001,transparent);
  background-size:64px 64px;
  pointer-events:none;z-index:0;mask-image:radial-gradient(70% 70% at 60% 40%,#010001,transparent)}
.miseAvantColonnes{display:grid;gap:28px;align-items:start;grid-template-columns:1fr}
.miseAvantCorps{color:#fdfefe}
.miseAvantNom{font-size:clamp(32px,4.6vw,56px);margin:18px 0 18px;letter-spacing:-.03em;line-height:1.04;font-weight:700}
.miseAvantNom .surligne{color:var(--base-teal);padding:0;box-shadow:none;background:none;border-radius:0}
.miseAvantAmorce{max-width:560px;font-size:clamp(16px,2vw,18px);color:rgba(253,254,254,.78);margin-bottom:22px}
.miseAvantBoutons{margin-bottom:28px;gap:18px;align-items:center;flex-wrap:wrap;display:flex}
.miseAvantPoints{max-width:640px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.valideSym{font-size:31px;color:#fdfefe;display:grid;margin:4px auto 16px;background:linear-gradient(135deg,#3a7afd,var(--base-blue-dark));line-height:1;box-shadow:0 10px 26px rgba(30,93,255,.31);height:60px;place-items:center;border-radius:50%;font-weight:800;width:60px}
.budgetColonnes{gap:12px;grid-template-columns:1fr 1fr;display:grid}
.budgetCellule{display:block;margin-bottom:12px}

.dossier{grid-template-columns:1fr;display:grid;align-items:center;gap:40px}
.dossierCorps h2{margin-bottom:18px}
.dossierCorps p{margin-bottom:14px;color:var(--base-copy-deep);font-size:16px}
.dossierComplement{margin:10px 0 12px;font-size:17px;font-weight:700}

.bouton{
  letter-spacing:.005em;transition:background .18s,color .18s,border-color .18s,box-shadow .18s,transform .18s;white-space:nowrap;border:1px solid transparent;
  cursor:pointer;text-align:center;
  gap:8px;justify-content:center;align-items:center;font-weight:600;display:inline-flex;
  line-height:1.2;border-radius:var(--base-r-pill);font-size:15px;font-family:var(--base-heading);
  padding:13px 22px;
}
.boutonPt{font-size:14px;padding:9px 16px}
.boutonGrand{padding:16px 28px;font-size:17px}
.boutonEtire{width:100%}
.boutonPrincipal{background:linear-gradient(180deg,#2a69ff,var(--base-blue));color:#fdfefe;box-shadow:0 6px 18px rgba(30,93,255,.31),inset 0 1px 0 rgba(253,254,254,.21)}
.boutonPrincipal:hover{color:#fdfefe;background:linear-gradient(180deg,var(--base-blue),var(--base-blue-dark));box-shadow:0 10px 24px rgba(30,93,255,.37),inset 0 1px 0 rgba(253,254,254,.21);transform:translateY(-1px)}
.boutonLeger{background:transparent;color:var(--base-copy);border-color:var(--base-rule)}
.boutonLeger:hover{color:var(--base-blue);background:var(--base-blue-soft);border-color:var(--base-blue)}
.boutonNegatif{color:#fdfefe;background:var(--base-oxford)}
.boutonNegatif:hover{color:#fdfefe;background:var(--base-oxford-deep);transform:translateY(-1px)}
.boutonSurligne{color:#fdfefe;background:linear-gradient(180deg,#2a69ff,var(--base-blue));box-shadow:0 8px 24px rgba(30,93,255,.42),inset 0 1px 0 rgba(253,254,254,.21)}
.boutonSurligne:hover{transform:translateY(-1px);background:linear-gradient(180deg,var(--base-blue),var(--base-blue-dark));color:#fdfefe}
.boutonUni{background:#fdfefe;color:var(--base-blue)}
.boutonUni:hover{transform:translateY(-1px);background:var(--base-blue-soft);color:var(--base-blue-dark)}

.budgetBoite{border-radius:var(--base-r-lg);color:var(--base-copy);background:#fdfefe;padding:26px;box-shadow:var(--base-elev-lg);border:1px solid var(--base-rule)}
.budgetBoite h2{font-size:22px;font-weight:700;margin:10px 0 6px}
.budgetBoite p.complement{font-size:14px;color:var(--base-quiet);margin-bottom:18px}
.budgetApercu{border:0;display:block;width:100%;background:transparent}
.zoneTexte{transition:border-color .18s,box-shadow .18s;border:1px solid var(--base-rule);width:100%;border-radius:var(--base-r-pill);
  font:inherit;background:#fdfefe;padding:12px 16px;font-size:15px}
.zoneTexte:hover{border-color:var(--base-teal-soft)}
.zoneTexte:focus{box-shadow:0 0 0 4px var(--base-teal-soft);border-color:var(--base-blue);outline:none}
textarea.zoneTexte{resize:vertical;border-radius:var(--base-r-sm);min-height:130px}
.titre2{font-size:clamp(28px,3.4vw,42px);font-weight:700;letter-spacing:-.025em}
.complement{font-size:14px;color:var(--base-quiet)}
.photo{width:36px;border-radius:50%;box-shadow:0 1px 3px rgba(12,21,48,.14);height:36px;border:2px solid #fdfefe}
.photo+.photo{margin-left:-10px}
img.photo{display:block;background:var(--base-blue-soft);object-fit:cover}
.photoSuite{display:flex;background:var(--base-oxford);font-size:12px;align-items:center;
  justify-content:center;font-weight:700;color:#fdfefe}

.webBarreHaut{backdrop-filter:blur(12px);background:rgba(247,247,254,.86);z-index:100;border-bottom:1px solid var(--base-rule);position:sticky;top:0}
.webBarreHautInt{align-items:center;display:flex;padding-block:10px;justify-content:space-between;gap:20px;min-height:74px}

.budgetFenetre{color:var(--base-copy);background:#fdfefe;border-radius:var(--base-r-lg);box-shadow:0 24px 60px rgba(12,21,48,.21);padding:22px 22px 18px;position:relative;
  margin:0 auto;max-width:560px;width:100%}
.budgetHaut{justify-content:space-between;display:flex;margin-bottom:12px;align-items:center}
.budgetMarque{display:flex;align-items:center;gap:10px}
.budgetMarque b{font-size:15px;color:var(--base-copy);font-weight:700;font-family:var(--base-heading)}
.budgetLogo{display:grid;border-radius:10px;place-items:center;height:36px;line-height:1;font-weight:800;color:#fdfefe;flex:none;box-shadow:0 4px 12px rgba(30,93,255,.31);font-size:16px;width:36px;background:linear-gradient(135deg,#3a7afd,var(--base-blue-dark))}
.budgetIndicateur{gap:6px;color:var(--base-blue-dark);font-size:12px;align-items:center;font-weight:700;padding:5px 10px;display:inline-flex;background:var(--base-blue-soft);border-radius:var(--base-r-pill);white-space:nowrap}
.budgetIndicateur::before{border-radius:50%;height:6px;width:6px;background:var(--base-blue);content:""}
.budgetNom{color:var(--base-copy);font-size:21px;letter-spacing:-.02em;line-height:1.2;font-weight:700;margin:0 0 4px}
.mention{display:inline-flex;background:var(--base-blue-soft);padding:6px 14px;margin-bottom:16px;font-size:13px;font-weight:600;
  gap:8px;white-space:nowrap;align-items:center;border:1px solid var(--base-teal-soft);color:var(--base-blue-dark);border-radius:var(--base-r-pill)}
.mention::before{background:var(--base-blue);height:7px;width:7px;box-shadow:0 0 0 3px rgba(30,93,255,.19);content:"";border-radius:50%}
.point{transition:background .18s,border-color .18s;border:1px solid rgba(253,254,254,.14);align-items:flex-start;display:flex;backdrop-filter:blur(10px);
  padding:14px;gap:12px;border-radius:var(--base-r-lg);background:rgba(253,254,254,.08)}
.point:hover{background:rgba(253,254,254,.14);border-color:rgba(128,163,253,.48)}
.point .symTuile{height:36px;color:#fdfefe;background:linear-gradient(135deg,#3a7afd,var(--base-blue));border-radius:10px;width:36px;box-shadow:0 6px 14px rgba(30,93,255,.35)}
.point strong{font-size:15px;color:#fdfefe;font-family:var(--base-heading);display:block}
.point span{color:rgba(253,254,254,.67);font-size:13px}

.menuFond{opacity:0;inset:0;transition:opacity .3s ease;position:fixed;visibility:hidden;
  background:rgba(12,21,48,.48);z-index:1090}
.menuFond.actif{opacity:1;visibility:visible}

.opinionRuban{padding:22px 28px;gap:20px;z-index:20;border:1px solid var(--base-rule);
  border-radius:var(--base-r-lg);box-shadow:var(--base-elev-sm);margin-top:20px;grid-template-columns:1fr;background:#fdfefe;display:grid;align-items:center;position:relative}
.opinionCellule{gap:14px;align-items:center;display:flex}
.opinionCellule strong{display:block;font-size:15px;font-family:var(--base-heading)}
.opinionCellule span{color:var(--base-quiet);font-size:13px}

.visionnerLien{gap:12px;align-items:center;color:#fdfefe;font-weight:600;display:inline-flex;font-size:15px}
.visionnerLien:hover{color:#fdfefe}
.visionnerLien .visionner{height:46px;width:46px;border-radius:50%;background:rgba(253,254,254,.15);
  align-items:center;border:1px solid rgba(253,254,254,.26);justify-content:center;display:inline-flex;
  transition:background .18s,transform .18s}
.visionnerLien:hover .visionner{transform:scale(1.06);background:rgba(253,254,254,.24)}
.visionnerLien .visionner::after{border-left:10px solid var(--base-teal);border-top:7px solid transparent;height:0;margin-left:3px;
  content:"";border-bottom:7px solid transparent;width:0}
.bloc{padding-block:clamp(52px,7vw,92px)}
.blocInv{position:relative;background:var(--base-panel)}
.budgetCelluleInactif .contactPagination{box-shadow:0 0 0 3px rgba(231,74,75,.14);border-color:#e74a4b}
.budgetCelluleInactif .etiquette{border-color:#e74a4b}
.budgetComplement{font-size:12px;margin-top:5px;display:block;font-weight:600;color:#e74a4b}
.budgetComplement[hidden]{display:none}
.budgetEnsemble{gap:8px;flex-wrap:wrap;display:flex}
.budgetEnsemble label{cursor:pointer;margin:0;position:relative;display:flex}
.budgetEnsemble input{position:absolute;height:0;opacity:0;width:0}
.surligne{background:linear-gradient(transparent 68%,var(--base-teal-soft) 68%);color:var(--base-blue)}
.corpsMenu .bouton{margin-left:8px}
.corpsMenu{gap:6px;align-items:center;display:flex}

.chemin{font-size:13px;margin:0;align-items:center;flex-wrap:wrap;list-style:none;
  color:rgba(253,254,254,.69);display:flex;padding:0 0 20px}
.chemin li+li::before{content:"/";margin-inline:8px;opacity:.5}
.chemin a{color:rgba(253,254,254,.69)}
.chemin a:hover{color:#fdfefe}
.chemin li:last-child{font-weight:600;color:#fdfefe}
.budgetEnsemble label:hover .etiquette{border-color:var(--base-teal-soft);background:var(--base-blue-soft)}
.budgetEnsemble input:checked+.etiquette{box-shadow:0 4px 12px rgba(30,93,255,.31);color:#fdfefe;border-color:var(--base-blue);background:var(--base-blue)}
.budgetEnsemble input:focus-visible+.etiquette{outline:3px solid var(--base-teal-soft);outline-offset:2px}
.budgetAction{justify-content:center;display:flex;gap:9px;transition:.15s;font:inherit;border:0;background:linear-gradient(180deg,#2a69ff,var(--base-blue));width:100%;box-shadow:0 8px 20px rgba(30,93,255,.31),inset 0 1px 0 rgba(253,254,254,.21);font-family:var(--base-heading);font-size:16px;font-weight:600;
  align-items:center;cursor:pointer;color:#fdfefe;border-radius:var(--base-r-pill);margin-top:6px;min-height:50px}
.budgetAction:hover{transform:translateY(-1px);background:linear-gradient(180deg,var(--base-blue),var(--base-blue-dark))}
.budgetDetail{font-size:11.5px;text-align:center;color:var(--base-quiet);line-height:1.5;margin:12px 0 0}
.budgetOn{padding:22px 6px 14px;text-align:center}
.indicateurEtiquette{font-size:13px;border:1px solid rgba(253,254,254,.18);font-weight:600;border-radius:var(--base-r-pill);padding:7px 14px;
  align-items:center;display:inline-flex;color:#fdfefe;background:rgba(253,254,254,.11);gap:8px}
.indicateurEtiquette::before{content:"";background:var(--base-teal);box-shadow:0 0 0 3px rgba(128,163,253,.23);height:7px;width:7px;border-radius:50%}
.hautComplement{color:var(--base-quiet);font-size:14px;line-height:1.5;margin:0 0 14px}
.amorce{color:var(--base-quiet);font-size:clamp(16px,2vw,18px)}

.planBoite{aspect-ratio:1/.9;border-radius:var(--base-r-2xl);cursor:pointer;background:var(--base-blue-soft);
  position:relative;box-shadow:var(--base-elev-md);border:1px solid var(--base-teal-soft);overflow:hidden}
.planVide{inset:0;display:flex;position:absolute;padding:24px 24px 90px;justify-content:center;align-items:center;gap:16px;text-align:center;flex-direction:column;
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 360' fill='none' stroke='%23b9cdff' stroke-width='6' stroke-linecap='round'%3E%3Cpath d='M-10 120C80 100 140 160 220 140S360 60 420 90'/%3E%3Cpath d='M60-10C90 80 40 160 110 240s60 130 40 140'/%3E%3Cpath d='M-10 260c90-30 170 10 250-20s120-90 180-60' stroke-width='10' stroke='%23dbe6ff'/%3E%3Cpath d='M300-10c-20 90 30 160-10 250s-40 80-30 130'/%3E%3C/svg%3E"),linear-gradient(var(--base-teal-soft) 1px,transparent 1px),linear-gradient(90deg,var(--base-teal-soft) 1px,transparent 1px);
  background-size:cover,44px 44px,44px 44px}
.planVide::before{width:150px;left:50%;top:44%;content:"";background:rgba(30,93,255,.14);border-radius:50%;transform:translate(-50%,-50%);animation:mapPulse 2.6s ease-out infinite;height:150px;position:absolute}
.planMarqueur{border-radius:50% 50% 50% 0;position:relative;display:flex;background:var(--base-blue);height:56px;justify-content:center;width:56px;box-shadow:0 12px 30px rgba(30,93,255,.42);
  align-items:center;transform:rotate(-45deg)}
.planMarqueur::after{height:18px;background:#fdfefe;content:"";width:18px;border-radius:50%}
.planVide p{margin:0;color:var(--base-copy);left:18px;padding:14px 16px;right:18px;position:absolute;background:#fdfefe;text-align:left;font-size:14px;
  box-shadow:var(--base-elev-md);font-weight:600;bottom:18px;border-radius:var(--base-r-sm)}
.planVide .bouton{position:relative}
.planBoite iframe{position:absolute;height:100%;inset:0;border:0;display:block;width:100%}
.planBoite.monte .planVide{display:none}
.contactNom{margin-bottom:6px;font-size:13px;color:var(--base-copy);display:block;font-weight:600}
.contactNom em{color:var(--base-quiet);font-style:normal;font-weight:500}
textarea.contactPagination{border-radius:var(--base-r-lg);min-height:88px;resize:vertical}
.contactPagination{border:1px solid var(--base-rule);width:100%;transition:border-color .15s,box-shadow .15s;font:inherit;min-height:46px;outline:none;background:#fdfefe;font-size:15px;padding:11px 16px;color:var(--base-copy);border-radius:var(--base-r-pill)}
textarea.contactPagination{resize:vertical;border-radius:var(--base-r-sm);min-height:88px}
.contactPagination::placeholder{color:#a4acc0}
.contactPagination:hover{border-color:var(--base-teal-soft)}
.contactPagination:focus{box-shadow:0 0 0 4px var(--base-teal-soft);border-color:var(--base-blue)}
.photos{display:flex}

.cadre{padding-inline:var(--base-inset);max-width:var(--base-container);margin-inline:auto}

.bascule{background:none;padding:6px;gap:5px;border:none;display:none;
  z-index:1105;flex-direction:column;cursor:pointer}
.bascule span{background:var(--base-oxford);border-radius:2px;transition:transform .3s ease,opacity .3s ease;height:3px;display:block;
  width:26px}
.bascule.actif span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}
.bascule.actif span:nth-child(2){opacity:0}
.bascule.actif span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}
.etiquette{justify-content:center;border-radius:var(--base-r-pill);display:inline-flex;font:inherit;font-size:14px;padding:8px 14px;align-items:center;
  white-space:nowrap;background:#fdfefe;border:1px solid var(--base-rule);cursor:pointer;color:var(--base-copy);font-weight:500;transition:.15s}

.tiroirTel{box-shadow:-6px 0 30px rgba(12,21,48,.21);max-width:320px;height:100vh;overflow-y:auto;z-index:1100;width:80%;background:#fdfefe;
  top:0;height:100dvh;transition:right .3s ease;
  position:fixed;padding:84px var(--base-sz-6) var(--base-sz-6);right:-100%}
.tiroirTel.actif{right:0}
.tiroirTel nav{flex-direction:column;display:flex}
.tiroirTel a:not(.bouton){color:var(--base-copy-deep);font-weight:600;font-size:15px;border-bottom:1px solid var(--base-rule-deep);
  padding:14px 2px}
.tiroirTel a:not(.bouton):hover{color:var(--base-blue)}
.tiroirTel a.bouton{margin-top:var(--base-sz-6)}
.sectionTete{position:relative;max-width:680px;margin:0 0 clamp(28px,4vw,44px)}
.sectionTete .amorce{margin-top:14px}
.sectionTete .titre2::after{height:4px;background:linear-gradient(90deg,var(--base-blue),var(--base-teal));border-radius:2px;display:block;width:56px;margin-top:16px;content:""}
@keyframes mapPulse{0%{transform:translate(-50%,-50%) scale(.4);opacity:.9}100%{transform:translate(-50%,-50%) scale(1.3);opacity:0}}
.valideListe{padding-top:15px;margin:auto 0 0;list-style:none;flex-direction:column;gap:9px;display:flex;
  border-top:1px solid var(--base-rule-deep)}
.valideListe li{align-items:flex-start;display:flex;color:var(--base-copy-deep);font-size:14px;gap:9px}
.valideListe li::before{color:var(--base-blue);font-weight:800;content:"✓"}
.niveauBoite{background:#fdfefe;position:relative;display:flex;flex-direction:column;border:1px solid var(--base-rule);border-radius:var(--base-r-lg);align-items:flex-start;transition:box-shadow .2s,transform .2s,border-color .2s;padding:28px 24px 24px}
.niveauBoite:hover{box-shadow:var(--base-elev-md);border-color:var(--base-teal-soft);transform:translateY(-3px)}
.niveauNo{display:grid;background:linear-gradient(135deg,#3a7afd,var(--base-blue-dark));font-family:var(--base-heading);border-radius:50%;height:44px;font-weight:700;font-size:17px;width:44px;margin-bottom:18px;color:#fdfefe;box-shadow:0 6px 16px rgba(30,93,255,.31),0 0 0 6px var(--base-blue-soft);place-items:center}
.niveauNom{margin-bottom:8px;font-size:18px;font-weight:700}
.niveauCorps{font-size:15px;color:var(--base-quiet);margin-bottom:16px}
.niveauBoite .indicateur{margin-top:auto}

.indicateur{background:var(--base-blue-soft);border-radius:var(--base-r-pill);font-size:12px;color:var(--base-blue-dark);align-items:center;
  display:inline-flex;white-space:nowrap;border:1px solid transparent;font-weight:700;gap:6px;padding:5px 11px}
.realisationDroite{color:#fdfefe;box-shadow:0 6px 16px rgba(30,93,255,.31);border-color:var(--base-blue);background:var(--base-blue)}
.realisationDroite:hover{color:#fdfefe;background:var(--base-blue-dark)}
.realisationPiste{gap:20px;overflow-x:auto;padding:4px 4px 20px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;
  display:flex;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-4px}
.realisationPiste::-webkit-scrollbar{display:none}
.realisationCellule{flex:0 0 82%;max-width:380px;scroll-snap-align:start;margin:0}
.realisationCellule .apercu{border-radius:var(--base-r-lg);box-shadow:var(--base-elev-md);background:var(--base-oxford);padding:26px 10px 10px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}
.realisationCellule .apercu::before{width:7px;box-shadow:12px 0 0 rgba(253,254,254,.35),24px 0 0 rgba(253,254,254,.35);left:14px;border-radius:50%;position:absolute;content:"";height:7px;top:10px;background:rgba(253,254,254,.35)}
.realisationCellule:hover .apercu{box-shadow:var(--base-elev-lg);transform:translateY(-4px)}
.realisationCellule img{width:100%;height:auto;aspect-ratio:4/3;border-radius:10px;object-fit:cover}
.realisationCellule figcaption{margin-top:12px;padding:0 6px;display:flex;font-size:14px;font-weight:600;align-items:flex-start;gap:10px;color:var(--base-copy)}
.realisationCellule figcaption::before{flex:none;box-shadow:0 0 0 3px var(--base-blue-soft);content:"";border-radius:50%;background:var(--base-blue);width:8px;margin-top:7px;height:8px}
.paginationBouton{display:flex;align-items:center;width:44px;color:var(--base-copy);background:#fdfefe;cursor:pointer;
  height:44px;justify-content:center;border-radius:50%;font-size:22px;transition:border-color .18s,color .18s,transform .18s,background .18s;
  border:1px solid var(--base-rule)}
.paginationBouton:hover{color:var(--base-blue);transform:translateY(-2px);border-color:var(--base-blue)}

.fixeAction{max-width:calc(100vw - 40px);padding:18px 18px 16px;box-shadow:var(--base-elev-lg);z-index:150;color:var(--base-copy);width:300px;
  right:20px;position:fixed;background:#fdfefe;border:1px solid var(--base-rule);animation:floatPulse 2.4s ease-out infinite;
  bottom:20px;border-radius:var(--base-r-lg)}
.fixeAction:hover{animation-play-state:paused}
.fixeNom{font-size:15px;padding-right:26px;line-height:1.3;font-weight:700;margin-bottom:6px;font-family:var(--base-heading)}
.fixeCorps{font-size:13px;margin-bottom:12px;line-height:1.45;color:var(--base-quiet)}
.fixeAction .bouton{background:linear-gradient(180deg,#2a69ff,var(--base-blue));color:#fdfefe;width:100%;box-shadow:0 6px 18px rgba(30,93,255,.26)}
.fixeAction .bouton:hover{background:linear-gradient(180deg,var(--base-blue),var(--base-blue-dark));color:#fdfefe}
.fixeCacher{position:absolute;top:10px;color:var(--base-quiet);right:10px;line-height:1;height:28px;background:var(--base-bg);
  border:none;transition:background .15s;align-items:center;border-radius:50%;width:28px;
  font-size:16px;display:flex;justify-content:center;cursor:pointer}
.fixeCacher:hover{color:var(--base-blue);background:var(--base-blue-soft)}
.fixeDeclencheur{border:none;transition:transform .22s ease-out;width:60px;right:20px;bottom:20px;animation:floatPulse 2.4s ease-out infinite;justify-content:center;
  background:linear-gradient(135deg,var(--base-blue),var(--base-blue-dark));box-shadow:0 16px 40px rgba(12,21,48,.26);color:#fdfefe;
  display:none;align-items:center;height:60px;z-index:150;
  border-radius:50%;cursor:pointer;
  position:fixed}
.fixeDeclencheur:hover{transform:scale(1.05);animation-play-state:paused}

.niveauxColonnes{grid-template-columns:1fr;gap:20px;display:grid}

.webSol{margin-top:clamp(24px,5vw,56px);background:linear-gradient(180deg,var(--base-oxford-deep),var(--base-oxford));color:rgba(253,254,254,.7);position:relative;overflow:hidden}
.webSol::before{content:"";inset:0;background:radial-gradient(50% 60% at 90% 0%,rgba(30,93,255,.35),transparent 60%),linear-gradient(rgba(253,254,254,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(253,254,254,.05) 1px,transparent 1px);position:absolute;
  pointer-events:none;
  background-size:cover,64px 64px,64px 64px}
.webSol .cadre{padding-block:56px 24px;position:relative}

.savoirFaireColonnes{counter-reset:svc;display:grid;grid-template-columns:1fr;gap:20px}
.savoirFaireBoite{overflow:hidden;border:1px solid var(--base-rule);background:#fdfefe;box-shadow:var(--base-elev-sm);flex-direction:column;display:flex;
  position:relative;border-radius:var(--base-r-lg);padding:26px;transition:box-shadow .2s,transform .2s,border-color .2s}
.savoirFaireBoite::before{top:14px;line-height:1;letter-spacing:-.04em;font-family:var(--base-heading);color:var(--base-blue-soft);transition:color .2s;font-weight:800;font-size:44px;counter-increment:svc;content:"0" counter(svc);right:20px;position:absolute}
.savoirFaireBoite::after{position:absolute;background:linear-gradient(90deg,var(--base-blue),var(--base-teal));left:0;transition:opacity .2s;content:"";right:0;opacity:0;top:0;height:3px}
.savoirFaireBoite:hover{border-color:var(--base-teal-soft);box-shadow:var(--base-elev-md);transform:translateY(-3px)}
.savoirFaireBoite:hover::before{color:var(--base-teal-soft)}
.savoirFaireBoite:hover::after{opacity:1}
.savoirFaireBoite .symTuile{background:linear-gradient(135deg,var(--base-blue-soft),var(--base-teal-soft));margin-bottom:16px;width:48px;color:var(--base-blue);height:48px;border-radius:14px}
.savoirFaireBoite h3{margin-bottom:8px;font-size:18px;font-weight:700}
.savoirFaireBoite p{margin-bottom:16px;font-size:15px;color:var(--base-quiet)}

.realisationHaut{justify-content:space-between;margin-bottom:30px;align-items:flex-end;gap:20px;display:flex}
.realisationHaut .titre2{margin-top:0}
.realisationPagination{gap:10px;display:flex}

.communes{flex-direction:column;gap:32px;display:flex}
.communesEnsemble h2{font-size:18px;margin-bottom:12px;font-weight:700}
.communesLiens{gap:8px 18px;flex-wrap:wrap;display:flex}
.communesLiens a{text-decoration:underline}
.solColonnes{gap:32px;padding-bottom:36px;border-bottom:1px solid rgba(253,254,254,.14);display:grid;grid-template-columns:1fr}
.solMarque{color:#fdfefe;font-family:var(--base-heading);margin-bottom:14px;gap:10px;font-weight:700;font-size:21px;display:flex;align-items:center}
.solCol .solNom{font-size:15px;align-items:center;font-weight:700;display:flex;gap:8px;color:#fdfefe;font-family:var(--base-heading);margin-bottom:14px}
.solCol .solNom::before{border-radius:2px;height:3px;content:"";background:var(--base-blue);width:14px}
.solCol p{max-width:320px;font-size:14px;color:rgba(253,254,254,.69)}
.solCol .budgetEnsemble{margin-top:16px;gap:8px}
.solCol .indicateur{background:rgba(253,254,254,.08);color:rgba(253,254,254,.83);border-color:rgba(253,254,254,.15)}
.solLiens{margin:0;display:flex;flex-direction:column;list-style:none;font-size:14px;gap:9px;padding:0}
.solLiens a{transition:color .15s,padding-left .15s;color:rgba(253,254,254,.7)}
.solLiens a:hover{padding-left:4px;color:#fdfefe}

.actionEncart{padding:clamp(36px,6vw,72px) clamp(24px,5vw,64px);border-radius:var(--base-r-2xl);gap:32px;color:#fdfefe;justify-content:space-between;
  flex-wrap:wrap;box-shadow:var(--base-elev-lg);isolation:isolate;overflow:hidden;display:flex;position:relative;align-items:center;background:linear-gradient(160deg,var(--base-oxford),var(--base-oxford-deep))}
.actionEncart::before{border-radius:50%;height:420px;content:"";position:absolute;width:420px;z-index:-1;left:-8%;bottom:-60%;border:60px solid rgba(30,93,255,.19)}
.actionEncart::after{z-index:-1;pointer-events:none;inset:0;background-image:linear-gradient(rgba(253,254,254,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(253,254,254,.03) 1px,transparent 1px);background-size:64px 64px;
  position:absolute;content:"";
  -webkit-mask-image:radial-gradient(60% 80% at 70% 50%,#010001,transparent);mask-image:radial-gradient(60% 80% at 70% 50%,#010001,transparent)}
.actionOrnement{z-index:-1;position:absolute;right:-10%;height:520px;width:520px;top:-40%;border-radius:50%;background:radial-gradient(circle,rgba(30,93,255,.69),transparent 65%)}
.actionCorps{position:relative;max-width:560px}
.actionCorps h2{margin-bottom:12px;color:#fdfefe}
.actionCorps p{color:rgba(253,254,254,.77);font-size:17px}
.actionEncart .bouton{position:relative}
.actionEncart .complement{font-size:13px;color:rgba(253,254,254,.6);margin-top:12px}
.copyright{font-size:13px;padding-top:22px;color:rgba(253,254,254,.48)}

@keyframes floatPulse{
  0%{box-shadow:0 16px 40px rgba(12,21,48,.19), 0 0 0 0 rgba(30,93,255,.48)}
  70%{box-shadow:0 16px 40px rgba(12,21,48,.19), 0 0 0 16px rgba(30,93,255,0)}
  100%{box-shadow:0 16px 40px rgba(12,21,48,.19), 0 0 0 0 rgba(30,93,255,0)}}
.contactCellule{margin-bottom:16px;font-weight:600;display:block;color:var(--base-copy);font-size:14px}
.contactCellule .zoneTexte{margin-top:6px;display:block;font-weight:400}
.contactDetail{font-size:14px;font-weight:600;border-radius:var(--base-r-sm);margin-bottom:18px;padding:12px 16px}
.contactDetailOn{color:var(--base-valid);background:var(--base-valid-back)}
.contactDetailInactif{color:var(--base-alert);background:var(--base-alert-back)}

.departFenetre{align-items:center;display:none;inset:0;justify-content:center;backdrop-filter:blur(3px);z-index:1200;background:rgba(12,21,48,.54);padding:20px;position:fixed}
.departFenetre.monte{display:flex}
.departFenetreBoite{width:100%;box-shadow:var(--base-elev-lg);overflow:hidden;border-radius:var(--base-r-2xl);color:var(--base-copy);max-width:860px;display:grid;background:var(--base-panel);position:relative;grid-template-columns:.8fr 1fr}
.departFenetreTiroir{justify-content:center;padding:clamp(28px,4vw,44px);position:relative;flex-direction:column;display:flex;color:#fdfefe;background:linear-gradient(160deg,var(--base-oxford),var(--base-oxford-deep));overflow:hidden}
.departFenetreTiroir::after{right:-28%;content:"";bottom:-28%;width:86%;height:86%;position:absolute;border-radius:50%;border:20px solid rgba(30,93,255,.18)}
.departFenetreNo{position:relative;color:var(--base-teal);font-family:var(--base-heading);font-weight:800;font-size:clamp(56px,8vw,88px);letter-spacing:-.04em;line-height:.9}
.departFenetreTiroir p{position:relative;font-size:17px;font-weight:600;max-width:200px;margin-top:12px}
.departFenetreCorps{position:relative;padding:clamp(28px,4vw,48px)}
.departFenetreCorps .mention{margin-bottom:14px}
.departFenetreCorps .titre2{font-size:clamp(25px,3.2vw,36px)}
.departFenetreCorps .amorce{margin-top:12px}
.departFenetreCorps .valideListe{margin-top:20px;border-top:0;padding-top:0;gap:12px}
.departFenetreCorps .valideListe li{font-size:15px}
.departFenetreCorps .bouton{margin-top:24px}
.departFenetreCacher{top:16px;right:16px;width:42px;font-size:20px;cursor:pointer;background:var(--base-panel);line-height:1;border-radius:50%;place-items:center;border:1px solid var(--base-rule);position:absolute;color:var(--base-quiet);height:42px;display:grid}
.departFenetreIgnorer{color:var(--base-quiet);border:0;margin:14px auto 0;cursor:pointer;text-decoration:underline;font-size:13.5px;display:block;background:none}

.redac{max-width:760px}
.redac h2{font-size:24px;font-weight:700;margin:32px 0 12px}
.redac p{font-size:16px;color:var(--base-copy-deep);margin-bottom:16px}
.redac ul{font-size:16px;padding-left:20px;margin-bottom:16px;color:var(--base-copy-deep)}
.redac li{margin-bottom:8px}

.corpsDossier{display:flex;flex-direction:column}
.corpsDossier > *{width:100%}

.chercherContact{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:var(--base-sz-6)}
.chercherContact .zoneTexte{flex:1;min-width:240px}

.ecranMiseAvant{color:var(--base-copy);position:relative;overflow:hidden}
.ecranMiseAvant::before{z-index:0;background:radial-gradient(45% 60% at 20% 30%,var(--base-teal-soft),transparent 70%),radial-gradient(40% 55% at 80% 20%,rgba(30,93,255,.14),transparent 70%);inset:0;pointer-events:none;position:absolute;
  content:"";filter:blur(40px)}
.ecranMiseAvant .cadre{z-index:1;padding-block:clamp(36px,6vw,64px) clamp(24px,3vw,40px);position:relative}
.ecranMiseAvant h1{letter-spacing:-.03em;margin:8px 0 12px;font-size:clamp(30px,4.5vw,48px);font-weight:700}
.ecranMiseAvant .cadre > p{font-size:17px;color:var(--base-quiet);max-width:640px}
.ecranMiseAvant .chemin{color:var(--base-quiet)}
.ecranMiseAvant .chemin a{color:var(--base-quiet)}
.ecranMiseAvant .chemin a:hover{color:var(--base-blue)}
.ecranMiseAvant .chemin li:last-child{color:var(--base-copy)}
.ecranMiseAvant .chemin li+li::before{color:var(--base-rule)}

.ecranMiseAvantContact{color:#fdfefe}
.ecranMiseAvantContact::before{background:radial-gradient(60% 80% at 85% 10%,rgba(30,93,255,.6),transparent 60%),radial-gradient(50% 60% at 10% 90%,rgba(30,93,255,.3),transparent 60%);filter:none}
.ecranMiseAvantContact .cadre{padding-bottom:clamp(40px,6vw,64px)}
.ecranMiseAvantContact h1{color:#fdfefe;margin:14px 0 12px}
.ecranMiseAvantContact .miseAvantColonnes{margin-top:var(--base-sz-2)}
.ecranMiseAvantContact .chemin{color:rgba(253,254,254,.69)}
.ecranMiseAvantContact .chemin a{color:rgba(253,254,254,.69)}
.ecranMiseAvantContact .chemin li:last-child{color:#fdfefe}
.ecranMiseAvantContact .chemin li+li::before{color:rgba(253,254,254,.42)}
.chercherTotal{color:var(--base-quiet);margin-bottom:var(--base-sz-4)}

@media (max-width:860px){
  .corpsMenu{display:none}
  .bascule{display:flex;position:fixed;top:20px;right:18px}
  .fixeDeclencheur{right:16px;bottom:16px}
}
@media (max-width:640px){
  .departFenetre{display:none!important}
  .webBarreHautInt{min-height:64px;padding-block:8px}
  .bascule{top:15px}
  .budgetFenetre{padding:18px 16px 14px}
}
@media (max-width:520px){
  .fixeAction{right:12px;left:12px;bottom:12px;width:auto;max-width:none}
  .miseAvantPoints{grid-template-columns:1fr}
  .realisationHaut{flex-direction:column;align-items:flex-start}
}
@media (max-width:400px){
  .budgetColonnes{grid-template-columns:1fr}
}
@media (min-width:861px){
  .tiroirTel,.menuFond{display:none}
}
@media (min-width:768px){
  .opinionRuban{grid-template-columns:repeat(2,1fr)}
  .savoirFaireColonnes{grid-template-columns:repeat(2,1fr)}
  .niveauxColonnes{grid-template-columns:repeat(2,1fr)}
  .solColonnes{grid-template-columns:1.4fr 1fr 1fr 1.2fr}
  .realisationCellule{flex-basis:380px}
  .beneficesListe{grid-template-columns:1fr 1fr}
}
@media (min-width:1024px){
  .miseAvantColonnes{grid-template-columns:1.15fr .85fr;gap:clamp(28px,4vw,56px)}
  .opinionRuban{grid-template-columns:repeat(3,1fr) auto}
  .opinionNiveau{padding-left:20px;border-left:1px solid var(--base-rule)}
  .dossier{grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px)}
  .savoirFaireColonnes{grid-template-columns:repeat(3,1fr)}
  .niveauxColonnes{grid-template-columns:repeat(4,1fr)}
  .niveauBoite:not(:last-child)::after{content:"";position:absolute;top:50px;right:-20px;width:20px;border-top:2px dashed var(--base-teal-soft)}
}
@media (max-width:1023px){
  .miseAvantColonnes>div:last-child{order:-1}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .fixeAction,.fixeDeclencheur{animation:none}
  .fixeDeclencheur{transition:none}
  .planVide::before{animation:none}
}