:root{--navy:#0d1b2a;--navy-2:#1b263b;--blue:#415a77;--accent:#2a9d8f;--accent-dark:#21867a;--gold:#e9c46a;--red:#e63946;--bg:#f6f8fa;--card:#ffffff;--text:#22303c;--muted:#5c6b7a;--border:#e3e8ee;--radius:12px;--shadow:0 2px 12px rgba(13,27,42,0.08);--shadow-lg:0 8px 30px rgba(13,27,42,0.14)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.65}img{max-width:100%;display:block}a{color:var(--accent-dark);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1120px;margin:0 auto;padding:0 20px}.agebar{background:var(--navy);color:#cfd8e3;font-size:.78rem;text-align:center;padding:6px 12px}.agebar strong{color:var(--gold)}.site-header{background:var(--navy-2);position:-webkit-sticky;position:sticky;top:0;z-index:50;box-shadow:var(--shadow)}.header-inner{justify-content:space-between;padding:14px 20px;max-width:1120px;margin:0 auto}.header-inner,.logo{display:flex;align-items:center}.logo{font-size:1.25rem;font-weight:800;color:#fff;letter-spacing:.3px;gap:10px}.logo svg{display:block;flex-shrink:0}.logo .logo-text span{color:var(--accent)}.logo:hover{text-decoration:none}.main-nav{display:flex;gap:6px;flex-wrap:wrap}.main-nav a{color:#d7dee8;font-size:.92rem;font-weight:600;padding:8px 12px;border-radius:8px;transition:background .15s,color .15s}.main-nav a:hover{background:rgba(255,255,255,.1);color:#fff;text-decoration:none}.main-nav a.active{background:var(--accent);color:#fff}.nav-toggle{display:none;background:none;border:none;color:#fff;font-size:1.6rem;cursor:pointer}.hero{background:linear-gradient(135deg,var(--navy) 0,var(--navy-2) 55%,var(--blue) 100%);color:#fff;padding:64px 20px 72px;text-align:center}.hero h1{font-size:2.3rem;line-height:1.25;max-width:780px;margin:0 auto 16px}.hero p{color:#c3cedc;max-width:640px;margin:0 auto 28px;font-size:1.05rem}.hero .btn{font-size:1rem}.btn{display:inline-block;background:var(--accent);color:#fff;font-weight:700;padding:12px 26px;border-radius:10px;transition:background .15s,transform .1s;border:none;cursor:pointer}.btn:hover{background:var(--accent-dark);text-decoration:none;transform:translateY(-1px)}.btn.btn-outline{background:transparent;border:2px solid var(--accent);color:var(--accent)}.btn.btn-outline:hover{background:var(--accent);color:#fff}.btn.btn-sm{padding:8px 18px;font-size:.88rem}.section{padding:56px 0}.section.alt{background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-title{text-align:center;font-size:1.7rem;margin-bottom:8px;color:var(--navy)}.section-sub{text-align:center;color:var(--muted);max-width:620px;margin:0 auto 36px}.steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.step{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:28px 22px;text-align:center;box-shadow:var(--shadow)}.step .num{width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;font-weight:800;font-size:1.15rem;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.step h3{color:var(--navy);margin-bottom:8px;font-size:1.08rem}.step p{color:var(--muted);font-size:.93rem}.ranking{display:flex;flex-direction:column;gap:18px}.book-card{display:grid;grid-template-columns:56px 1.2fr 1.6fr .9fr auto;align-items:center;grid-gap:18px;gap:18px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;box-shadow:var(--shadow);transition:box-shadow .15s,transform .1s}.book-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.book-card.top{border:2px solid var(--gold);position:relative}.book-card.top:before{content:"★ Choix de la rédaction";position:absolute;top:-12px;left:24px;background:var(--gold);color:var(--navy);font-size:.72rem;font-weight:800;padding:2px 10px;border-radius:20px}.rank-num{font-size:1.5rem;font-weight:800;color:var(--blue);text-align:center}.book-name{font-size:1.15rem;font-weight:800;color:var(--navy)}.book-name small{display:block;font-weight:500;color:var(--muted);font-size:.8rem;margin-top:2px}.book-offer{font-size:.92rem;color:var(--text)}.book-offer strong{color:var(--accent-dark)}.book-score{text-align:center}.score-badge{display:inline-block;background:var(--navy);color:var(--gold);font-weight:800;font-size:1.05rem;padding:6px 14px;border-radius:8px}.book-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch}.book-actions .link-review{font-size:.85rem;text-align:center}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:22px;gap:22px}.info-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);transition:box-shadow .15s,transform .1s}.info-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.info-card .icon{font-size:1.9rem;margin-bottom:10px}.info-card h3{color:var(--navy);font-size:1.05rem;margin-bottom:8px}.info-card p{color:var(--muted);font-size:.9rem;margin-bottom:12px}.info-card a.more{font-weight:700;font-size:.88rem}.values{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}.value-item{text-align:center;padding:18px 12px}.value-item .icon{font-size:2rem;margin-bottom:10px}.value-item h4{color:var(--navy);margin-bottom:6px}.value-item p{color:var(--muted);font-size:.88rem}.page-head{background:linear-gradient(135deg,var(--navy) 0,var(--navy-2) 100%);color:#fff;padding:44px 20px;text-align:center}.page-head h1{font-size:1.9rem;max-width:820px;margin:0 auto 10px}.page-head p{color:#c3cedc;max-width:640px;margin:0 auto}.content-wrap{display:grid;grid-template-columns:1fr 300px;grid-gap:32px;gap:32px;padding:44px 0}.article{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:36px;box-shadow:var(--shadow)}.article h2{color:var(--navy);margin:28px 0 12px;font-size:1.35rem}.article h2:first-child{margin-top:0}.article h3{color:var(--navy-2);margin:20px 0 8px;font-size:1.1rem}.article p{margin-bottom:14px}.article ol,.article ul{margin:0 0 16px 24px}.article li{margin-bottom:6px}.article table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.92rem}.article td,.article th{border:1px solid var(--border);padding:10px 12px;text-align:left}.article th{background:var(--navy-2);color:#fff}.article tr:nth-child(2n) td{background:#f2f5f8}.callout{background:#eef7f5;border-left:4px solid var(--accent);border-radius:8px;padding:16px 18px;margin:18px 0;font-size:.94rem}.callout.warn{background:#fdf1f1;border-left-color:var(--red)}.pros-cons{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;margin:18px 0}.cons,.pros{border-radius:10px;padding:18px 20px;font-size:.93rem}.pros{background:#eef7f0;border:1px solid #cfe8d6}.cons{background:#fdf3f0;border:1px solid #f2d6ce}.pros h4{color:#23794a}.cons h4,.pros h4{margin-bottom:10px}.cons h4{color:#b3452c}.cons ul,.pros ul{margin-left:18px}.sidebar{display:flex;flex-direction:column;gap:22px}.widget{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.widget h3{color:var(--navy);font-size:1rem;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--accent)}.widget ul{list-style:none}.widget li{padding:7px 0;border-bottom:1px dashed var(--border);font-size:.9rem}.widget li:last-child{border-bottom:none}.widget .mini-book{display:flex;justify-content:space-between;align-items:center}.widget .mini-score{color:var(--gold);background:var(--navy);font-size:.78rem;font-weight:700;padding:2px 8px;border-radius:6px}.rating-line{display:flex;align-items:center;gap:10px;margin:6px 0 18px}.rating-line .score-badge{font-size:1.2rem}.stars{color:var(--gold);font-size:1.1rem;letter-spacing:2px}.faq-item{background:var(--card);border:1px solid var(--border);border-radius:10px;margin-bottom:12px;overflow:hidden}.faq-item summary{cursor:pointer;font-weight:700;color:var(--navy);padding:16px 20px;list-style:none;position:relative}.faq-item summary:after{content:"+";position:absolute;right:20px;font-size:1.2rem;color:var(--accent)}.faq-item[open] summary:after{content:"–"}.faq-item .faq-body{padding:0 20px 16px;color:var(--muted);font-size:.95rem}.contact-form{display:flex;flex-direction:column;gap:16px;max-width:560px}.contact-form label{font-weight:700;color:var(--navy);font-size:.9rem}.contact-form input,.contact-form textarea{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:.95rem;margin-top:5px}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--accent);border-color:transparent}.cta-band{background:linear-gradient(135deg,var(--accent) 0,var(--accent-dark) 100%);color:#fff;text-align:center;padding:44px 20px}.cta-band h2{font-size:1.5rem;margin-bottom:10px}.cta-band p{opacity:.9;margin-bottom:20px}.cta-band .btn{background:#fff;color:var(--accent-dark)}.cta-band .btn:hover{background:var(--navy);color:#fff}.site-footer{background:var(--navy);color:#aebccb;font-size:.88rem}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;grid-gap:32px;gap:32px;padding:48px 20px 32px;max-width:1120px;margin:0 auto}.footer-grid h4{color:#fff;margin-bottom:14px;font-size:.95rem}.footer-grid ul{list-style:none}.footer-grid li{margin-bottom:8px}.footer-grid a{color:#aebccb}.footer-grid a:hover{color:#fff}.footer-logo{font-size:1.15rem;font-weight:800;color:#fff;margin-bottom:10px;display:flex;align-items:center;gap:8px}.footer-logo svg{display:block;flex-shrink:0}.footer-logo .accent{color:var(--accent)}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);text-align:center;padding:18px 20px;font-size:.78rem;color:#7f8fa1}.footer-warning{background:rgba(230,57,70,.12);border:1px solid rgba(230,57,70,.4);border-radius:8px;padding:12px 16px;margin:0 20px 24px;max-width:1080px;font-size:.8rem;color:#d9c2c5}.footer-warning strong{color:#f2a7ae}.cookie-banner{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);width:min(680px,calc(100% - 32px));background:var(--navy-2);color:#d7dee8;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:18px 22px;z-index:100;display:flex;align-items:center;gap:18px;font-size:.88rem}.cookie-banner p{margin:0;flex:1 1}.cookie-banner a{color:var(--gold)}.cookie-actions{display:flex;gap:10px;flex-shrink:0}.cookie-refuse{border-color:#7f8fa1;color:#d7dee8}.cookie-refuse:hover{background:rgba(255,255,255,.1);color:#fff}@media (max-width:640px){.cookie-banner{flex-direction:column;align-items:stretch;text-align:center}.cookie-actions{justify-content:center}}.breadcrumb{font-size:.82rem;padding:16px 0 0}.breadcrumb,.breadcrumb a{color:var(--muted)}@media (max-width:900px){.card-grid,.steps,.values{grid-template-columns:repeat(2,1fr)}.content-wrap{grid-template-columns:1fr}.book-card{grid-template-columns:40px 1fr auto}.book-offer{grid-column:2/4}.book-score{grid-column:1/2}.book-actions{grid-column:2/4;flex-direction:row}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.hero h1{font-size:1.6rem}.card-grid,.pros-cons,.steps,.values{grid-template-columns:1fr}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--navy-2);flex-direction:column;padding:12px;box-shadow:var(--shadow-lg)}.main-nav.open{display:flex}.nav-toggle{display:block}.book-card{grid-template-columns:1fr;text-align:center}.book-actions,.book-offer,.book-score{grid-column:auto}.book-actions{flex-direction:column}.article{padding:22px}.footer-grid{grid-template-columns:1fr}}