:root{--c-p:#1C2128;--c-s:#D4896B;--c-a:#5B8FA8;--c-p-light:#2A3038;--c-p-lighter:#3A414A;--c-s-light:#E0A58C;--c-s-dark:#B87255;--c-a-light:#7AA8BE;--c-a-dark:#4A7A90;--blanc:#FDFBF9;--blanc-casse:#F6F3F0;--gris-clair:#EBE7E3;--gris:#9C9791;--gris-fonce:#5C5852;--trait:#D6D1CB;--ombre:rgba(28,33,40,.07);--t-display:'Merriweather',Georgia,serif;--t:'Lato','Helvetica Neue',sans-serif;--rayon:4px;--rayon-lg:8px;} *,*::before,*::after{box-sizing:border-box;margin:0;} html{scroll-behavior:smooth;font-size:17px;} body{font-family:var(--t);color:var(--c-p);background:var(--blanc);line-height:1.65;-webkit-font-smoothing:antialiased;} img{max-width:100%;height:auto;display:block;} .wrap{max-width:1180px;margin:0 auto;padding:0 24px;} .wrap--narrow{max-width:820px;} .section{padding:clamp(40px,6vw,72px) 0;} .section--alt{background:var(--blanc-casse);} .section--dark{background:var(--c-p);color:var(--blanc);} h1,.h1{font-family:var(--t-display);font-weight:700;font-size:clamp(2rem,4.5vw,3rem);line-height:1.18;color:var(--c-p);} h2,.h2{font-family:var(--t-display);font-weight:700;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.25;color:var(--c-p);} h3,.h3{font-family:var(--t-display);font-weight:700;font-size:1.2rem;line-height:1.35;color:var(--c-p);} h4{font-weight:700;font-size:1.05rem;} .lede{font-size:clamp(1.08rem,1.5vw,1.22rem);color:var(--gris-fonce);line-height:1.55;} .eyebrow{font-family:var(--t);font-weight:700;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--c-s);} .plain{font-size:.93rem;color:var(--gris);} .btn{display:inline-block;padding:13px 28px;font-family:var(--t);font-weight:700;font-size:.93rem;border-radius:var(--rayon);text-decoration:none;cursor:pointer;border:2px solid transparent;transition:all .2s;text-align:center;line-height:1.3;} .btn--primary{background:var(--c-s);color:#fff;border-color:var(--c-s);} .btn--primary:hover{background:var(--c-s-dark);border-color:var(--c-s-dark);} .btn--secondary{background:transparent;color:var(--c-s);border-color:var(--c-s);} .btn--secondary:hover{background:var(--c-s);color:#fff;} .btn--dark{background:var(--c-p);color:#fff;border-color:var(--c-p);} .btn--dark:hover{background:var(--c-p-light);} .btn--large{padding:16px 36px;font-size:1rem;} .btn--outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.35);} .btn--outline:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.6);} .header{position:sticky;top:0;z-index:100;background:var(--c-p);border-bottom:1px solid rgba(255,255,255,.12);} .header__inner{display:flex;align-items:center;justify-content:space-between;padding:10px 0;} .header__logo{display:flex;align-items:center;gap:10px;text-decoration:none;} .logo__icon{font-size:1.4rem;color:var(--c-s);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:2px solid var(--c-s);border-radius:50%;} .logo__text{font-family:var(--t-display);font-weight:700;font-size:1.05rem;color:#fff;} .header__badge{font-size:.7rem;font-weight:700;background:var(--c-a);color:#fff;padding:3px 10px;border-radius:20px;} .header__right{display:flex;align-items:center;gap:14px;} .nav{display:flex;gap:6px;} .nav a{text-decoration:none;color:var(--c-p);font-weight:600;font-size:.91rem;padding:6px 12px;border-radius:var(--rayon);transition:all .2s;} .nav a{color:rgba(255,255,255,.85);} .nav a:hover,.nav a.active{background:rgba(255,255,255,.1);color:#fff;} .nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px;} .nav-toggle span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:all .2s;} .nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px);} .nav-toggle.active span:nth-child(2){opacity:0;} .nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);} @media (max-width:860px){.header__right{position:fixed;top:59px;left:0;right:0;bottom:0;background:var(--c-p);flex-direction:column;padding:32px 24px;gap:8px;transform:translateX(100%);transition:transform .3s;} .header__right.open{transform:translateX(0);} .nav{flex-direction:column;width:100%;} .nav a{font-size:1.05rem;padding:12px 16px;border-radius:var(--rayon);} .nav-toggle{display:flex;} .header .btn--primary{width:100%;margin-top:12px;}} .hero{position:relative;padding:clamp(46px,7vw,86px) 0 clamp(34px,5vw,58px);overflow:hidden;background:var(--c-p);} .hero .hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.15;z-index:0;} .hero .hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(135deg,rgba(28,33,40,.94) 0%,rgba(28,33,40,.72) 50%,rgba(28,33,40,.88) 100%);} .hero .wrap{position:relative;z-index:2;} .hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,4vw,48px);align-items:start;} .hero h1{color:#fff;max-width:18ch;} .hero .lede{color:rgba(255,255,255,.85);margin-top:12px;} .hero .eyebrow{color:var(--c-s-light);} .hero .plain{color:rgba(255,255,255,.7);margin-top:8px;} .hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;} .hero-form-wrap{background:var(--blanc);border-radius:var(--rayon-lg);padding:22px 24px;box-shadow:0 4px 32px rgba(0,0,0,.22);} .hero-form-wrap h3{font-family:var(--t);font-size:1rem;margin-bottom:12px;color:var(--c-p);} .hero-form input,.hero-form select{width:100%;padding:11px 12px;border:1px solid var(--trait);border-radius:var(--rayon);font-family:var(--t);font-size:1rem;margin-bottom:9px;background:var(--blanc);} .hero-form input:focus,.hero-form select:focus{outline:none;border-color:var(--c-s);box-shadow:0 0 0 2px rgba(212,137,107,.15);} .hero-form .btn{width:100%;text-align:center;margin-top:4px;} .hero-form .rgpd-check,.rgpd-label{font-size:.95rem;color:var(--gris-fonce);display:flex;align-items:flex-start;gap:10px;margin:10px 0;cursor:pointer;} .rgpd-check input[type="checkbox"],.rgpd-label input[type="checkbox"]{width:22px;height:22px;min-width:22px;margin:2px 0 0 0;flex:none;accent-color:var(--c-s);} .hero-form .rgpd-label input,.hero-form .rgpd-check input{width:22px;margin:2px 0 0 0;} @media (max-width:800px){.hero-grid{grid-template-columns:1fr;} .hero-form-wrap{max-width:440px;}} .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;} .card{background:#fff;border-radius:var(--rayon-lg);padding:24px;border:1px solid var(--trait);transition:box-shadow .2s;} .card h2{font-size:1.1rem;line-height:1.4;margin:0 0 10px;overflow-wrap:break-word;} .card:hover{box-shadow:0 4px 20px var(--ombre);} .card-icon{font-size:1.6rem;margin-bottom:10px;color:var(--c-s);} .card-img{height:160px;object-fit:cover;border-radius:var(--rayon) var(--rayon) 0 0;margin:-24px -24px 16px -24px;width:calc(100% + 48px);} .card h3{margin-bottom:6px;} .card p{font-size:.93rem;color:var(--gris-fonce);line-height:1.55;} .card a{color:var(--c-s);text-decoration:none;font-weight:700;font-size:.91rem;} .card a:hover{text-decoration:underline;} .key-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:center;} .key-num{padding:20px 12px;} .key-num__value{font-family:var(--t-display);font-size:2.6rem;font-weight:700;color:var(--c-s);line-height:1.1;} .key-num__label{font-size:.88rem;color:var(--gris);margin-top:6px;} @media (max-width:640px){.key-numbers{grid-template-columns:repeat(2,1fr);}} .cookie-btns{display:flex;gap:10px;flex-wrap:wrap;align-items:center;} #mobile-cta{display:none;position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--c-s);color:#fff;text-align:center;padding:12px 16px;min-height:44px;font-weight:700;text-decoration:none;font-size:.95rem;box-shadow:0 -2px 10px rgba(0,0,0,.18);} #mobile-cta:hover{color:#fff;background:var(--c-s-dark,#B87255);} @media (max-width:640px){#mobile-cta{display:block;} body{padding-bottom:48px;}} .article-body p,article p,.presta-subsection__content p{text-align:justify;hyphens:auto;-webkit-hyphens:auto;line-height:1.8;} .article-body li,article li,.presta-subsection__content li{line-height:1.8;} article p{margin:0 0 18px;} article h2{margin:44px 0 16px;} article h3{margin:30px 0 12px;} article ul,article ol{margin:0 0 20px 26px;} article li{margin-bottom:8px;} .article-body a,article a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(127,127,127,.35);} .faq-answer p{text-align:left;hyphens:none;-webkit-hyphens:none;} .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;} .step{text-align:center;padding:20px 14px;background:#fff;border-radius:var(--rayon-lg);border:1px solid var(--trait);} .step__num{width:44px;height:44px;border-radius:50%;background:var(--c-s);color:#fff;font-family:var(--t-display);font-weight:700;font-size:1.2rem;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;} .step h4{margin-bottom:4px;} .step p{font-size:.85rem;color:var(--gris-fonce);} .presta-subsection{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start;margin-bottom:28px;} .presta-subsection__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;background:var(--blanc-casse);border-radius:var(--rayon);color:var(--c-s);} .presta-subsection__content h3{margin-bottom:4px;} .presta-subsection__content p{color:var(--gris-fonce);font-size:.95rem;} .section-img{max-width:720px;margin:16px auto 32px;border-radius:var(--rayon-lg);overflow:hidden;} .section-img img{width:100%;height:auto;} .situations{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;} .situation{background:var(--blanc-casse);padding:24px;border-radius:var(--rayon-lg);border-left:4px solid var(--c-s);} .situation h4{margin-bottom:6px;} .situation p{font-size:.91rem;color:var(--gris-fonce);} .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;} .why-card{background:#fff;padding:24px;border-radius:var(--rayon-lg);border:1px solid var(--trait);text-align:center;} .why-card__icon{font-size:2rem;margin-bottom:10px;} .why-card h4{margin-bottom:6px;} .why-card p{font-size:.91rem;color:var(--gris-fonce);line-height:1.55;} @media (max-width:700px){.why-grid{grid-template-columns:1fr;}} .breadcrumb{padding:16px 0;font-size:.85rem;color:var(--gris);} .breadcrumb a{color:var(--c-s);text-decoration:none;} .breadcrumb a:hover{text-decoration:underline;} .breadcrumb span{color:var(--gris-fonce);} .article-header{padding:clamp(32px,5vw,56px) 0 8px;} .article-header .eyebrow{margin-bottom:8px;} .article-header h1{max-width:20ch;} .article-meta{font-size:.85rem;color:var(--gris);margin-top:8px;} .article-lead-img{margin:20px 0 28px;border-radius:var(--rayon-lg);overflow:hidden;} .article-body{max-width:760px;margin:0 auto;} .article-body p{margin-bottom:16px;font-size:.98rem;color:var(--c-p);} .article-body h2{margin:48px 0 16px;} .article-body h3{margin:24px 0 8px;} .article-body ul,.article-body ol{margin:0 0 16px 24px;} .article-body li{margin-bottom:6px;font-size:.95rem;} .article-body blockquote{border-left:4px solid var(--c-s);padding:12px 20px;margin:20px 0;background:var(--blanc-casse);border-radius:0 var(--rayon) var(--rayon) 0;font-style:italic;color:var(--gris-fonce);} .faq-list{max-width:800px;margin:0 auto;} .faq-item{border-bottom:1px solid var(--trait);padding:16px 0;} .faq-item summary{font-weight:700;color:var(--c-p);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:.98rem;list-style:none;min-height:44px;} .faq-item summary::-webkit-details-marker{display:none;} .faq-item summary::after{content:'+';font-size:1.3rem;color:var(--c-s);font-weight:400;transition:transform .2s;} .faq-item[open] summary::after{transform:rotate(45deg);} .faq-answer{padding-top:10px;font-size:.93rem;color:var(--gris-fonce);} details .faq-answer{display:none;} details[open] .faq-answer{display:block;} .sim-hero{padding:40px 0 32px;background:var(--blanc-casse);} .sim-progress{display:flex;gap:4px;margin-bottom:24px;} .sim-progress span{height:4px;flex:1;background:var(--trait);border-radius:2px;transition:background .3s;} .sim-progress span.done{background:var(--c-s);} .sim-step{display:none;animation:fadeIn .3s;} .sim-step.active{display:block;} .sim-step h3{margin-bottom:16px;} .sim-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;} .sim-opt{padding:16px;border:2px solid var(--trait);border-radius:var(--rayon-lg);cursor:pointer;text-align:center;transition:all .2s;font-weight:600;} .sim-opt:hover{border-color:var(--c-s);background:rgba(212,137,107,.05);} .sim-opt.selected{border-color:var(--c-s);background:rgba(212,137,107,.1);} .sim-nav{display:flex;justify-content:space-between;margin-top:24px;} .sim-result{display:none;} .sim-result.show{display:block;animation:fadeIn .4s;} .sim-result__price{font-family:var(--t-display);font-size:2.8rem;color:var(--c-s);font-weight:700;} .sim-result__range{font-size:1.1rem;color:var(--gris-fonce);margin:8px 0 16px;} @keyframes fadeIn{from{opacity:0;transform:translateY(8px);} to{opacity:1;transform:translateY(0);}} .city-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;} .city-card{display:block;background:#fff;border:1px solid var(--trait);border-radius:var(--rayon-lg);padding:20px;text-decoration:none;transition:all .2s;} .city-card:hover{border-color:var(--c-s);box-shadow:0 4px 16px var(--ombre);} .city-card h4{color:var(--c-p);margin-bottom:4px;} .city-card p{font-size:.85rem;color:var(--gris-fonce);} .footer{background:var(--c-p);color:rgba(255,255,255,.75);padding:clamp(36px,5vw,56px) 0 24px;} .footer__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;} .footer__col h4{color:#fff;margin-bottom:12px;font-size:.88rem;letter-spacing:.06em;text-transform:uppercase;} .footer__col a,.footer__col li{color:rgba(255,255,255,.7);text-decoration:none;font-size:.88rem;display:block;margin-bottom:7px;transition:color .2s;} .footer__col a:hover{color:var(--c-s-light);} .footer__col ul{list-style:none;padding:0;} .footer__legal{margin-top:32px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);font-size:.8rem;text-align:center;color:rgba(255,255,255,.45);} .footer__legal a{color:rgba(255,255,255,.55);} @media (max-width:760px){.footer__grid{grid-template-columns:repeat(2,1fr);}} @media (max-width:440px){.footer__grid{grid-template-columns:1fr;}} .cta-block{max-width:860px;margin:2.5em auto 40px;background:var(--c-p);color:#fff;border-radius:var(--rayon-lg);padding:clamp(22px,3vw,32px) clamp(24px,4vw,44px);text-align:center;} .cta-block h2,.cta-block h3{color:#fff;margin-top:0;margin-bottom:8px;} .cta-block .lede,.cta-block p{color:rgba(255,255,255,.9);max-width:620px;margin:.4em auto 0;text-align:center;} .cta-block .btn{margin-top:1.2em;} .cta-block .btn--primary{background:var(--c-s-dark);border-color:var(--c-s-dark);color:#fff;} .cta-block .btn--primary:hover{background:#A6644B;border-color:#A6644B;} .notice{background:rgba(91,143,168,.1);border:1px solid rgba(91,143,168,.3);border-radius:var(--rayon-lg);padding:16px 20px;font-size:.93rem;margin:16px 0;} .notice strong{color:var(--c-a-dark);} .reg-timeline{position:relative;padding-left:32px;} .reg-timeline::before{content:'';position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:var(--c-s);border-radius:1px;} .reg-step{position:relative;margin-bottom:24px;} .reg-step::before{content:'';position:absolute;left:-28px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--c-s);border:3px solid var(--blanc);box-shadow:0 0 0 2px var(--c-s);} .reg-step h3{margin-bottom:4px;} .reg-step p{color:var(--gris-fonce);} .admin-table{width:100%;border-collapse:collapse;font-size:.88rem;} .admin-table th{background:var(--c-p);color:#fff;padding:10px 12px;text-align:left;font-weight:600;} .admin-table td{padding:10px 12px;border-bottom:1px solid var(--trait);} .admin-table tr:hover td{background:var(--blanc-casse);} .map-wrap{border-radius:var(--rayon-lg);overflow:hidden;margin-top:16px;} p,li{text-align:justify;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto;} .hero p,.hero .lede,.hero .plain,.card p,.card a,.cta-block p,#cookie-banner p,.footer p,.footer__legal p,.key-num__label,.breadcrumb,.breadcrumb a,.breadcrumb span,.article-meta,.eyebrow,.sim-opt,.blog-date,.article-lead-img,figure{text-align:left;} .cta-block p{text-align:center;} input:not([type=checkbox]):not([type=submit]):not([type=button]),select,textarea{font-size:16px;min-height:44px;} .table-wrap{overflow-x:auto;} .table-wrap table{min-width:420px;} .faq{max-width:800px;} .blog-date{font-size:.8rem;color:var(--gris);} @media (max-width:640px){.header__badge{display:none;} .logo__text{font-size:.85rem;} .wrap{padding:0 16px;} .footer__col a{padding:9px 0;margin-bottom:0;} #cookie-banner{padding:12px 16px !important;} #cookie-banner .wrap{flex-direction:column;align-items:stretch;gap:10px;} #cookie-banner p{min-width:0 !important;} #cookie-banner div,#cookie-banner .cookie-btns{width:100%;} #cookie-banner .btn{flex:1;}} input:not([type=checkbox]):not([type=submit]):not([type=button]),select,textarea{font-size:16px;} .hero-form input,.hero-form select,.hero-form .rgpd-label input[type="checkbox"]{font-size:16px;} .hero-form .rgpd-label input[type="checkbox"]{width:auto;min-height:18px;height:18px;padding:0;margin:4px 0 0;border:none;background:transparent;appearance:auto;-webkit-appearance:checkbox;flex:none;} button{min-height:44px;} #navToggle{min-height:0;min-width:0;} .section-img{max-width:min(720px,100%);} .hero-form-wrap .form-title{font-family:var(--t);font-weight:600;font-size:.95rem;margin-bottom:12px;color:var(--c-p);} @media (max-width:640px){.header__badge{display:none;} .logo__text{font-size:.85rem;} .wrap{padding:0 16px;} .footer__col a{display:inline-block;padding:12px 0;} #cookie-banner{flex-direction:column;align-items:stretch;gap:10px;max-height:34vh;overflow-y:auto;} #cookie-banner p{font-size:.78rem;line-height:1.5;max-height:5.4em;overflow-y:auto;} #cookie-banner .btn{flex:1;}} .article-hero{margin:20px 0 28px;border-radius:var(--rayon-lg);overflow:hidden;width:75%;max-width:75%;margin-left:auto;margin-right:auto} .article-hero img{width:100%;height:auto;display:block;border-radius:var(--rayon-lg);} h2{margin:48px 0 16px;} .article-hero{display:block;width:75%;max-width:75%;height:auto;margin:0 auto 24px;border-radius:var(--rayon-lg);} .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;} .table-wrap > table{margin-top:0;} article.papier{max-width:760px;margin-left:auto;margin-right:auto;} .article-body{margin-left:auto;margin-right:auto;} .footer__grid{grid-template-columns:1fr;} @media (min-width:480px){.footer__grid{grid-template-columns:repeat(2,1fr);}} @media (min-width:1024px){.footer__grid{grid-template-columns:repeat(4,1fr);}} .hp,input[name="site_web"]{position:absolute !important;left:-9999px !important;top:-9999px !important;width:1px !important;height:1px !important;opacity:0 !important;overflow:hidden !important;pointer-events:none !important;} .blog-section{line-height:1.8;margin-top:40px;padding-top:24px;border-top:1px solid #ddd;} .article-body img,.prose img{display:block;width:75%;max-width:75%;margin:1.5em auto;border-radius:var(--r,6px);} .suite{background:var(--blanc-02,#f5f2ec);border-radius:var(--r,6px);padding:24px 28px;margin-top:2em;} .suite h3{margin-top:0;} .suite ul{list-style:none;padding:0;margin:0;} .suite li{display:block;margin-bottom:9px;} .cf-turnstile{margin:4px 0 10px}