/* Jeanbrun — feuille de styles commune. Couleurs et polices par site via :root (injectées dans ). */ :root{ --bg:#fff;--bg-soft:#f4f6f4;--bg-softer:#fafbfa;--line:#e3e6e2;--line-soft:#eceeeb; --text:#15191c;--text-2:#3b4246;--muted:#4a5256;--muted-2:#6b7377; --radius:16px;--radius-sm:10px;--shadow:0 24px 48px -28px rgba(21,25,28,.28); --wrap:1200px; } *{box-sizing:border-box} html{scroll-behavior:smooth;-webkit-text-size-adjust:100%} body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.65 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden} img{max-width:100%;height:auto;display:block} a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px} a:hover{color:var(--text)} input,select,textarea,button{font:inherit;color:inherit} :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px} .wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px} .skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:100;background:#fff;padding:8px 12px} [hidden]{display:none!important} /* ---------- boutons */ .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--ink);color:#fff;font-weight:600;font-size:15px;line-height:1.2;padding:13px 20px;border-radius:var(--radius-sm);border:1px solid var(--ink);text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,color .15s;text-align:center} .btn:hover{background:var(--accent);border-color:var(--accent);color:#fff} .btn-ghost{background:#fff;color:var(--text);border-color:#d8dcd8} .btn-ghost:hover{background:#fff;color:var(--text);border-color:var(--text)} .btn-sm{padding:9px 14px;font-size:14px;border-radius:999px;white-space:nowrap} .btn-lg{padding:15px 24px;font-size:15.5px} .btn-block{width:100%} .actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0} /* ---------- en-tête */ .topbar{background:var(--ink);color:#e9ecea;font-size:12.5px;padding:8px 16px;text-align:center;line-height:1.4} .header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)} .header-in{display:flex;align-items:center;gap:24px;min-height:64px} .logo{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;flex-shrink:0} .logo:hover{color:var(--text)} .logo-mark{min-width:30px;height:30px;padding:0 6px;border-radius:8px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font:600 16px/1 var(--serif)} .logo-txt{font-weight:700;font-size:16px;letter-spacing:-.01em} .logo-inv,.logo-inv:hover{color:#fff} .nav{display:flex;align-items:center;gap:20px;flex:1;justify-content:flex-end} .nav>ul{display:flex;gap:4px;list-style:none;margin:0;padding:0} .nav>ul>li{position:relative} .nav>ul>li>a{display:block;padding:10px 9px;font-size:14.5px;white-space:nowrap;font-weight:500;color:var(--text-2);text-decoration:none;border-radius:8px} .nav>ul>li>a:hover,.nav>ul>li>a[aria-current]{color:var(--accent)} .has-sub>a::after{content:"";display:inline-block;width:6px;height:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin:0 0 3px 7px} .sub{display:none;position:absolute;top:100%;left:0;min-width:280px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);list-style:none;margin:0;padding:8px} .has-sub:hover .sub,.has-sub:focus-within .sub{display:block} .sub a{display:block;padding:8px 12px;border-radius:8px;font-size:14px;color:var(--text-2);text-decoration:none;line-height:1.35} .sub a:hover{background:var(--bg-soft);color:var(--accent)} .nav-toggle{display:none;margin-left:auto;background:none;border:1px solid var(--line);border-radius:10px;width:44px;height:40px;padding:10px;cursor:pointer;flex-direction:column;justify-content:space-between} .nav-toggle span{display:block;height:2px;background:var(--text);border-radius:2px} /* ---------- hero accueil */ .hero{background:linear-gradient(180deg,var(--bg-soft) 0%,#fff 100%);border-bottom:1px solid var(--line-soft)} .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding-top:56px;padding-bottom:56px} .hero-txt{display:flex;flex-direction:column;gap:20px} .hero h1{margin:0;font:600 clamp(36px,5vw,58px)/1.05 var(--serif);letter-spacing:-.02em;text-wrap:balance} .hero-intro{margin:0;font-size:18px;line-height:1.6;color:var(--muted);max-width:560px} .hero .actions{margin:4px 0 0} .badges{display:flex;flex-wrap:wrap;gap:8px} .badge{font-size:12.5px;font-weight:600;color:var(--accent);background:var(--accent-soft);padding:6px 12px;border-radius:999px} .badge-alt{color:#2d5e86;background:#e6eef5} .checks{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;margin:0;padding:0;font-size:14px;color:var(--text-2)} .checks li{display:flex;align-items:center;gap:8px} .checks li::before{content:"✓";width:18px;height:18px;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center} .hero-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)} .hero-img{width:100%;height:230px;object-fit:cover} .hero-form{padding:22px} .hero-form-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:12px} .hero-form-head strong{font-size:16px} .hero-form-head span{font-size:12.5px;color:var(--accent);font-weight:600} /* ---------- en-tête de page */ .page-head{background:var(--bg-soft);border-bottom:1px solid var(--line-soft);padding:28px 0 36px} .page-head h1{margin:10px 0 0;font:600 clamp(30px,4vw,46px)/1.1 var(--serif);letter-spacing:-.015em;max-width:900px;text-wrap:balance} .page-intro{margin:16px 0 0;font-size:18px;line-height:1.6;color:var(--muted);max-width:760px} .crumbs ol{display:flex;flex-wrap:wrap;gap:4px;list-style:none;margin:0;padding:0;font-size:13px;color:var(--muted-2)} .crumbs li:not(:last-child)::after{content:"›";margin-left:6px} .crumbs a{color:var(--muted-2);text-decoration:none}.crumbs a:hover{color:var(--accent)} /* ---------- mise en page */ .layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;padding-top:48px;padding-bottom:72px} .layout-wide{padding-top:40px;padding-bottom:72px} .aside{position:relative} .aside-box{position:sticky;top:96px;border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:12px;background:#fff;margin-bottom:16px} .aside-box+.aside-box{position:static} .aside-box p{margin:0;font-size:14.5px;color:var(--muted);line-height:1.55} .aside-title{font:600 19px/1.25 var(--serif)} .aside-soft{background:var(--bg-soft)} .aside-link{font-weight:600;font-size:14.5px;text-decoration:none} /* ---------- contenu éditorial */ .prose{max-width:760px;min-width:0} .prose-wide{max-width:none} .prose>*:first-child{margin-top:0} .prose h2{font:600 clamp(25px,2.8vw,32px)/1.18 var(--serif);letter-spacing:-.012em;margin:52px 0 16px;scroll-margin-top:90px} .prose h3{font-size:19px;font-weight:700;line-height:1.3;margin:32px 0 10px} .prose p,.prose li{color:var(--text-2);font-size:16.5px} .prose p{margin:0 0 16px} .prose ul,.prose ol{padding-left:22px;margin:0 0 18px} .prose li{margin:6px 0} .prose li::marker{color:var(--accent)} .prose strong{color:var(--text)} .prose-wide>h2,.prose-wide>p,.prose-wide>ul,.prose-wide>ol,.prose-wide>h3,.prose-wide>.callout,.prose-wide>.note,.prose-wide>.formula,.prose-wide>details{max-width:780px} .lead{font-size:19px!important;line-height:1.6;color:var(--muted)!important} .callout{background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:0 12px 12px 0;padding:18px 22px;margin:24px 0} .callout p{margin:0 0 8px;color:var(--text)}.callout p:last-child{margin:0} .note,.prose .note{font-size:13px;line-height:1.55;color:var(--muted-2);margin:10px 0 20px} .note p{font-size:13px;color:var(--muted-2);margin:0 0 6px} .formula{font:600 17px/1.5 var(--serif);background:var(--bg-softer);border:1px dashed #cfd4cf;border-radius:12px;padding:16px 20px;margin:20px 0} .table-wrap{overflow-x:auto;margin:20px 0 24px;border:1px solid var(--line);border-radius:14px;-webkit-overflow-scrolling:touch} .table-wrap table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:520px} .table-wrap th{background:var(--bg-softer);text-align:left;font-weight:700;color:var(--text);padding:13px 16px;border-bottom:1px solid var(--line)} .table-wrap td{padding:12px 16px;border-bottom:1px solid var(--line-soft);color:var(--text-2);vertical-align:top} .table-wrap tr:last-child td{border-bottom:0} .table-wrap td:first-child,.table-wrap tbody th{font-weight:600;color:var(--text)} .table-wrap tbody th{background:none;text-align:left;padding:12px 16px;border-bottom:1px solid var(--line-soft);vertical-align:top} .table-wrap tbody tr:last-child th{border-bottom:0} .prose .cta-title{color:#fff} table.compare th:last-child,table.compare td:last-child{background:#f1f7f5;background:color-mix(in srgb,var(--accent-soft) 55%,#fff);font-weight:600} .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:16px;margin:22px 0 28px} .card{border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:#fff;display:flex;flex-direction:column;gap:6px} .card h3{margin:4px 0 4px!important;font-size:18px} .card p{font-size:15px!important;margin:0!important;color:var(--muted)!important} .card .tag,.tag{align-self:flex-start;font-size:11.5px;font-weight:700;color:var(--accent);background:var(--accent-soft);padding:4px 9px;border-radius:999px} .card-link{margin-top:auto;padding-top:8px;font-weight:600;font-size:14.5px;text-decoration:none} .card-link+.card-link{margin-top:0;padding-top:2px} .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin:24px 0 8px;background:#fff} .stat{padding:22px 24px;border-right:1px solid var(--line-soft);display:flex;flex-direction:column;gap:4px} .stat:last-child{border-right:0} .stat strong{font:600 30px/1.1 var(--serif);letter-spacing:-.01em;color:var(--text)} .stat span{font-size:14px;color:var(--muted);line-height:1.4} .steps{list-style:none;padding:0!important;counter-reset:s;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:22px} .steps li{counter-increment:s;border-top:2px solid var(--ink);padding-top:16px;margin:0!important;font-size:15px!important} .steps li::before{content:counter(s,decimal-leading-zero);display:block;font:500 13px/1 ui-monospace,monospace;color:var(--accent);margin-bottom:10px} .steps li strong{display:block;font-size:17px;margin-bottom:4px} details.faq{background:#fff;border:1px solid var(--line);border-radius:14px;margin:10px 0;overflow:hidden} details.faq summary{cursor:pointer;list-style:none;padding:17px 52px 17px 20px;font-weight:600;font-size:16px;position:relative;color:var(--text)} details.faq summary::-webkit-details-marker{display:none} details.faq summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:22px;color:var(--accent);font-weight:500} details.faq[open] summary::after{content:"−"} details.faq>div{padding:0 20px 18px;color:var(--muted);font-size:15.5px;line-height:1.7} details.faq>div p{margin:0 0 10px;font-size:15.5px} .chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0!important} .chips li{margin:0!important;font-size:14px!important;background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;padding:6px 12px} .links-row{font-weight:600;margin-top:32px} .opt{font-weight:400;color:var(--muted-2)} /* ---------- bloc CTA */ .cta-block{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:var(--ink);color:#e9ecea;border-radius:18px;padding:28px 30px;margin:44px 0} .cta-block>div{flex:1 1 360px} .cta-title{display:block;font:600 24px/1.2 var(--serif);color:#fff;margin-bottom:6px} .cta-block p{margin:0!important;color:#c4cbc8!important;font-size:15.5px} .cta-block .btn{background:var(--accent);border-color:var(--accent)} .cta-block .btn:hover{background:#fff;color:var(--ink);border-color:#fff} /* ---------- programmes */ .prog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:20px;margin:24px 0} .prog-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s} .prog-card:hover{box-shadow:0 20px 40px -26px rgba(21,25,28,.35)} .prog-img{position:relative;display:block;aspect-ratio:16/10;background:repeating-linear-gradient(135deg,#e9ece9 0 10px,#e2e6e2 10px 20px)} .prog-img img{width:100%;height:100%;object-fit:cover} .prog-badges{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap} .pill{font-size:12px;font-weight:700;padding:6px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;line-height:1} .pill-light{background:#fff;color:var(--text)} .pill-accent{background:var(--accent);color:#fff} .pill-dark{background:var(--ink);color:#fff} .dot{width:7px;height:7px;border-radius:50%;background:#2fa37f;display:inline-block} .prog-body{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1} .prog-where{font-size:13px;color:var(--muted-2)} .prog-title{margin:0!important;font:600 20px/1.25 var(--serif)!important} .prog-title a{color:var(--text);text-decoration:none}.prog-title a:hover{color:var(--accent)} .prog-note{margin:0!important;font-size:14.5px!important;line-height:1.55;color:var(--muted)!important} .prog-typos{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0!important;margin:0!important} .prog-typos li{margin:0!important;font-size:12.5px!important;font-weight:600;color:var(--text-2);background:var(--bg-soft);border:1px solid var(--line);border-radius:8px;padding:4px 8px} .prog-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:auto;padding-top:8px} .prog-foot div{display:flex;flex-direction:column} .prog-foot .muted{font-size:12.5px;color:var(--muted-2)} .prog-foot strong{font-size:21px;letter-spacing:-.01em} .filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:12px;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:16px} .filters label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;font-weight:600;color:var(--text-2)} .filters select{height:42px;border:1px solid #d8dcd8;border-radius:9px;padding:0 10px;background:#fff;font-size:14.5px} .listing-count{font-size:14px;color:var(--muted-2);margin:16px 0 0} .listing-empty{background:#fff;border:1px dashed #cfd4cf;border-radius:16px;padding:28px;text-align:center} .quartier-text{display:none;border-top:1px solid var(--line);margin-top:32px;padding-top:8px} .quartier-text.is-active{display:block} .gallery{margin:0 0 28px;border-radius:18px;overflow:hidden} .gallery img{width:100%;aspect-ratio:16/9;object-fit:cover} .gallery-multi{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:6px;aspect-ratio:16/8} .gallery-multi img{height:100%;aspect-ratio:auto} .gallery-multi img:first-child{grid-row:1/3} .essentiel{border:1px solid var(--line);border-radius:18px;padding:24px 26px;background:var(--bg-softer)} .essentiel h2{margin-top:0!important;font-size:24px!important} .essentiel dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px 24px;margin:0} .essentiel dt{font-size:12.5px;color:var(--muted-2)} .essentiel dd{margin:2px 0 0;font-weight:600;font-size:15px} .essentiel .actions{margin:20px 0 0} /* ---------- formulaires */ .lead-form{display:flex;flex-direction:column;gap:14px} .lead-form .fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px} .form-express .fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))} .lead-form label{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:600;color:var(--text-2)} .lead-form input:not([type=checkbox]),.lead-form select,.lead-form textarea,.sim input[type=number],.sim select{height:48px;border:1px solid #d8dcd8;border-radius:var(--radius-sm);padding:0 14px;font-size:15px;font-weight:400;background:#fff;width:100%} .lead-form textarea{height:auto;padding:12px 14px;resize:vertical} .lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)} .lead-form .consent{flex-direction:row;align-items:flex-start;gap:10px;font-size:12.5px;font-weight:400;color:var(--muted);line-height:1.5} .consent input{margin-top:3px;accent-color:var(--accent);flex-shrink:0;width:16px;height:16px} .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden} .form-perks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} .form-perks span{background:var(--accent-soft);color:var(--accent-dark);border-radius:12px;padding:14px 10px;text-align:center;font-size:13px;font-weight:600;line-height:1.35} .form-msg{margin:0;font-size:14.5px;font-weight:600} .form-msg.ok{color:var(--accent)}.form-msg.err{color:#b3261e} .lead-form.is-sent .fields,.lead-form.is-sent label,.lead-form.is-sent button,.lead-form.is-sent .form-perks{display:none} .lead-form.is-sent .form-msg{font:600 20px/1.4 var(--serif);padding:18px 0} .prose .lead-form{background:var(--bg-softer);border:1px solid var(--line);border-radius:20px;padding:26px;margin:20px 0 32px;max-width:780px} /* ---------- chat */ .chat{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;margin:20px 0 28px;max-width:780px} .chat-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line-soft)} .chat-head div{display:flex;flex-direction:column} .chat-avatar{width:38px;height:38px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0} .chat-status{font-size:12.5px;color:var(--muted-2);display:flex;align-items:center;gap:6px} .chat-body{padding:20px;background:var(--bg-softer)} .chat-body p{font-size:15px!important;margin:0 0 12px!important} .chat-suggest{list-style:none;padding:0!important;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px!important} .chat-suggest li{margin:0!important;font-size:13px!important;font-weight:600;border:1px solid #d6dbd6;background:#fff;border-radius:999px;padding:6px 12px} .chat iframe{display:block;width:100%;height:600px;border:0} .chat.is-open .chat-body{display:none} .drawer{position:fixed;inset:0;z-index:60;display:flex;justify-content:flex-end;background:rgba(21,25,28,.45)} .drawer-panel{width:min(480px,100%);height:100%;background:#fff;display:flex;flex-direction:column;box-shadow:-20px 0 40px rgba(0,0,0,.15)} .drawer-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)} .drawer-close{background:var(--bg-soft);border:0;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:20px;line-height:1} .drawer iframe{flex:1;width:100%;border:0} /* ---------- simulateur */ .sim{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin:24px 0 32px;align-items:start} .sim-form{border:1px solid var(--line);border-radius:18px;padding:26px;background:var(--bg-softer);display:flex;flex-direction:column;gap:22px} .sim fieldset{border:0;margin:0;padding:0;min-width:0} .sim legend,.sim .lbl{font-size:14px;font-weight:600;color:var(--text-2);margin-bottom:8px;padding:0} .sim .lbl{display:flex;justify-content:space-between} .sim .lbl output{font-weight:700;color:var(--text)} .range-field{display:flex;flex-direction:column} .sim input[type=range]{width:100%;accent-color:var(--accent);margin:4px 0} .seg{display:grid;grid-template-columns:repeat(2,1fr);gap:6px} .seg-3{grid-template-columns:repeat(3,1fr)}.seg-4{grid-template-columns:repeat(4,1fr)} .seg label{position:relative} .seg input{position:absolute;opacity:0;inset:0;cursor:pointer} .seg span{display:block;text-align:center;font-size:13.5px;font-weight:600;padding:10px 6px;border-radius:9px;border:1px solid #d6dbd6;background:#fff;color:var(--text-2);cursor:pointer;line-height:1.25} .seg input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff} .seg input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px} .seg input:disabled+span{opacity:.4;cursor:not-allowed} .help{display:block;font-size:12.5px;color:var(--muted-2);margin-top:6px} a.help{color:var(--accent);font-weight:600} .sim-credit summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--text-2)} .sim-credit .fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px} .sim-credit label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;font-weight:600;color:var(--text-2)} .sim-result{border:1px solid var(--line);border-radius:18px;padding:26px;background:#fff;position:sticky;top:90px} .sim-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden} .sim-kpis>div{background:#fff;padding:16px;display:flex;flex-direction:column;gap:2px} .sim-kpis span{font-size:12.5px;color:var(--muted-2)} .sim-kpis strong{font-size:22px;letter-spacing:-.01em} .sim-kpis em{font-style:normal;font-size:12px;color:var(--muted-2)} .sim-kpis .kpi-main strong{color:var(--accent)} .sim-kpis>div:last-child:nth-child(odd){grid-column:1/-1} .sim-plus{background:var(--accent-soft);border-radius:12px;padding:14px 16px;margin-top:14px;font-size:14px;line-height:1.55;color:var(--text)} .sim-read{font-size:14.5px!important;color:var(--text-2);margin:14px 0 0!important;line-height:1.55} .sim-read:empty{display:none} .sim-hyp{margin-top:14px;font-size:13.5px;color:var(--muted)} .sim-hyp summary{cursor:pointer;font-weight:600;color:var(--text-2)} .sim-hyp ul{padding-left:18px;margin:8px 0 0}.sim-hyp li{font-size:13.5px!important;margin:3px 0} .sim .actions{margin:18px 0 6px} .sim-express{grid-template-columns:1fr} .sim-express .sim-result{position:static} /* ---------- pied de page */ .footer{background:var(--ink);color:#b3bbb8;padding:56px 0 110px;font-size:14px} .footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:32px} .footer-brand{display:flex;flex-direction:column;gap:12px} .footer-brand p{margin:0;line-height:1.6} .footer a{color:#b3bbb8;text-decoration:none}.footer a:hover{color:#fff} .footer-brand>a:last-child{color:var(--accent-light)} .footer-col strong{color:#fff;display:block;margin-bottom:10px} .footer-col ul{list-style:none;margin:0;padding:0} .footer-col li{margin:0 0 8px;line-height:1.4} .footer-legal{border-top:1px solid #2c3336;margin:36px 0 0;padding-top:22px;font-size:12px;line-height:1.6;color:#8a9194} .sticky-cta{position:fixed;right:20px;bottom:20px;z-index:40;background:var(--accent);color:#fff;font-weight:700;font-size:14px;padding:14px 20px;border-radius:999px;box-shadow:0 14px 30px -12px rgba(21,25,28,.5);display:flex;align-items:center;gap:8px;text-decoration:none} .sticky-cta:hover{background:var(--ink);color:#fff} .sticky-cta .dot{background:var(--accent-light)} /* ---------- responsive */ @media (max-width:1180px){ .nav-toggle{display:flex} .nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:8px 20px 20px;max-height:calc(100vh - 100px);overflow:auto;box-shadow:var(--shadow)} .nav.is-open{display:flex} .nav>ul{flex-direction:column} .nav>ul>li>a{padding:12px 4px;font-size:16px;border-bottom:1px solid var(--line-soft);border-radius:0} .has-sub>a::after{display:none} .sub{display:block;position:static;box-shadow:none;border:0;padding:0 0 8px 10px;min-width:0} .sub a{padding:7px 4px} .layout{grid-template-columns:1fr;gap:32px} .aside-box{position:static} } @media (max-width:860px){ .hero-grid{grid-template-columns:1fr;gap:32px;padding-top:36px;padding-bottom:40px} .sim{grid-template-columns:1fr} .sim-result{position:static} .footer-grid{grid-template-columns:1fr 1fr} .footer-brand{grid-column:1/-1} } @media (max-width:560px){ body{font-size:15.5px} .wrap{padding-left:16px;padding-right:16px} .topbar{font-size:11.5px} .logo-txt{font-size:15px} .prose p,.prose li{font-size:16px} .stat{border-right:0;border-bottom:1px solid var(--line-soft)} .form-perks{grid-template-columns:1fr} .seg-4{grid-template-columns:repeat(2,1fr)} .seg-3{grid-template-columns:1fr} .sim-credit .fields{grid-template-columns:1fr} .sim-form,.sim-result,.prose .lead-form{padding:18px} .sim-kpis{grid-template-columns:1fr 1fr} .sim-kpis strong{font-size:19px} .gallery-multi{display:block;aspect-ratio:auto} .gallery-multi img:not(:first-child){display:none} .cta-block{padding:22px} .sticky-cta{left:16px;right:16px;bottom:12px;justify-content:center} .footer-grid{grid-template-columns:1fr} .actions .btn{flex:1 1 auto} } /* Maillage du cocon (bloc généré en fin de page) */ .cocon{margin:56px 0 8px;padding:26px 28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-softer)} .prose .cocon h2{margin:0 0 14px;font-size:clamp(21px,2.2vw,25px)} .cocon-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:6px 24px} .cocon-list li{margin:0;padding:0} .cocon-list a{display:block;padding:7px 0;border-bottom:1px solid var(--line-soft);color:var(--text);text-decoration:none;font-weight:500} .cocon-list a:hover{color:var(--accent)} .cocon-up{margin:0 0 12px;font-size:15px;color:var(--muted)} .cocon-up a{font-weight:600} .cocon-others{margin:18px 0 0;font-size:14.5px;color:var(--muted);line-height:1.8} .cocon-pilier{background:none;border:0;padding:0} .cocon .prog-grid{margin-bottom:16px}