/* RESET */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
img{max-width:100%;display:block}
button{font:inherit}

/* VARIABLES comme le site */
:root{
  --bg:#fff; --text:#0c0c0c; --muted:#6e6e6e;
  --border:#dcdcdc; --black:#000;
  --section-bg:#f5f5f5; --container:1200px;
}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.4}
.container{width:min(var(--container),92%);margin:0 auto}

/* HEADER (reprend la mise en page du site) */
.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--border);z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;height:104px}
.menu{display:flex;gap:28px;align-items:center}
.menu a{text-decoration:none;font-weight:500;white-space:nowrap}
.menu a:not(.btn-primary){color:#222}
.btn-primary,.btn-outline{
  padding:12px 18px;border:2px solid var(--black);background:var(--black);
  color:#fff;display:inline-block;text-decoration:none;transition:background .2s,color .2s,border-color .2s;border-radius:0
}


/* Logo header (mêmes tailles que site) */
.brand.brand-logo{display:inline-flex;align-items:center;line-height:0;padding:10px 0}
.brand.brand-logo img{height:100px;width:auto;display:block}
@media (max-width:640px){
  .nav{height:72px}
  .brand.brand-logo img{height:56px}
  .menu{display:none}
}

/* CONTENU */
.section{padding:40px 0 56px}
h1{font-size:42px;margin:0 0 20px;font-weight:800}
h2{font-size:24px;margin:0 0 10px}
.card{border:1px solid var(--border);background:#fafafa;padding:22px;margin:18px 0}
.list{margin:8px 0 8px 18px}
.copyright{display:flex;justify-content:space-between;align-items:center;padding:18px 0;color:#6c6c6c;font-size:14px;background:#fafafa;border-top:1px solid var(--border)}
.card{
  border:1px solid var(--border); background:#fafafa;
  padding:22px; margin:18px 0;
}
/* Liens en texte (emails, URLs) — jamais soulignés ni bleus par défaut */
a { color: inherit; text-decoration: none; }
a:visited { color: inherit; }


