
:root{--f:#14181c;--g:#586069;--b:#e1e5e9;--a:#8a4b1f;--z:#faf2ea;--w:#fff}
*{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.site{border-bottom:1px solid var(--b);padding:12px 0;background:var(--z)}
header.site .env{display:flex;flex-wrap:wrap;gap:14px;align-items:baseline}
.marque{font-weight:700;text-decoration:none;color:var(--f)}
nav.principale{display:flex;flex-wrap:wrap;gap:14px;font-size:14px}
nav.principale a{color:var(--g);text-decoration:none}
nav.principale a:hover{color:var(--a);text-decoration:underline}
main{padding:26px 0 40px}
h1{font-size:1.7rem;line-height:1.25;margin:.2rem 0 .8rem}
h2{font-size:1.2rem;margin:1.8rem 0 .6rem;border-bottom:1px solid var(--b);
padding-bottom:.3rem}
table{border-collapse:collapse;width:100%;margin:.6rem 0;font-size:.95rem}
th,td{border:1px solid var(--b);padding:.45rem .6rem;text-align:left}
th[scope=row]{font-weight:600}
td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}
.grille{list-style:none;padding:0;display:grid;
grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:.3rem .9rem}
.note{background:var(--z);border-left:3px solid var(--a);padding:.6rem .8rem;
font-size:.94rem;color:var(--g)}
.chiffres{display:flex;flex-wrap:wrap;gap:16px;margin:1rem 0}
.chiffres div{background:var(--z);padding:.6rem .9rem;border-radius:4px}
.chiffres b{display:block;font-size:1.25rem}
.chiffres span{font-size:.82rem;color:var(--g)}
form.rech{display:flex;gap:8px;flex-wrap:wrap;margin:.8rem 0 0}
form.rech input{flex:1;min-width:250px;padding:.55rem;border:1px solid
var(--b);border-radius:4px}
form.rech button{padding:.55rem 1.1rem;border:0;background:var(--a);
color:#fff;border-radius:4px;cursor:pointer}
/* Les trois portes commerciales, SOUS la barre de recherche. */
.portes{margin:.6rem 0 1.4rem;font-size:.94rem;color:var(--g)}
.portes a{white-space:nowrap}
footer.site{border-top:1px solid var(--b);padding:18px 0;background:var(--z);
font-size:.88rem;color:var(--g)}
.sauter{position:absolute;left:-9999px}
.sauter:focus{left:8px;top:8px;background:var(--f);color:#fff;padding:8px}
