* { margin: 0; padding: 0; box-sizing: border-box; }
        html { scroll-behavior: smooth; }
        body { font-family: 'Inter', sans-serif; line-height: 1.6; 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,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: -0.03em; background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-decoration: none; }
        .logo .point { color: var(--accent); -webkit-text-fill-color: var(--accent); }
        .nav-links { display: flex; list-style: none; gap: 30px; }
        .nav-links a { text-decoration: none; color: var(--gray); font-weight: 500; font-size: 0.9rem; transition: var(--transition); }
        .nav-links a:hover { color: var(--primary); }
        .header-tel { display: inline-flex; align-items: center; gap: 6px; color: var(--primary); font-weight: 700; font-size: 1rem; text-decoration: none; border: 2px solid var(--primary); border-radius: 50px; padding: 6px 16px; transition: var(--transition); white-space: nowrap; }
        .header-tel:hover { background: var(--primary); color: #fff; }
        .hamburger-menu { display: none; cursor: pointer; background: none; border: none; z-index: 1001; }
        .hamburger-menu .bar { display: block; width: 25px; height: 3px; margin: 5px auto; transition: var(--transition); background-color: var(--dark); }
        .article-section { padding: 120px 0 80px; margin-top: 85px; }
        .article-content { max-width: 800px; margin: 0 auto; }
        .article-content h1 { font-size: 2.4rem; font-weight: 700; margin-bottom: 20px; text-align: center; line-height: 1.25; }
        .article-content h2 { font-size: 1.75rem; font-weight: 700; margin: 45px 0 15px; border-left: 5px solid var(--primary); padding-left: 20px; }
        .article-content h3 { font-size: 1.25rem; font-weight: 600; margin: 25px 0 10px; color: var(--primary); }
        .article-content p { font-size: 1.1rem; color: var(--gray); margin-bottom: 20px; }
        .article-content ul { list-style: none; margin-bottom: 20px; padding-left: 0; }
        .article-content ul li { font-size: 1.1rem; color: var(--gray); margin-bottom: 12px; position: relative; padding-left: 25px; }
        .article-content ul li:before { content: '✓'; color: var(--primary); position: absolute; left: 0; font-weight: 700; }
        .article-content table { width: 100%; border-collapse: collapse; margin: 25px 0; }
        .article-content table th, .article-content table td { border: 2px solid #dee2e6; padding: 13px 15px; text-align: left; font-size: 0.95rem; }
        .article-content table th { background: var(--primary); color: #fff; font-weight: 600; }
        .article-content table td { background: #fff; color: var(--gray); }
        .article-content table tr:nth-child(even) td { background: #f8f9fa; }
        .article-content hr { border: 0; border-top: 1px solid #dee2e6; margin: 40px 0; }
        .scenario-block { background: #fff; border-radius: 12px; padding: 28px 32px; margin: 30px 0; box-shadow: var(--shadow); border-top: 4px solid var(--primary); }
        .scenario-number { display: inline-block; background: var(--primary); color: #fff; font-size: 0.78rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; padding: 4px 14px; border-radius: 20px; margin-bottom: 12px; }
        .scenario-block h3 { margin-top: 0; font-size: 1.3rem; }
        .highlight-box { background: #f0f4f8; border-left: 4px solid var(--primary); border-radius: 0 10px 10px 0; padding: 20px 25px; margin: 25px 0; }
        .warning-box { background: #fff8f0; border-left: 4px solid var(--accent); border-radius: 0 10px 10px 0; padding: 20px 25px; margin: 25px 0; }
        .example-box { background: linear-gradient(135deg, #f8f9fa, #e9ecef); border-radius: 10px; padding: 25px 30px; margin: 25px 0; box-shadow: var(--shadow); }
        .expert-box { background: linear-gradient(135deg, #f0f4f8, #e8edf3); border-left: 4px solid var(--accent); border-radius: 0 10px 10px 0; padding: 25px 30px; margin: 35px 0; box-shadow: var(--shadow); }
        .cta-button { display: inline-block; background: var(--accent); color: #fff; padding: 14px 34px; font-size: 1.05rem; font-weight: 600; text-decoration: none; border-radius: 10px; box-shadow: 0 8px 25px rgba(44,62,80,0.25); transition: var(--transition); border: none; cursor: pointer; margin-top: 15px; }
        .cta-button:hover { background: #1A252F; transform: translateY(-3px); }
        footer { background: var(--secondary); color: #fff; padding: 60px 0 35px; text-align: center; }
        .footer-logo-container { margin-bottom: 20px; }
        .main-logo-footer { font-size: 1.95rem; font-weight: 700; background: linear-gradient(135deg, #fff, var(--primary)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; }
        .point { color: var(--primary); -webkit-text-fill-color: var(--primary); }
        .sub-logo-footer { font-size: 0.75rem; color: rgba(255,255,255,0.8); margin-top: 5px; }
        .social-links { display: flex; justify-content: center; gap: 20px; margin-bottom: 30px; }
        .social-links a { display: inline-flex; width: 44px; height: 44px; background: rgba(255,255,255,0.1); border-radius: 50%; align-items: center; justify-content: center; transition: var(--transition); }
        .social-links a:hover { background: var(--primary); transform: translateY(-3px); }
        .social-links svg { width: 20px; height: 20px; fill: currentColor; }
        .footer-bottom { border-top: 1px solid #2d4a6e; padding-top: 20px; color: #94a3b8; font-size: 0.85rem; }
        .footer-bottom a { color: #94a3b8; text-decoration: none; }
        .footer-bottom a:hover { color: var(--primary); }
        @media (max-width: 768px) {
            .header-tel { display: none; }
            .article-section { padding: 100px 0 60px; margin-top: 75px; }
            .article-content h1 { font-size: 1.8rem; }
            .article-content h2 { font-size: 1.4rem; }
            .scenario-block { padding: 20px; }
            .nav-links { position: fixed; right: -100%; top: 0; height: 100%; width: 100%; flex-direction: column; background: rgba(255,255,255,0.98); backdrop-filter: blur(5px); justify-content: center; align-items: center; transition: right 0.4s; gap: 30px; }
            .nav-links.active { right: 0; }
            .nav-links a { font-size: 1.5rem; }
            .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); }
        }
/* 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}}
/* Charte éditoriale unique — presse économique */
.scenario-block{margin:30px 0;padding:26px;background:#fff;border:1px solid var(--line);border-top:5px solid var(--accent);border-radius:0;box-shadow:none}
.scenario-number{padding:5px 10px;color:#fff;background:var(--accent);border-radius:0}