@font-face {
  font-family: 'Karla';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/static/fonts/Karla-italic-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/fonts/Karla-normal-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/static/fonts/Karla-normal-600.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/static/fonts/Karla-normal-700.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/static/fonts/LibreFranklin-normal-600.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/static/fonts/LibreFranklin-normal-800.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{--fond:#F6F5F1;--papier:#FFFFFF;--encre:#17221F;--doux:#4A5753;--vert:#1D5C4A;--vert-fonce:#123F33;--cuivre:#9A4F22;--sable:#EDE6DA;--trait:#DAD6CC;--titre:"Libre Franklin",Arial,sans-serif;--corps:"Karla",system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html,body{overflow-x:clip}
body{margin:0;background:var(--fond);color:var(--encre);font:400 18px/1.62 var(--corps)}
img{max-width:100%;height:auto;display:block}
a{color:var(--vert)}
a:hover{color:var(--vert-fonce)}
.evitement{position:absolute;left:-9999px}.evitement:focus{left:16px;top:8px;z-index:10;background:#fff;padding:8px 12px}
.barre{max-width:1180px;margin:0 auto;padding:0 24px}
.haut{background:var(--vert-fonce);color:#F3E6D4}
.haut .barre{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:64px;flex-wrap:wrap}
.marque{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font:800 19px/1 var(--titre);letter-spacing:-.02em}
.logo{width:34px;height:34px;flex:0 0 auto}
.menu{display:flex;gap:18px;flex-wrap:wrap}
.menu a{color:#F3E6D4;text-decoration:none;font-weight:700;font-size:15.5px;padding:6px 0;border-bottom:2px solid transparent}
.menu a:hover,.menu a[aria-current]{color:#fff;border-bottom-color:#E0A06B}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);min-height:440px;background:var(--vert);position:relative}
.hero-img{grid-column:2;grid-row:1;width:100%;height:100%;object-fit:cover;min-height:440px}
.hero-voile{display:none}
.hero-texte{grid-column:1;grid-row:1;align-self:center;padding:48px 40px 48px max(24px,calc((100vw - 1180px)/2 + 24px));color:#fff}
.hero-texte h1{font:800 clamp(30px,4vw,48px)/1.08 var(--titre);margin:0 0 16px;letter-spacing:-.025em}
.surtitre{display:inline-block;margin:0 0 14px;font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;background:#E0A06B;color:#1B140D;padding:5px 10px;border-radius:4px}
.chapo{margin:0;font-size:19px;color:#E4F0EB;max-width:44ch}
.credit{position:absolute;right:10px;bottom:6px;margin:0;font-size:11px;color:#fff;background:rgba(0,0,0,.45);padding:2px 6px;border-radius:3px;max-width:50%}
.credit a{color:inherit}
.page{max-width:1180px;margin:0 auto;padding:30px 24px 72px}
.page-simple{max-width:780px}
.page-simple h1{font:800 38px/1.1 var(--titre);margin:16px 0}
.fil{font-size:14px;color:var(--doux);margin:0 0 20px}
.fil a{color:var(--doux)}
.date{font-size:14px;color:var(--doux)}
.texte{max-width:760px}
.texte h2{font:800 27px/1.2 var(--titre);margin:1.7em 0 .5em;letter-spacing:-.015em}
.texte h2::before{content:"";display:block;width:44px;height:4px;background:var(--cuivre);margin:0 0 12px;border-radius:2px}
.texte h3{font:700 21px/1.3 var(--titre);margin:1.4em 0 .4em}
.texte p,.texte ul,.texte ol{margin:0 0 1.05em}
.texte li{margin:0 0 .45em}
.texte ul{padding-left:1.2em}
.texte li::marker{color:var(--cuivre)}
.texte table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:1.4em 0;font-size:16px;background:var(--papier)}
.texte th,.texte td{padding:10px 14px;border:1px solid var(--trait);text-align:left;vertical-align:top}
.texte th{background:var(--sable)}
.derniers{margin:56px 0 0}
.derniers h2{font:800 28px/1.2 var(--titre);margin:0 0 18px}
.cartes{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.carte{display:flex;flex-direction:column;background:var(--papier);border:1px solid var(--trait);border-radius:6px;overflow:hidden;text-decoration:none;color:var(--encre)}
.carte-img{aspect-ratio:3/2;object-fit:cover;width:100%}
.carte-cat{margin:14px 16px 0;font-size:12px;font-weight:700;text-transform:uppercase;color:var(--cuivre);letter-spacing:.08em}
.carte-titre{margin:6px 16px 0;font:800 19px/1.25 var(--titre)}
.carte-texte{margin:8px 16px 18px;font-size:15px;color:var(--doux)}
.bas{background:var(--encre);color:#D6DDDA;padding:34px 0;font-size:15px}
.bas a{color:#F0C9A4}
.bas p{margin:0 0 8px}
@media (max-width:820px){
 .hero{grid-template-columns:1fr;min-height:0}
 .hero-img{grid-column:1;grid-row:1;min-height:0;aspect-ratio:16/10;height:auto}
 .hero-texte{grid-column:1;grid-row:2;padding:30px 16px 34px}
 .credit{top:8px;bottom:auto;right:8px;max-width:80%}
 .barre{padding:0 16px}
 .haut .barre{padding-top:10px;padding-bottom:10px}
 .menu{gap:14px}
 .page{padding:22px 16px 56px}
 body{font-size:17px}
}