:root{--police: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--titres: ui-serif, Georgia, "Times New Roman", serif;--fond: #f6f7f9;--surface: #ffffff;--texte: #1c2129;--texte-2: #4b5563;--titre: #14273d;--accent: #1f4e79;--accent-fonce: #163a5b;--accent-pale: #edf2f7;--lien: #1f4e79;--ok: #2d6a3e;--attente: #8a5300;--attente-pale: #fdf6e8;--bordure: #d8dde4;--max: 1080px}body{margin:0;font-family:var(--police);background-color:var(--fond);color:var(--texte);display:flex;flex-direction:column;min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}main{flex:1;width:100%;max-width:var(--max);margin:0 auto;padding:2rem 1.5rem 3rem;box-sizing:border-box}main a{color:var(--lien);text-underline-offset:3px}main a:hover{color:var(--accent-fonce)}header.site{background-color:var(--surface);border-top:3px solid var(--accent);border-bottom:1px solid var(--bordure)}header.site .inner,footer.site .inner{max-width:var(--max);margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;box-sizing:border-box}.logo{font-family:var(--titres);font-weight:700;font-size:1.45rem;letter-spacing:.01em;color:var(--accent);text-decoration:none}nav.principale{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem}nav.principale a,footer.site a{font-size:.95rem;color:var(--texte-2);text-decoration:none}nav.principale a:hover,footer.site a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}h1,h2,h3{font-family:var(--titres);font-weight:700;color:var(--titre);line-height:1.25;margin-top:0}h1{font-size:2.25rem;margin-bottom:.9rem}h2{font-size:1.5rem;margin:2.6rem 0 .9rem}h3{font-size:1.12rem;margin:1.5rem 0 .45rem}p,li{max-width:72ch}.intro{font-size:1.1rem}.methode{font-size:.92rem;color:var(--texte-2)}.sous-titre{font-size:1.02rem;color:var(--texte-2);margin:0 0 1.5rem}.grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.9rem;margin:1rem 0 2rem}a.carte{display:block;background-color:var(--surface);border:1px solid var(--bordure);border-radius:4px;padding:.9rem 1rem;color:inherit;text-decoration:none}a.carte:hover{border-color:var(--accent)}.carte h3{margin:0 0 .3rem;font-size:1.04rem;color:var(--accent)}.carte p{margin:.3rem 0 0;color:var(--texte-2);font-size:.92rem}.grille.profils{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1.2rem}.profils a.carte{background-color:transparent;border:none;border-top:2px solid var(--accent);border-radius:0;padding:.6rem 0 0}.profils a.carte:hover h3{text-decoration:underline;text-underline-offset:3px}.badge{display:inline-block;padding:0 .45rem;border:1px solid currentColor;border-radius:3px;font-size:.8rem;font-weight:600;line-height:1.5;white-space:nowrap}.badge-ok{color:var(--ok)}.badge-attente{color:var(--attente)}.badge-partenaire{color:var(--accent)}.badge-non{color:var(--texte-2)}.table-wrapper{overflow-x:auto;margin:1rem 0 1.5rem;border:1px solid var(--bordure);border-radius:4px;background-color:var(--surface)}table.specs{width:100%;border-collapse:collapse;text-align:left;font-size:.95rem}table.specs th,table.specs td{padding:.65rem .85rem;border-bottom:1px solid var(--bordure);vertical-align:top}table.specs tr:last-child th,table.specs tr:last-child td{border-bottom:none}table.specs thead th{background-color:var(--accent-pale);color:var(--titre);font-weight:600}table.specs tbody th{font-weight:600;color:var(--titre);min-width:11rem}table.specs td.ecart{font-weight:600;color:var(--ok)}section{margin-top:1rem}.points{padding-left:1.2rem;margin:.5rem 0 1rem}.points li{margin-bottom:.45rem}.points li::marker{color:var(--accent)}dl.faq dt{font-weight:600;color:var(--titre);margin-top:1.1rem}dl.faq dd{margin:.3rem 0 0;max-width:72ch}.note,.source{font-size:.88rem;color:var(--texte-2)}.source{margin-top:2.5rem;padding-top:.8rem;border-top:1px solid var(--bordure)}.alerte{border-left:4px solid var(--attente);background-color:var(--attente-pale);padding:.8rem 1rem}.encadre{border:1px solid var(--bordure);border-left:4px solid var(--accent);background-color:var(--surface);padding:1rem 1.25rem;margin:1rem 0}.encadre h3{margin-top:0}.encadre p:last-child{margin-bottom:0}.calc{background-color:var(--surface);border:1px solid var(--bordure);border-radius:4px;padding:1.5rem;margin:1rem 0 2rem}.calc .champs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.2rem}.calc label{display:block;font-size:.9rem;font-weight:500}.calc input,.calc select{display:block;width:100%;margin-top:.4rem;padding:.65rem .75rem;border:1px solid #aeb6c1;border-radius:3px;font:inherit;background-color:var(--surface);box-sizing:border-box}.calc input:focus,.calc select:focus{outline:2px solid var(--accent);outline-offset:1px}.resultat{margin-top:1rem;padding:1rem 1.2rem;background-color:var(--accent-pale);border-left:4px solid var(--accent)}.resultat p,.resultat li{margin:.4rem 0}.btn,.btn-affilie{display:inline-block;background-color:var(--accent);color:#fff;padding:.65rem 1.2rem;border-radius:4px;border:1px solid var(--accent);font:inherit;font-weight:600;text-decoration:none;cursor:pointer}main a.btn,main a.btn-affilie{color:#fff}.btn:hover,.btn-affilie:hover,main a.btn:hover,main a.btn-affilie:hover{background-color:var(--accent-fonce);color:#fff}main a.btn-second{background-color:transparent;color:var(--accent)}main a.btn-second:hover{background-color:var(--accent-pale);color:var(--accent-fonce)}.cta-affilie{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin:1rem 0}.mention-affilie{font-size:.85rem;color:var(--texte-2)}.encart-affilie{border-left:4px solid var(--accent);background-color:var(--accent-pale);padding:.75rem 1rem;margin:0 0 1.25rem}.encart-affilie p{margin:0 0 .6rem}.encart-affilie .cta-affilie{margin:0}.cta-haut{margin:0 0 1.25rem}.lien-affilie{font-size:.9em}.lien-secondaire{display:block;margin-top:.1rem;font-size:.82rem;font-weight:400}#suggestions button{margin:.3rem .4rem 0 0;padding:.35rem .8rem;font-size:.9rem}footer.site{background-color:var(--surface);border-top:1px solid var(--bordure);margin-top:auto;font-size:.9rem;color:var(--texte-2)}@media(max-width:720px){header.site .inner,footer.site .inner{flex-direction:column;align-items:flex-start}header.site .inner{padding:.55rem 1.1rem;gap:.25rem}nav.principale{gap:.15rem .95rem}nav.principale a{font-size:.88rem}main{padding:1rem 1.1rem 2.5rem}h1{font-size:1.8rem;margin-bottom:.6rem}.intro{font-size:1rem;line-height:1.5}.encart-affilie{padding:.65rem .85rem}.encart-affilie p{margin-bottom:.5rem}.encart-affilie .btn-affilie,.cta-haut .btn-affilie{font-size:.95rem;padding:.55rem 1rem}h2{font-size:1.32rem}}
