.fnb{display:flex;min-height:100vh;min-height:100dvh;background:#fff;color:var(--encre);font-family:var(--fb)}.fnb-side{width:320px;flex:none;background:var(--sable);padding:30px 28px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;height:100dvh}.fnb-side .logo{align-self:flex-start}.fnb-side-title{margin:28px 0;font-family:var(--ft);font-size:19px;font-weight:800}.fnb-steps{list-style:none;margin:0;padding:0}.fnb-steps li{display:grid;grid-template-columns:34px 1fr;gap:14px}.fnb-dotcol{display:flex;flex-direction:column;align-items:center}.fnb-dot{width:32px;height:32px;border-radius:999px;border:2px solid var(--encre);background:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease}.fnb-steps li.cur .fnb-dot,.fnb-steps li.done .fnb-dot{background:var(--encre);color:#fff}.fnb-line{width:2px;flex:1;min-height:34px;background:#0b253029}.fnb-steps li.done .fnb-line{background:var(--encre)}.fnb-steps li:last-child .fnb-line{display:none}.fnb-lab{padding:4px 0 22px}.fnb-lab button{display:block;font-family:var(--fb);font-weight:700;font-size:16px;color:var(--encre);background:none;border:0;padding:0;text-align:left}.fnb-lab button:disabled{cursor:default;opacity:1}.fnb-steps li.done .fnb-lab button{cursor:pointer}.fnb-steps li.done .fnb-lab button:hover{color:var(--c)}.fnb-steps li:not(.cur):not(.done) .fnb-lab button{color:var(--gris)}.fnb-lab span{display:block;margin-top:2px;font-size:14px;line-height:1.35;color:var(--gris)}.fnb-side-note{margin-top:auto;padding-top:24px;font-size:13.5px;line-height:1.5;color:var(--gris)}.fnb-main{flex:1;min-width:0;display:flex;flex-direction:column}.fnb-mtop{display:none;height:60px;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--trait)}.fnb-mtop span{font-size:13.5px;font-weight:700;color:var(--gris)}.fnb-body{width:100%;max-width:940px;flex:1;padding:clamp(24px,4.5vh,48px) 56px 28px}.fnb-barre{display:flex;align-items:center;gap:16px;margin-bottom:clamp(22px,4vh,40px)}.fnb-prog{flex:1;max-width:640px;height:8px;border-radius:999px;background:var(--trait);overflow:hidden}.fnb-prog span{display:block;height:100%;width:100%;border-radius:999px;background:var(--c);transform-origin:left center;transition:transform .5s ease}.fnb-count{font-size:14px;font-weight:700;color:var(--gris)}.fnb-step{animation:fnbin .35s cubic-bezier(.2,.7,.2,1) both}@keyframes fnbin{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.fnb-step{animation:none}.fnb-prog span{transition:none}}.fnb-h{margin:0 0 clamp(20px,3.6vh,36px);font-family:var(--ft);font-weight:900;letter-spacing:-.025em;font-size:34px;line-height:1.15}.fnb .kw{font-weight:700;color:var(--encre)}.fnb-h .kw{font-weight:900;color:inherit}.fnb .req{color:#b42318}.fnb-col{display:flex;flex-direction:column;gap:clamp(22px,3.4vh,34px)}.fnb-col+.fnb-col{margin-top:clamp(22px,3.4vh,34px)}.fnb-col[hidden]{display:none}.fnb-q{display:block;margin:0 0 10px;font-size:17px;line-height:1.45;color:#2a3f48}.fnb-help{display:block;margin-top:8px;font-size:13.5px;color:var(--gris)}.fnb-aide{margin-top:22px;font-size:14.5px;color:var(--gris)}.pj-grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:820px}.pj{display:flex;align-items:center;gap:16px;min-height:96px;padding:16px 18px;background:#fff;border:2px solid var(--trait);border-radius:16px;text-align:left;cursor:pointer;font-family:var(--fb);color:var(--encre);transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.pj:hover{border-color:#0e749073}.pj[aria-pressed=true]{border-color:var(--c);background:var(--eau);box-shadow:0 0 0 3px #0e749024}.pj:last-child:nth-child(odd){grid-column:1 / -1;min-height:76px}.pj-ic{flex:none;width:64px;height:64px;border-radius:14px;background:var(--eau);color:var(--c);display:flex;align-items:center;justify-content:center}.pj[aria-pressed=true] .pj-ic{background:var(--c);color:#fff}.pj-t{flex:1;min-width:0}.pj-t b{display:block;font-family:var(--ft);font-weight:800;font-size:18.5px;line-height:1.2}.pj-t small{display:block;margin-top:3px;font-size:14px;color:var(--gris)}.pj-fl{flex:none;color:var(--gris-clair);transition:transform .15s ease,color .15s ease}.pj:hover .pj-fl,.pj[aria-pressed=true] .pj-fl{color:var(--c);transform:translate(3px)}.fp-row{display:flex;flex-wrap:wrap;gap:10px}.fnb .fp{min-height:48px;min-width:110px;padding:0 18px;border-radius:12px;border:2px solid var(--trait);background:#fafbfb;color:var(--encre);font-family:var(--fb);font-weight:500;font-size:16px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.fnb .fp:hover{border-color:#0e749073}.fnb .fp[aria-pressed=true]{border-color:var(--c);background:var(--eau);color:var(--c-fonce);font-weight:600}.fnb .fi{width:100%;border-radius:12px;border:1px solid #D5DDE0;background:#fafbfb;padding:13px 16px;font-size:17px;color:var(--encre);outline:none;font-family:var(--fb);transition:border-color .15s ease,box-shadow .15s ease}.fnb .fi::placeholder{color:#94a3aa}.fnb .fi:focus{border-color:var(--c);box-shadow:0 0 0 4px #0e74901f;background:#fff}.fnb select.fi{appearance:auto}.fnb select.fi:disabled{color:#94a3aa}.fnb .zone{min-height:120px;resize:vertical;max-width:760px}.fnb-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:820px}.fnb-grid-cp{display:grid;grid-template-columns:9rem minmax(0,22rem);gap:14px}.fnb-consent{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;line-height:1.55;color:var(--gris);cursor:pointer;max-width:820px}.fnb-consent a{color:var(--c-fonce);text-decoration:underline}.fnb-consent input{appearance:none;-webkit-appearance:none;flex:none;width:24px;height:24px;margin:0;border:2px solid #A9B8BE;border-radius:7px;background:#fff center / 16px 16px no-repeat;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.fnb-consent input:checked{border-color:var(--c);background-color:var(--c);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}.fnb-consent input:focus-visible{outline:3px solid rgba(14,116,144,.3);outline-offset:2px}.fnb-err{margin-bottom:22px;padding:12px 16px;border-radius:12px;border:1px solid rgba(180,35,24,.3);background:#fef3f2;color:#b42318;font-size:15px;font-weight:600}.fnb [data-f]{scroll-margin:96px}.f-bad:not(:has(.fi)){border-radius:14px;outline:2px solid rgba(180,35,24,.5);outline-offset:8px}.f-msg{margin:10px 0 0;color:#b42318;font-size:14.5px;font-weight:600;line-height:1.4}.f-bad .fi{border-color:#b42318;box-shadow:0 0 0 1px #b42318}.fnb-foot{max-width:940px;padding:8px 56px 44px}.fnb-foot[hidden]{display:none}.fnb-actions{display:flex;gap:10px;max-width:820px}.fnb-back{flex:none;width:64px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--trait);border-radius:14px;background:#fff;color:var(--encre);cursor:pointer}.fnb-back:hover{border-color:var(--gris-clair)}.fnb-next{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;border:0;border-radius:14px;background:var(--c);color:#fff;font-family:var(--fb);font-weight:700;font-size:18px;cursor:pointer;transition:background .15s ease;box-shadow:0 8px 20px -10px #0e749099}.fnb-next:hover{background:var(--c-fonce)}.fnb-next:disabled{opacity:.7;cursor:wait}.fnb-rappel{margin-top:10px;max-width:820px;font-size:12.5px;line-height:1.45;color:var(--gris)}.fnb-rappel a{color:var(--c-fonce)}@media (max-width: 1024px){.fnb{flex-direction:column}.fnb-side{display:none}.fnb-mtop{display:flex;position:sticky;top:0;z-index:10;background:#fff}.fnb-mtop .logo{font-size:27px}.fnb-count{display:none}.fnb-body{padding:clamp(14px,3vh,32px) 16px 28px}.fnb-barre{margin-bottom:clamp(16px,3vh,30px)}.fnb-prog{max-width:none;height:6px}.fnb-foot{position:sticky;bottom:0;z-index:10;max-width:none;padding:12px 16px max(14px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--trait)}.fnb-next{border-radius:999px;min-height:52px;font-size:17px}.fnb-back{border-radius:999px;width:54px}}@media (max-width: 640px){.fnb-h{font-size:25px}.pj-grille{grid-template-columns:1fr;gap:10px}.pj{min-height:0;padding:12px 14px;gap:14px}.pj-ic{width:52px;height:52px;border-radius:12px}.pj-ic svg{width:36px;height:36px}.pj-t b{font-size:17px}.pj-t small{font-size:13.5px}.fnb .fp{flex:1 1 calc(50% - 5px);min-width:0;padding:0 12px;font-size:15px;min-height:46px}.fnb .fp-row.trois .fp{flex:1 1 calc(33.3% - 7px);padding:0 8px}.fnb-q{font-size:16px;margin-bottom:8px}.fnb-grid2{grid-template-columns:1fr;gap:16px}.fnb-grid2.keep2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fnb-grid-cp{grid-template-columns:7rem minmax(0,1fr);gap:10px}.fnb-aide{font-size:13.5px}}@media (max-width: 640px) and (max-height: 700px){.pj-t small{display:none}.pj-ic{width:44px;height:44px}.pj-ic svg{width:30px;height:30px}}
