* { margin:0; padding:0; box-sizing:border-box; }
        html { scroll-behavior:smooth; }
        body { font-family:'Inter',sans-serif; line-height:1.68; color:var(--dark); background:var(--light); }
        .container { max-width:1200px; margin:0 auto; padding:0 20px; }
        header { background:#fff; padding:20px 0; box-shadow:0 2px 15px rgba(0,0,0,.06); position:fixed; width:100%; top:0; z-index:1000; }
        nav { display:flex; justify-content:space-between; align-items:center; }
        .logo { font-size:2.5rem; font-weight:700; letter-spacing:-.03em; color:var(--primary); text-decoration:none; white-space:nowrap; }
        .logo .point { color:var(--accent); }
        .nav-links { display:flex; list-style:none; gap:22px; }
        .nav-links a { text-decoration:none; color:#6d7b89; font-weight:500; font-size:.86rem; white-space:nowrap; }
        .nav-links a:hover,.nav-links a.active { color:var(--primary); }
        .header-tel { color:var(--primary); font-weight:700; font-size:1rem; text-decoration:none; border:2px solid var(--primary); border-radius:50px; padding:6px 16px; white-space:nowrap; }
        .hamburger-menu { display:none; cursor:pointer; background:none; border:0; z-index:1001; }
        .hamburger-menu .bar { display:block; width:25px; height:3px; margin:5px auto; background:var(--dark); transition:var(--transition); }
        .article-section { padding:120px 0 80px; margin-top:85px; }
        .article-content { max-width:820px; margin:0 auto; }
        .article-content h1 { font-size:2.4rem; line-height:1.22; text-align:center; margin-bottom:18px; }
        .article-meta-top { text-align:center; color:#7F8C8D; font-size:.9rem; margin-bottom:30px; }
        .article-content h2 { font-size:1.72rem; line-height:1.3; margin:45px 0 16px; border-left:5px solid var(--primary); padding-left:20px; }
        .article-content h3 { font-size:1.18rem; margin:20px 0 8px; color:var(--primary); }
        .article-content p { font-size:1.08rem; color:var(--gray); margin-bottom:20px; }
        .article-content a { color:#b9580d; text-decoration-thickness:1px; text-underline-offset:3px; }
        .article-content ul,.article-content ol { margin:0 0 22px 24px; }
        .article-content li { font-size:1.06rem; color:var(--gray); margin-bottom:12px; padding-left:5px; }
        .article-content table { width:100%; border-collapse:collapse; margin:24px 0; }
        .article-content th,.article-content td { border:1px solid #d9e0e6; padding:12px 14px; text-align:left; vertical-align:top; }
        .article-content th { background:var(--primary); color:#fff; }
        .article-content td { background:#fff; color:var(--gray); }
        .article-content hr { border:0; border-top:1px solid #dee2e6; margin:40px 0; }
        .highlight-box,.warning-box,.expert-box { border-radius:0 10px 10px 0; padding:22px 26px; margin:26px 0; }
        .highlight-box { background:#edf3f7; border-left:4px solid var(--primary); }
        .warning-box { background:#fff6ed; border-left:4px solid var(--accent); }
        .example-box { background:linear-gradient(135deg,#f8f9fa,#e9ecef); border-radius:10px; padding:25px 30px; margin:28px 0; box-shadow:var(--shadow); }
        .expert-box { background:linear-gradient(135deg,#edf3f7,#e3eaf0); border-left:4px solid var(--accent); box-shadow:var(--shadow); }
        .highlight-box p:last-child,.warning-box p:last-child,.example-box p:last-child,.expert-box p:last-child { margin-bottom:0; }
        .faq-section { margin-top:20px; }
        .faq-item { background:#fff; border-radius:10px; padding:22px 25px; margin-bottom:18px; box-shadow:var(--shadow); }
        .faq-item h3 { margin-top:0; }
        .cta-wrap { text-align:center; margin-top:40px; }
        .cta-button { display:inline-block; background:var(--accent); color:#fff!important; padding:14px 28px; margin:8px; font-weight:600; text-decoration:none!important; border-radius:10px; box-shadow:0 8px 25px rgba(44,62,80,.2); }
        .cta-button.secondary { background:var(--primary); }
        .sources { font-size:.88rem; color:#7b8793; margin-top:48px; padding-top:20px; border-top:1px solid #dce2e7; }
        .sources p,.sources li { font-size:.88rem; }
        footer { background:var(--secondary); color:#fff; padding:55px 0 32px; text-align:center; }
        .main-logo-footer { font-size:1.95rem; font-weight:700; }
        .sub-logo-footer { font-size:.75rem; color:rgba(255,255,255,.8); margin-top:5px; }
        .social-links { margin:20px 0; }
        .social-links svg { width:22px; fill:#fff; }
        .footer-bottom { border-top:1px solid #52667a; padding-top:20px; color:#b4c0cb; font-size:.85rem; }
        .footer-bottom a,footer a { color:#d4dce4; }
        @media (max-width:1100px) { .header-tel { display:none; } }
        @media (max-width:768px) {
            header { padding:16px 0; }
            .logo { font-size:1.65rem; }
            .article-section { padding:90px 0 55px; margin-top:64px; }
            .article-content h1 { font-size:1.8rem; }
            .article-content h2 { font-size:1.38rem; }
            .nav-links { position:fixed; right:-100%; top:0; height:100%; width:100%; flex-direction:column; background:rgba(255,255,255,.98); justify-content:center; align-items:center; transition:right .4s; gap:26px; }
            .nav-links.active { right:0; }
            .nav-links a { font-size:1.25rem; }
            .hamburger-menu { display:block; }
            .hamburger-menu.active .bar:nth-child(2) { opacity:0; }
            .hamburger-menu.active .bar:nth-child(1) { transform:translateY(8px) rotate(45deg); }
            .hamburger-menu.active .bar:nth-child(3) { transform:translateY(-8px) rotate(-45deg); }
            .article-content table { display:block; overflow-x:auto; }
            .cta-button { display:block; }
        }
/* Charte éditoriale unique — presse économique */
:root {
  --secondary:#11283f;
  --accent-bright:#9b1731;
  --surface:#fff;
  --light:#f5f2ec;
  --dark:#171717;
  --gray:#5d6065;
  --muted:#5d6065;
  --green:#346244;
  --shadow:none;
  --shadow-hover:none;
  --transition:color .2s ease,background-color .2s ease,border-color .2s ease;
}
*{box-sizing:border-box}
html{scroll-padding-top:92px}
body{color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased}
.container{width:100%;max-width:1240px;margin-inline:auto;padding-inline:28px}
a{color:var(--accent);text-underline-offset:.18em}

/* En-tête */
header{position:sticky;top:0;z-index:1000;width:100%;padding:0;background:rgba(255,255,255,.98);border:0;border-top:5px solid var(--accent);border-bottom:1px solid var(--line);box-shadow:none}
header .container{width:100%;max-width:1440px!important;margin-inline:auto;padding-inline:28px}
header nav{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:26px;flex-wrap:nowrap}
.logo,.main-logo-footer{flex-shrink:0;color:var(--primary-dark);background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:initial;font-family:Georgia,"Times New Roman",serif;font-size:2rem;font-weight:700;line-height:1;letter-spacing:-.045em;text-decoration:none;white-space:nowrap}
.logo .point,.point,.main-logo-footer .point{color:var(--accent-bright);-webkit-text-fill-color:var(--accent-bright)}
.nav-links{display:flex;align-items:stretch;gap:0;margin:0;padding:0;list-style:none}
.nav-links li{display:flex;margin:0}
.nav-links a{display:flex;align-items:center;padding:10px 12px;color:#3f4348;border-bottom:3px solid transparent;font-size:.79rem;font-weight:700;letter-spacing:.01em;line-height:1.25;text-decoration:none;white-space:nowrap}
.nav-links a:hover,.nav-links a:focus-visible,.nav-links a.active{color:var(--accent)!important;border-bottom-color:var(--accent);text-decoration:none}
.nav-links a[style*="#E67E22"],.nav-links a[style*="#a54b12"]{color:var(--accent)!important}
.header-tel{display:inline-flex;align-items:center;min-height:40px;padding:8px 13px;color:var(--primary);background:transparent;border:1px solid var(--primary);border-radius:2px;font-size:.86rem;font-weight:800;text-decoration:none;white-space:nowrap}
.header-tel:hover{color:#fff;background:var(--primary);text-decoration:none}
.hamburger-menu{min-width:44px;min-height:44px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:0;box-shadow:none}
.hamburger-menu .bar{display:block;width:25px;height:2px;margin:5px auto;padding:0;background:var(--primary-dark)}

/* Typographie */
h1,h2,h3,h4,.article-title,.article-subheading,.callout-title{color:var(--primary-dark);font-family:Georgia,"Times New Roman",serif;letter-spacing:-.025em}
p,li{color:#4d5054}
.cta-button,button:not(.hamburger-menu){min-height:44px;padding:12px 20px;color:#fff!important;background:var(--accent);border:1px solid var(--accent);border-radius:2px;box-shadow:none;font-family:Arial,Helvetica,sans-serif;font-size:.92rem;font-weight:800;letter-spacing:.01em;text-decoration:none!important}
.cta-button:hover,button:not(.hamburger-menu):hover{color:#fff;background:var(--primary-dark);border-color:var(--primary-dark);box-shadow:none;transform:none}
.cta-button.secondary{background:var(--primary)}

/* Articles */
.article-section{margin-top:0;padding:68px 0 82px;background:var(--paper)}
.article-content{max-width:860px;margin:0 auto}
.article-content h1,.article-title{margin:0 0 18px;padding:0;color:var(--primary-dark);font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.5rem,5vw,4.65rem);font-weight:700;line-height:1.03;letter-spacing:-.045em;text-align:left}
.article-content h1::before,.article-title::before{content:"";display:block;width:76px;margin-bottom:21px;border-top:6px solid var(--accent)}
.article-meta-top{margin:0 0 38px;padding-bottom:16px;color:#74777b;border-bottom:1px solid var(--line);font-size:.76rem;font-weight:700;letter-spacing:.055em;text-align:left;text-transform:uppercase}
.article-content p,.article-text{color:#474a4e;font-family:Georgia,"Times New Roman",serif;font-size:1.08rem;line-height:1.76}
.article-content h2,.article-subheading{display:block;margin:48px 0 18px;padding:16px 0 0;color:var(--primary-dark);border:0;border-top:1px solid var(--line);font-size:clamp(1.7rem,3vw,2.25rem);line-height:1.18}
.article-content h3{margin:27px 0 11px;color:var(--accent);font-size:1.38rem;line-height:1.25}
.article-content ul,.article-content ol,.article-list{margin:0 0 25px 25px}
.article-content li,.article-list li{color:#474a4e;font-family:Georgia,"Times New Roman",serif;font-size:1.05rem;line-height:1.68}
.article-content hr{margin:42px 0;border:0;border-top:1px solid var(--line)}
.article-content table{width:100%;margin:26px 0;border-collapse:collapse;font-family:Arial,Helvetica,sans-serif;font-size:.9rem}
.article-content th,.article-content td{padding:12px 14px;border:1px solid var(--line);text-align:left;vertical-align:top}
.article-content th{color:#fff;background:var(--primary)}
.article-content td{color:#44484c;background:#fff}
.highlight-box,.warning-box,.expert-box,.example-box,.highlight,.expert-block,.callout{margin:28px 0;padding:23px 26px;background:#fff;border:1px solid var(--line);border-left:5px solid var(--accent);border-radius:0;box-shadow:none}
.highlight-box,.highlight,.expert-block{background:#f1f4f6;border-left-color:var(--primary)}
.warning-box{background:#f6f1f2}
.example-box{background:#fff}
.expert-box,.callout{background:#f4f2ed}
.callout h2,.callout-title{margin:0 0 10px;padding:0;border:0;color:var(--accent);font-size:1.35rem}
.highlight-box p:last-child,.warning-box p:last-child,.expert-box p:last-child,.example-box p:last-child,.highlight p:last-child,.expert-block p:last-child,.callout p:last-child{margin-bottom:0}
.faq-section{margin-top:48px;padding-top:8px;border-top:5px solid var(--accent)}
.faq-item{margin:0;padding:23px 0;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none}
.faq-item h3{margin:0 0 9px;color:var(--primary-dark)}
.sources{margin-top:50px;padding-top:20px;color:#74777b;border-top:1px solid var(--line);font-size:.86rem}
.sources p,.sources li{color:#74777b;font-family:Arial,Helvetica,sans-serif;font-size:.86rem}
.cta-wrap,.cta-box{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);text-align:left}

/* Page renégociation */
.page-renegociation .hero{margin-top:0;padding:70px 0 64px;color:var(--ink);background:#fff;border:0;border-bottom:1px solid var(--line);text-align:left}
.page-renegociation .hero .container{max-width:1240px}
.page-renegociation .hero h1{max-width:900px;margin:0 0 22px;color:var(--primary-dark);font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.7rem,5vw,4.8rem);font-weight:700;line-height:1.02;letter-spacing:-.045em}
.page-renegociation .hero h1::before{content:"";display:block;width:76px;margin-bottom:21px;border-top:6px solid var(--accent)}
.page-renegociation .hero .sub{max-width:780px;margin:0 0 22px;color:var(--gray);font-size:1.08rem;line-height:1.72}
.page-renegociation .hero .urgence{display:inline-block;margin:0 0 22px;padding:8px 12px;color:var(--accent);background:#f6f1f2;border:1px solid #dec8cd;border-radius:0;box-shadow:none;font-size:.77rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.page-renegociation .hero .cta-button{margin:6px 0 0;padding:14px 23px;border-radius:2px;box-shadow:none}
.page-renegociation .hero .preuve-sociale{justify-content:flex-start;gap:18px 35px;margin-top:25px;color:#555a5f;font-size:.88rem}
.sim-section,.contact-section,.faq-section{margin:0;padding:72px 0;background:var(--paper)}
.sim-section:nth-of-type(even),.faq-section{background:#fff}
.sim-card,.form-box,.steps-block,.conditions-block{max-width:980px;margin-inline:auto;padding:34px;background:#fff;border:1px solid var(--line);border-radius:0;box-shadow:none}
.sim-section h2,.contact-section h2,.faq-section>div>h2,.content h2{position:relative;margin:0 0 28px;padding-top:17px;color:var(--primary-dark);font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.9rem,3.3vw,3rem);line-height:1.12;text-align:left}
.sim-section h2::before,.contact-section h2::before,.faq-section>div>h2::before,.content h2::before{content:"";position:absolute;top:0;left:0;width:68px;border-top:5px solid var(--accent)}
.sim-grid,.qr-grid,.steps-grid,.conditions-grid{gap:0;border:solid var(--line);border-width:1px 0 0 1px}
.sim-grid>*,.qr-grid>*,.steps-grid>*,.conditions-grid>*{padding:23px;background:#fff;border:solid var(--line);border-width:0 1px 1px 0;border-radius:0;box-shadow:none}
.sim-desc,.desc,.small{color:var(--gray)}
.page-renegociation input:not([type=checkbox]):not([type=radio]),.page-renegociation select,.page-renegociation textarea{width:100%;min-height:46px;padding:11px 13px;color:var(--ink);background:#fff;border:1px solid #99958e;border-radius:0;box-shadow:none;font-family:Arial,Helvetica,sans-serif}
.page-renegociation input:focus,.page-renegociation select:focus,.page-renegociation textarea:focus{outline:2px solid rgba(17,40,63,.18);border-color:var(--primary);box-shadow:none}
.page-renegociation label{color:#303338;font-weight:800}
.qr-item,.cond-item,.step{border-radius:0;box-shadow:none}
.sticky-btn{border-radius:0;box-shadow:none}

/* Pied de page */
footer{padding:52px 0 30px;color:#fff;background:var(--primary-dark);border-top:8px solid var(--accent);text-align:center}
.main-logo-footer{color:#fff;-webkit-text-fill-color:#fff}
.main-logo-footer .point{color:#d74a65;-webkit-text-fill-color:#d74a65}
.sub-logo-footer,footer p{color:#d5d9dd}
.sub-logo-footer{margin-top:7px;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase}
.social-links{margin:23px 0 17px}
.social-links a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:#fff;background:transparent;border:1px solid #77828d;border-radius:0}
.social-links a:hover{background:var(--accent);transform:none}
.social-links svg{width:19px;height:19px;fill:currentColor}
.footer-contact a,.footer-bottom a,footer a{color:#d5d9dd}
.footer-bottom{border-top-color:#3a4d60}

:focus-visible{outline:3px solid #155aa0;outline-offset:3px}

@media(max-width:1400px){
  .header-tel{display:none}
  .hamburger-menu{display:block;flex-shrink:0}
  .nav-links{display:none;position:absolute;top:100%;right:0;left:0;width:100%;height:auto;max-height:76vh;padding:18px 5% 23px;overflow-y:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;background:#fff;border-top:1px solid var(--line);border-bottom:5px solid var(--accent);box-shadow:none}
  .nav-links.active{display:grid;right:0}
  .nav-links li{display:block}
  .nav-links a{display:block;min-height:44px;padding:11px 8px;border-bottom:1px solid #ece8e1;font-size:.96rem}
}

@media(max-width:768px){
  html{scroll-padding-top:76px}
  .container,header .container{padding-inline:18px}
  header nav{min-height:70px}
  .logo,.main-logo-footer{font-size:1.65rem}
  .nav-links{grid-template-columns:1fr}
  .article-section{padding:45px 0 62px}
  .article-content h1,.article-title{font-size:2.35rem}
  .article-content h2,.article-subheading{font-size:1.65rem}
  .article-content table{display:block;overflow-x:auto}
  .highlight-box,.warning-box,.expert-box,.example-box,.highlight,.expert-block,.callout{padding:20px 17px}
  .page-renegociation .hero{padding:48px 0}
  .page-renegociation .hero h1{font-size:2.45rem}
  .page-renegociation .hero .preuve-sociale{display:grid;grid-template-columns:1fr;gap:8px}
  .sim-section,.contact-section,.faq-section{padding:56px 0}
  .sim-card,.form-box,.steps-block,.conditions-block{padding:23px 18px}
  .sim-grid,.qr-grid,.steps-grid,.conditions-grid{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}