/* B-ConEx — feuille de style des pages légales
   Reprend la charte de index.html : pierre bleue, terracotta, ocre, Georgia. */
:root{
  --pierre-profond:#2C3E4A;
  --pierre:#4A5A66;
  --pierre-clair:#8A9AA5;
  --pierre-pale:#EDF0F2;
  --terracotta:#B5573A;
  --ocre:#C8A265;
  --creme:#FBF9F6;
  --texte:#2A2E31;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Georgia,'Times New Roman',serif;color:var(--texte);background:var(--creme);line-height:1.7;font-size:17px}
.wrap{max-width:840px;margin:0 auto;padding:0 32px}

header{background:#fff;border-bottom:1px solid #E2E6E9;position:sticky;top:0;z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:24px;max-width:1180px;margin:0 auto;padding-left:32px;padding-right:32px}
.logo{display:flex;align-items:center;gap:13px;text-decoration:none}
.logo img{width:42px;height:42px;display:block;border-radius:2px}
.logo .txt .mark{font-size:25px;color:var(--pierre-profond);letter-spacing:-.02em;display:block;line-height:1.05}
.logo .txt .mark b{font-weight:normal;color:var(--terracotta)}
.logo .txt .sub{font-family:-apple-system,sans-serif;font-size:9px;letter-spacing:.19em;
  text-transform:uppercase;color:var(--pierre-clair)}
.back{font-family:-apple-system,sans-serif;font-size:14px;color:var(--pierre);text-decoration:none}
.back:hover{color:var(--terracotta)}

.page-head{background:var(--pierre-profond);color:#fff;padding:64px 0 56px}
.page-head .eyebrow{font-family:-apple-system,sans-serif;font-size:11px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--ocre);margin-bottom:18px}
.page-head h1{font-size:40px;line-height:1.15;font-weight:normal;letter-spacing:-.015em}
.page-head .maj{font-family:-apple-system,sans-serif;font-size:13px;color:#9FB0BB;margin-top:18px}

main{padding:64px 0 88px}
h2{font-size:26px;font-weight:normal;color:var(--pierre-profond);line-height:1.3;
  margin:52px 0 16px;padding-top:8px;border-top:3px solid var(--ocre);display:inline-block;padding-right:20px}
h2:first-of-type{margin-top:0}
h3{font-size:19px;font-weight:normal;color:var(--pierre-profond);margin:28px 0 10px}
p{margin-bottom:15px}
ul,ol{margin:0 0 15px 24px}
li{margin-bottom:8px}
a{color:var(--terracotta)}
strong{color:var(--pierre-profond)}
.identite{background:#fff;border:1px solid #E2E6E9;border-left:3px solid var(--pierre-profond);
  padding:26px 30px;margin:22px 0;line-height:1.8}
.avert{background:#FFF8E7;border-left:3px solid var(--ocre);font-family:-apple-system,sans-serif;
  font-size:14px;color:#6B5A38;padding:16px 20px;margin:24px 0;line-height:1.6}
.avert b{color:var(--terracotta)}
.todo{color:#B5573A;font-style:italic}
table{width:100%;border-collapse:collapse;margin:22px 0;font-size:16px}
th,td{text-align:left;padding:11px 14px;border-bottom:1px solid #E2E6E9;vertical-align:top}
th{font-family:-apple-system,sans-serif;font-size:12px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--pierre-clair);border-bottom:2px solid var(--pierre-pale)}

footer{background:var(--pierre-profond);color:#B7C3CB;padding:48px 0 28px;font-size:15px}
footer .wrap{max-width:1180px}
footer a{color:#B7C3CB;text-decoration:none}
footer a:hover{color:#fff}
.legal{font-size:13px;line-height:1.75;color:#93A2AC}
.foot-bottom{border-top:1px solid rgba(255,255,255,.13);padding-top:20px;margin-top:28px;
  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px;color:#7E8D97}

@media(max-width:900px){
  .wrap{padding:0 20px}
  .page-head h1{font-size:29px}
  h2{font-size:22px}
  main{padding:44px 0 60px}
  table{font-size:15px}
}