:root{--f:#14181c;--g:#586069;--b:#e1e5e9;--a:#1f4f8f;--z:#eef2fa;--w:#fff;
--ok:#2e7d4f;--ko:#a4321f}
*{box-sizing:border-box}
body{margin:0;font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",
Roboto,Helvetica,Arial,sans-serif;color:var(--f);background:var(--w)}
a{color:var(--a)}
.env{max-width:960px;margin:0 auto;padding:0 18px}
header{border-bottom:1px solid var(--b);padding:.8rem 0}
header .env{display:flex;flex-wrap:wrap;gap:.6rem 1.1rem;align-items:baseline}
.marque{font-weight:700;text-decoration:none;color:var(--f)}
nav a{font-size:.92rem;text-decoration:none;margin-right:.9rem}
h1{font-size:1.55rem;line-height:1.25;margin:1.4rem 0 .3rem}
h2{font-size:1.14rem;margin:1.8rem 0 .5rem}
h3{font-size:1rem;margin:1.1rem 0 .3rem}
.lede{color:var(--g);margin:0 0 1.2rem}
main{min-height:56vh;padding-bottom:2rem}
table{border-collapse:collapse;width:100%;font-size:.94rem;margin:.6rem 0}
th,td{border-bottom:1px solid var(--b);padding:.42rem .5rem;text-align:left}
th{font-weight:600;color:var(--g)}
.note{font-size:.88rem;color:var(--g)}
footer{border-top:1px solid var(--b);padding:1.1rem 0;font-size:.88rem;
color:var(--g);margin-top:2rem}
footer a{color:var(--g)}
/* --- le verdict, avant tout le reste --- */
.verdict{border:1px solid var(--b);border-left:5px solid var(--a);
background:var(--z);padding:.9rem 1rem;margin:1rem 0}
.verdict.ok{border-left-color:var(--ok)}
.verdict.ko{border-left-color:var(--ko)}
.verdict b{font-size:1.16rem}
/* --- l'etiquette DPE, lettre par lettre --- */
.et{display:inline-block;min-width:1.9rem;text-align:center;font-weight:700;
padding:.12rem .34rem;border-radius:3px;color:#fff}
.et-A{background:#319834}.et-B{background:#57aa2a}.et-C{background:#8fbe1f}
.et-D{background:#f2e300}.et-E{background:#f0b41a;color:#14181c}
.et-F{background:#e8790f}.et-G{background:#d7221f}
.et-x{background:#8a9099}
form input,form select,form textarea{font:inherit;padding:.45rem .55rem;
border:1px solid var(--b);border-radius:3px;width:100%;max-width:26rem}
form button,.bouton{font:inherit;padding:.48rem 1rem;border:1px solid var(--a);
background:var(--a);color:#fff;border-radius:3px;cursor:pointer;
text-decoration:none;display:inline-block}
/* --- badges : point 4 du socle agent-ready. Sobres a dessein : la
   credibilite de ces sites tient a ce qu ils ressemblent a un registre. --- */
.badges{margin:.2rem 0 .9rem;line-height:2}
.badge{display:inline-block;background:#f1f5f9;color:#334155;
padding:1px 7px;border-radius:4px;font-size:.78rem;margin-right:.35rem}
.badge b{font-weight:600;color:#14181c}
.grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));
gap:.3rem .9rem;font-size:.94rem;margin:.6rem 0}