/* ===================================================================
   Coopérative Domaine Godfrind : le territoire raconte (v3)
   Palette tirée du logo : olive, pousse, érable, écorce, rivière
   =================================================================== */
:root{
  --papier:#F6F7F1;
  --creme:#FDFDFA;
  --sable:#F1EFE4;
  --ecorce:#3A2512;
  --ecorce-2:#2B1B0B;
  --terre:#7E6D5A;
  --feuille:#66733A;
  --feuille-f:#4F5A2B;
  --feuille-p:#ECF1DD;
  --pousse:#6E9B33;
  --erable:#D9731A;
  --erable-f:#B55E0F;
  --erable-p:#FBEAD5;
  --riviere:#2F6FA6;
  --riviere-f:#235682;
  --riviere-p:#E3EEF7;
  --ligne:#E4E7D8;
  --serif:'Fraunces',Georgia,serif;
  --sans:'Atkinson Hyperlegible',"Segoe UI",system-ui,sans-serif;
  --larg:1140px;
  --ombre-s:0 2px 6px rgba(58,37,18,.05),0 8px 22px rgba(58,37,18,.06);
  --ombre:0 3px 8px rgba(58,37,18,.06),0 18px 46px rgba(58,37,18,.11);
  --grad-olive:linear-gradient(135deg,#79a23f,#55602F);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  font-family:var(--sans);color:var(--ecorce);background:var(--papier);
  font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.16;color:var(--ecorce)}
a{color:var(--riviere-f)}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:var(--larg);margin:0 auto;padding:0 24px}
:focus-visible{outline:3px solid var(--riviere);outline-offset:2px;border-radius:4px}
section[id]{scroll-margin-top:100px}

