/* Pages de section — même palette et mêmes polices que le site. */
@font-face{font-family:'CooperHewittHeavy';font-style:normal;font-weight:normal;font-display:swap;
  src:url('/fonts/latin-800-normal.woff2') format('woff2');}
@font-face{font-family:'CooperHewittMedium';font-style:normal;font-weight:normal;font-display:swap;
  src:url('/fonts/latin-500-normal.woff2') format('woff2');}
:root{--black:#111110;--white:#FAF6EE;--gray-100:#F1EFE8;--gray-200:#D3D1C7;
      --gray-400:#888780;--gray-600:#5F5E5A;
      --sans:'Inter',system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
      --titre:'CooperHewittHeavy',Georgia,serif;}
*{box-sizing:border-box;}
body{margin:0;background:var(--white);color:var(--black);font:16px/1.65 var(--sans);}
a{color:inherit;}
.tete{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:14px 24px;border-bottom:1px solid var(--gray-200);}
.tete .logo{font-family:var(--titre);font-size:20px;letter-spacing:.06em;text-decoration:none;}
.tete .logo span{font-family:var(--sans);font-weight:400;color:var(--gray-600);}
.tete nav a{margin-left:18px;font-size:14px;color:var(--gray-600);text-decoration:none;}
.tete nav a:hover{color:var(--black);}
.ruban{background:var(--black);color:var(--white);}
.ruban-in{max-width:1180px;margin:0 auto;padding:14px 24px;display:flex;flex-wrap:wrap;
  gap:10px 52px;font-size:15px;}
.ruban-in span{color:var(--gray-400);white-space:nowrap;}
.ruban-in strong{color:var(--white);font-weight:500;}
@media(max-width:620px){.ruban-in{font-size:13px;gap:6px 24px;}}
main{max-width:1180px;margin:0 auto;padding:26px 24px 60px;}
.fil{font-size:13px;color:var(--gray-600);margin:0 0 .8rem;}
.fil a{text-decoration:none;}.fil a:hover{text-decoration:underline;}
h1{font-family:var(--titre);font-size:clamp(26px,4vw,38px);line-height:1.1;margin:0;}
.entete{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;
  flex-wrap:wrap;margin:0 0 2.2rem;}
.surtitre{font-size:12px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--gray-400);margin:0 0 .45rem;}
.bouton{display:inline-block;background:var(--black);color:var(--white);text-decoration:none;
  border-radius:999px;padding:10px 20px;font-size:14px;}
.sec{margin:0 0 2.4rem;}
.sec h2{font-family:var(--titre);font-size:19px;margin:0 0 .9rem;padding-bottom:.4rem;
  border-bottom:1px solid var(--gray-200);}
.sec h2 .n{font-family:var(--sans);font-size:12px;font-weight:400;color:var(--gray-400);margin-left:.5rem;}
.grille{list-style:none;margin:0;padding:0;display:grid;gap:14px;
  grid-template-columns:repeat(auto-fill,minmax(210px,1fr));}
.grille a{display:block;height:100%;text-decoration:none;border:1px solid var(--gray-200);
  border-radius:8px;overflow:hidden;background:var(--white);transition:border-color .15s;}
.grille a:hover{border-color:var(--black);}
.grille img,.grille .vide{display:block;width:100%;height:120px;object-fit:contain;
  background:var(--gray-100);padding:8px;mix-blend-mode:multiply;}
.grille .t{display:block;padding:10px 12px 0;font-size:14px;font-weight:500;}
.grille .p{display:block;padding:2px 12px 0;font-size:13px;color:var(--gray-600);}
.grille .d{display:block;padding:6px 12px 12px;font-size:12.5px;color:var(--gray-400);line-height:1.5;}
.autres{margin-top:2.4rem;padding-top:1.2rem;border-top:1px solid var(--gray-200);
  font-size:14px;color:var(--gray-600);}
.pied{border-top:1px solid var(--gray-200);padding:20px 24px 36px;font-size:13px;color:var(--gray-600);}
.pied p{margin:0 0 .3rem;}
@media (max-width:640px){ main{padding:20px 16px 48px;} .tete{padding:12px 16px;} }