/* Apparition douce */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* ================= En-tête ================= */
header.site{
  position:sticky;top:0;z-index:60;
  background:rgba(253,253,250,.94);backdrop-filter:blur(14px);
  transition:box-shadow .25s;
}
header.site::after{
  content:"";display:block;height:3px;background:var(--feuille);
}
header.site.ombre{box-shadow:0 6px 24px rgba(58,37,18,.1)}
.nav{display:flex;align-items:center;gap:18px;min-height:86px}
.nav .logo{flex:none;display:flex;align-items:center}
.nav .logo img{height:62px;width:auto;transition:transform .2s}
.nav .logo:hover img{transform:scale(1.03)}
.nav nav.liens{margin-left:auto;display:flex;gap:6px;align-items:center;background:#F3F2E8;border:1px solid var(--ligne);border-radius:999px;padding:5px}
.nav nav.liens a{
  text-decoration:none;color:var(--feuille-f);font-weight:700;font-size:.95rem;
  padding:9px 18px;border-radius:999px;transition:background .2s,color .2s;white-space:nowrap
}
.nav nav.liens a:hover{background:var(--erable-p);color:var(--erable-f)}
.nav nav.liens a.actif{background:var(--ecorce);color:#fff}
.nav .joindre{
  flex:none;text-decoration:none;background:var(--grad-olive);color:#fff;font-weight:700;font-size:.95rem;
  padding:12px 24px;border-radius:999px;box-shadow:0 8px 20px rgba(102,115,58,.35);
  transition:transform .2s,box-shadow .2s;white-space:nowrap
}
.nav .joindre:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(102,115,58,.45)}

/* Menu mobile */
.burger{display:none;position:relative;margin-left:auto}
.burger summary{
  list-style:none;cursor:pointer;width:46px;height:46px;border:1px solid var(--ligne);border-radius:14px;
  display:flex;align-items:center;justify-content:center;background:var(--creme);font-size:1.2rem;color:var(--ecorce)
}
.burger summary::-webkit-details-marker{display:none}
.burger .panneau{
  position:absolute;right:0;top:56px;min-width:230px;background:var(--creme);
  border:1px solid var(--ligne);border-radius:18px;padding:10px;z-index:70;
  box-shadow:0 24px 60px rgba(58,37,18,.18);display:flex;flex-direction:column;gap:2px
}
.burger .panneau a{
  text-decoration:none;color:var(--ecorce);font-weight:700;font-size:1rem;
  padding:13px 16px;border-radius:12px
}
.burger .panneau a:hover{background:var(--feuille-p)}
.burger .panneau a.cta{background:var(--grad-olive);color:#fff;text-align:center;margin-top:6px}
@media(max-width:900px){
  .nav{min-height:70px;gap:10px}
  .nav .logo img{height:48px}
  .nav nav.liens,.nav .joindre{display:none}
  .burger{display:block}
}

/* ================= Héros ================= */
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#FDFEFB 0%,var(--papier) 72%)}
.hero .wrap{position:relative;padding-top:92px;padding-bottom:8px;max-width:900px;text-align:center}
.sur-titre{
  display:inline-flex;align-items:center;gap:10px;margin-bottom:24px;
  background:var(--creme);border:1px solid var(--ligne);border-radius:999px;
  padding:8px 18px;font-size:.88rem;font-weight:700;color:var(--feuille-f);box-shadow:var(--ombre-s)
}
.sur-titre .pastille{width:9px;height:9px;border-radius:50%;background:var(--pousse);box-shadow:0 0 0 4px rgba(110,155,51,.18)}
.hero h1{font-size:clamp(2.5rem,6.2vw,4.3rem);letter-spacing:-1px;margin-bottom:24px}
.hero h1 em{font-style:italic;color:var(--feuille)}
.vague-titre{display:block;width:150px;margin:6px auto 18px}
.hero p.chapeau{font-size:clamp(1.05rem,2vw,1.28rem);color:var(--terre);max-width:640px;margin:0 auto 34px}
.hero .gestes{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btn{
  display:inline-block;text-decoration:none;font-weight:700;font-size:1.02rem;
  padding:15px 32px;border-radius:999px;transition:transform .2s,box-shadow .2s,background .2s
}
.btn.plein{background:var(--grad-olive);color:#fff;box-shadow:0 12px 28px rgba(102,115,58,.35)}
.btn.plein:hover{background:var(--feuille-f);transform:translateY(-3px);box-shadow:0 16px 34px rgba(102,115,58,.45)}
.btn.vide{background:var(--creme);color:var(--ecorce);border:1.5px solid var(--ligne);box-shadow:var(--ombre-s)}
.btn.vide:hover{border-color:var(--feuille);transform:translateY(-3px)}

.panorama{display:block;width:100%;height:auto;margin-top:30px}
.panorama .flotte1{animation:derive 9s ease-in-out infinite alternate}
.panorama .flotte2{animation:derive 11s ease-in-out infinite alternate-reverse}
@keyframes derive{from{transform:translateX(0)}to{transform:translateX(14px)}}
@media(prefers-reduced-motion:reduce){.panorama .flotte1,.panorama .flotte2{animation:none}}

/* ================= Bande de repères ================= */
.reperes{background:linear-gradient(140deg,var(--ecorce) 0%,var(--ecorce-2) 100%);color:#F3EADF;padding:44px 0;position:relative}
.reperes .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.reperes .case{position:relative;padding:4px 10px}
.reperes .case + .case::before{content:"";position:absolute;left:-10px;top:12%;bottom:12%;width:1px;background:rgba(243,234,223,.18)}
.reperes b{display:block;font-family:var(--serif);font-size:2.25rem;font-weight:600;color:#fff;line-height:1.15}
.reperes span{font-size:.92rem;color:#CBB89F}
@media(max-width:760px){
  .reperes .wrap{grid-template-columns:repeat(2,1fr);gap:26px 14px}
  .reperes .case + .case::before{display:none}
  .reperes b{font-size:1.7rem}
}

/* Vague séparatrice */
.vague{display:block;width:100%;height:auto;margin-bottom:-1px}

/* ================= Sections ================= */
section{padding:96px 0}
.entete-section{max-width:720px;margin-bottom:50px}
.entete-section h2,.sect h2{position:relative;font-size:clamp(1.9rem,4vw,2.7rem);margin-bottom:18px;letter-spacing:-.4px}
.entete-section .vaguelette,.sect .vaguelette{display:block;margin:14px 0 0}
.entete-section p{color:var(--terre);font-size:1.1rem}
.centre .entete-section{margin-left:auto;margin-right:auto;text-align:center}
.centre .vaguelette{margin-left:auto;margin-right:auto}

/* ================= Accueil : sections texte+photo ================= */
.sect{display:grid;grid-template-columns:1.12fr .88fr;gap:64px;align-items:center;padding:40px 0}
.sect.inv .txt{order:2}
.sect p{margin-bottom:15px;color:#4E3E2D}
.sect figure{margin:0;border-radius:24px;overflow:hidden;position:relative;box-shadow:var(--ombre)}
.sect figure::after{content:"";position:absolute;inset:0;border-radius:24px;border:1px solid rgba(58,37,18,.08);pointer-events:none}
.sect figure img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.sect figure:hover img{transform:scale(1.035)}
@media(max-width:880px){.sect,.sect.inv{grid-template-columns:1fr;gap:26px;padding:28px 0}.sect.inv .txt{order:0}}

.mission-bloc{
  position:relative;overflow:hidden;border-radius:28px;padding:58px 54px;color:#F4F7EA;
  background:
    radial-gradient(520px 300px at 88% -20%,rgba(255,255,255,.14),transparent 60%),
    linear-gradient(135deg,#6e7d3f 0%,#55602F 100%);
  box-shadow:var(--ombre)
}
.mission-bloc h2{color:#fff;margin-bottom:18px}
.mission-bloc p{font-family:var(--serif);font-size:clamp(1.12rem,2vw,1.45rem);line-height:1.65;max-width:860px;position:relative}
.mission-bloc svg.filigrane{position:absolute;right:-30px;bottom:-40px;width:280px;opacity:.14}
@media(max-width:720px){.mission-bloc{padding:34px 26px;border-radius:20px}}

/* ================= Galerie ================= */
#photos{background:linear-gradient(180deg,var(--papier),var(--sable))}
.galerie{display:grid;grid-template-columns:1.4fr 1fr;grid-auto-rows:280px;gap:16px}
.galerie.neuf{grid-template-columns:repeat(3,1fr);grid-auto-rows:255px}
.galerie.neuf figure:first-child{grid-column:span 2;grid-row:span 2}
.galerie figure{margin:0;border-radius:20px;overflow:hidden;position:relative;box-shadow:var(--ombre-s)}
.galerie figure::after{content:"";position:absolute;inset:0;border-radius:20px;border:1px solid rgba(58,37,18,.08);pointer-events:none}
.galerie img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.galerie figure:hover img{transform:scale(1.05)}
@media(max-width:760px){
  .galerie.neuf{grid-template-columns:1fr 1fr;grid-auto-rows:168px;gap:10px}
  .galerie.neuf figure:first-child{grid-column:span 2;grid-row:span 1}
}
.legende-photos{margin-top:20px;color:var(--terre);font-size:.96rem;text-align:center}

/* ================= Histoire ================= */
#histoire{background:var(--creme);border-top:1px solid var(--ligne);border-bottom:1px solid var(--ligne)}
.chapitre{max-width:780px;margin:0 auto}
.chapitre h2{font-size:1.8rem;margin:60px 0 18px;padding-top:0;border-top:0;letter-spacing:-.3px}
.chapitre h2::after{content:"";display:block;width:76px;height:4px;border-radius:4px;margin-top:12px;background:var(--feuille)}
.chapitre > .photo-pleine + h2, .chapitre h2:first-of-type{margin-top:26px}
.chapitre p{margin-bottom:17px;color:#4E3E2D}
.chapitre ul{margin:0 0 17px 22px;color:#4E3E2D}
.chapitre li{margin-bottom:9px}
.encadre{
  background:var(--riviere-p);border:1px solid #CFE0EF;border-radius:20px;
  padding:26px 30px;margin:30px 0;box-shadow:var(--ombre-s);overflow:hidden
}
.encadre h3{font-size:1.22rem;margin-bottom:10px;color:var(--riviere-f)}
.encadre p{color:#3C4C5C}
.photo-pleine{margin:6px 0 34px;border-radius:22px;overflow:hidden;box-shadow:var(--ombre)}
.photo-pleine img{width:100%;display:block}
.photo-droite{float:right;width:310px;max-width:45%;margin:6px 0 16px 28px;border-radius:16px;overflow:hidden;box-shadow:var(--ombre-s)}
.photo-droite img{width:100%;display:block}
@media(max-width:620px){.photo-droite{float:none;width:100%;max-width:100%;margin:16px 0}}
.merci{
  position:relative;overflow:hidden;border-radius:24px;padding:46px 36px;text-align:center;margin:48px 0;
  background:linear-gradient(140deg,var(--ecorce),var(--ecorce-2));color:#F3EADF;box-shadow:var(--ombre)
}
.merci h3{color:#fff;font-size:1.5rem;margin-bottom:10px}
.merci .noms{font-family:var(--serif);font-size:1.14rem;line-height:1.9;color:#fff}
.merci .cinquantetrois{font-family:var(--serif);font-size:clamp(2rem,5vw,2.8rem);color:#F0A75B}
.anciens{width:100%;border-collapse:collapse;margin:20px 0 10px;background:var(--papier);border-radius:16px;overflow:hidden;box-shadow:var(--ombre-s)}
.anciens td{padding:13px 18px;border-bottom:1px solid var(--ligne)}
.anciens tr:last-child td{border-bottom:0}
.anciens tr:hover td{background:var(--feuille-p)}
.anciens td:last-child{text-align:right;color:var(--terre)}
.anciens td img{width:30px;height:30px;object-fit:contain;vertical-align:middle;margin-right:12px}
.saviez{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:10px}
.saviez div{
  background:var(--papier);border:1px solid var(--ligne);border-left:5px solid var(--erable);
  border-radius:16px;padding:20px 22px;font-size:.97rem;color:#4E3E2D;box-shadow:var(--ombre-s);
  transition:transform .2s,box-shadow .2s
}
.saviez div:hover{transform:translateY(-4px);box-shadow:var(--ombre)}
.saviez div b{display:block;font-family:var(--serif);font-size:1.06rem;margin-bottom:6px;color:var(--ecorce)}
@media(max-width:700px){.saviez{grid-template-columns:1fr}}

/* ================= FAQ ================= */
.faq-groupe{margin-bottom:58px}
.faq-groupe:last-child{margin-bottom:0}
.faq-groupe > h3{
  display:flex;align-items:center;gap:14px;font-size:1.45rem;margin-bottom:28px
}
.faq-groupe > h3::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--ligne),transparent)}
.qr{column-count:2;column-gap:52px}
.qr article{
  break-inside:avoid;margin-bottom:18px;background:var(--creme);border:1px solid var(--ligne);
  border-radius:18px;padding:22px 24px;box-shadow:var(--ombre-s)
}
.qr h4{font-family:var(--serif);font-weight:600;font-size:1.1rem;margin-bottom:9px}
.qr p{color:var(--terre);font-size:.96rem;margin-bottom:8px}
.qr p:last-child{margin-bottom:0}
.qr ul{margin:4px 0 8px 20px;color:var(--terre);font-size:.94rem}
.qr ul li{margin-bottom:5px}
@media(max-width:820px){.qr{column-count:1}}

/* ================= Nous joindre ================= */
#joindre{background:linear-gradient(160deg,var(--ecorce) 0%,var(--ecorce-2) 85%);color:#F3EADF;position:relative;overflow:hidden}
#joindre h2,#joindre h3{color:#fff}
#joindre .entete-section p{color:#CBB89F}
.canaux{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:54px}
.canaux a{
  display:flex;align-items:center;gap:16px;text-decoration:none;color:#F3EADF;
  background:rgba(255,255,255,.06);border:1px solid rgba(243,234,223,.16);
  border-radius:18px;padding:19px 22px;transition:background .2s,transform .2s,border-color .2s
}
.canaux a:hover{background:rgba(255,255,255,.12);transform:translateY(-3px);border-color:rgba(243,234,223,.35)}
.canaux .ico{font-size:1.45rem}
.canaux b{display:block;font-size:1.03rem;color:#fff}
.canaux span{font-size:.88rem;color:#CBB89F}
@media(max-width:720px){.canaux{grid-template-columns:1fr}}
.ca-cartes{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.ca-carte{
  background:rgba(255,255,255,.06);border:1px solid rgba(243,234,223,.16);border-radius:20px;
  padding:26px 14px 22px;text-align:center;transition:background .25s,transform .25s,border-color .25s
}
.ca-carte:hover{background:rgba(255,255,255,.12);transform:translateY(-5px);border-color:rgba(243,234,223,.35)}
.ca-carte img{width:86px;height:90px;object-fit:contain;margin:0 auto 14px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.3))}
.ca-carte b{display:block;color:#fff;font-size:1.02rem;line-height:1.3}
.ca-carte .role{display:block;color:#F0A75B;font-weight:700;font-size:.9rem;margin:7px 0 3px}
.ca-carte .depuis{display:block;color:#CBB89F;font-size:.8rem}
.ca-carte a{color:inherit;text-decoration:none}
@media(max-width:960px){.ca-cartes{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.ca-cartes{grid-template-columns:1fr 1fr;gap:10px}.ca-carte{padding:18px 10px 16px}.ca-carte img{width:64px;height:68px}}

/* ================= Pied ================= */
footer.site{background:var(--ecorce-2);color:#B7A68F;font-size:.92rem}
footer.site .haut-pied{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px;padding:52px 0 40px}
footer.site h4{font-family:var(--serif);color:#fff;font-size:1.05rem;margin-bottom:14px;font-weight:600}
footer.site img{height:44px;margin-bottom:14px;filter:brightness(1.5)}
footer.site ul{list-style:none}
footer.site li{margin-bottom:9px}
footer.site a{color:#DCCDB6;text-decoration:none}
footer.site a:hover{color:#fff;text-decoration:underline}
footer.site .bas-pied{border-top:1px solid rgba(243,234,223,.14);padding:18px 0;text-align:center;font-size:.85rem}
@media(max-width:760px){footer.site .haut-pied{grid-template-columns:1fr;gap:28px}}

/* ================= Remonter ================= */
#haut{
  position:fixed;right:20px;bottom:20px;z-index:50;width:50px;height:50px;border-radius:50%;
  background:var(--grad-olive);color:#fff;border:0;cursor:pointer;font-size:1.25rem;
  box-shadow:0 12px 28px rgba(58,37,18,.32);transition:transform .2s,opacity .3s;opacity:0;pointer-events:none
}
#haut.visible{opacity:1;pointer-events:auto}
#haut:hover{transform:translateY(-4px)}

@media(max-width:720px){
  section{padding:60px 0}
  section[id]{scroll-margin-top:84px}
  .hero .wrap{padding-top:54px}
  .hero .gestes .btn{padding:13px 22px;font-size:.96rem}
  .entete-section{margin-bottom:32px}
  .chapitre h2{margin:42px 0 14px;font-size:1.45rem}
  .encadre{padding:20px;border-radius:16px}
  .merci{padding:30px 20px;border-radius:18px}
  #haut{right:14px;bottom:14px;width:46px;height:46px}
}

/* ================= Formulaire de contact ================= */
.joindre-grille{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:start;margin-bottom:58px}
.joindre-grille .canaux{grid-template-columns:1fr;margin-bottom:0}
.formulaire{background:var(--creme);color:var(--ecorce);border-radius:24px;padding:32px;box-shadow:0 24px 60px rgba(0,0,0,.28)}
.formulaire h3{color:var(--ecorce)!important;font-size:1.45rem;margin-bottom:18px}
.formulaire .deux{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.formulaire label{display:block;font-weight:700;font-size:.92rem;color:var(--terre);margin-bottom:14px}
.formulaire input,.formulaire textarea{
  display:block;width:100%;margin-top:6px;font:inherit;font-weight:400;font-size:1rem;color:var(--ecorce);
  background:#fff;border:1.5px solid var(--ligne);border-radius:12px;padding:12px 14px;transition:border-color .2s,box-shadow .2s
}
.formulaire textarea{resize:vertical;min-height:140px}
.formulaire input:focus,.formulaire textarea:focus{outline:none;border-color:var(--feuille);box-shadow:0 0 0 4px rgba(102,115,58,.15)}
.formulaire .cf-turnstile{margin:4px 0 16px;min-height:65px}
.formulaire button{border:0;cursor:pointer;font-family:inherit;width:100%}
.formulaire button:disabled{opacity:.6;cursor:wait;transform:none}
.formulaire .etat{margin-top:14px;font-weight:700;font-size:.95rem;min-height:1.4em}
.formulaire .etat.ok{color:var(--feuille-f)}
.formulaire .etat.err{color:#A93A2C}
@media(max-width:880px){.joindre-grille{grid-template-columns:1fr}}
@media(max-width:560px){.formulaire{padding:22px 18px;border-radius:18px}.formulaire .deux{grid-template-columns:1fr;gap:0}}

footer.site img{width:auto}

/* ================= Frise chronologique ================= */
.frise{position:relative;max-width:1000px;margin:6px auto 80px;padding:6px 0}
.frise::before{
  content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;margin-left:-2px;border-radius:4px;
  background:var(--feuille);
}
.ere{position:relative;z-index:1;text-align:center;margin:12px 0 34px}
.ere span{
  display:inline-block;background:var(--ecorce);color:#fff;font-family:var(--serif);font-weight:600;
  font-size:1.05rem;padding:9px 22px;border-radius:999px;box-shadow:var(--ombre-s)
}
.jalon{position:relative;width:50%;margin-bottom:-34px}
.jalon.g{padding-right:46px}
.jalon.d{margin-left:50%;padding-left:46px}
.jalon:last-child{margin-bottom:0}
.jalon::after{
  content:"";position:absolute;top:26px;width:20px;height:20px;border-radius:50%;
  background:var(--creme);border:4px solid var(--riviere);box-shadow:0 0 0 5px var(--riviere-p)
}
.jalon.g::after{right:-10px}
.jalon.d::after{left:-10px}
.carte-jalon{
  position:relative;background:var(--papier);border:1px solid var(--ligne);border-radius:18px;
  padding:18px 22px 20px;box-shadow:var(--ombre-s);transition:transform .25s,box-shadow .25s
}
.carte-jalon:hover{transform:translateY(-4px);box-shadow:var(--ombre)}
.jalon.g .carte-jalon::after,.jalon.d .carte-jalon::after{
  content:"";position:absolute;top:30px;width:14px;height:14px;background:var(--papier);
  border:1px solid var(--ligne);transform:rotate(45deg)
}
.jalon.g .carte-jalon::after{right:-8px;border-left:0;border-bottom:0}
.jalon.d .carte-jalon::after{left:-8px;border-right:0;border-top:0}
.carte-jalon .annee{display:inline-block;font-family:var(--serif);font-weight:700;font-size:1.65rem;line-height:1;color:var(--riviere-f);margin-right:10px}
.carte-jalon time{display:inline-block;font-size:.85rem;font-weight:700;color:var(--terre);text-transform:none}
.carte-jalon h4{font-family:var(--serif);font-weight:600;font-size:1.1rem;margin:8px 0 5px}
.carte-jalon p{color:#5A4A3A;font-size:.94rem;line-height:1.55;margin:0}
.jalon.fort::after{border-color:var(--erable);box-shadow:0 0 0 6px var(--erable-p);width:24px;height:24px;top:24px}
.jalon.fort.g::after{right:-12px}
.jalon.fort.d::after{left:-12px}
.jalon.fort .carte-jalon{background:linear-gradient(140deg,#fff8ef,var(--erable-p));border-color:#F2CFA6;box-shadow:var(--ombre)}
.jalon.fort .carte-jalon::after{background:#fdf1e2;border-color:#F2CFA6}
.jalon.fort .annee{color:var(--erable-f)}
.jalon.fort h4{font-size:1.25rem}
@media(max-width:760px){
  .frise{margin-bottom:56px}
  .frise::before{left:16px}
  .ere{text-align:left;padding-left:40px;margin:6px 0 22px}
  .ere span{font-size:.95rem;padding:7px 16px}
  .jalon,.jalon.d{width:100%;margin:0 0 18px 0;padding:0 0 0 44px}
  .jalon.g{padding-right:0}
  .jalon::after,.jalon.g::after,.jalon.d::after{left:6px;right:auto;top:22px}
  .jalon.fort::after,.jalon.fort.g::after,.jalon.fort.d::after{left:4px;right:auto}
  .jalon.g .carte-jalon::after,.jalon.d .carte-jalon::after{left:-8px;right:auto;border:1px solid var(--ligne);border-right:0;border-top:0}
  .jalon.fort .carte-jalon::after{border-color:#F2CFA6}
  .carte-jalon{padding:15px 18px 17px}
  .carte-jalon .annee{font-size:1.4rem}
}