@font-face{font-family:"Newsreader";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/newsreader-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:400;font-display:swap;src:url("fonts/newsreader-latin-400-italic.woff2") format("woff2")}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/newsreader-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/newsreader-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Karla";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/karla-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Karla";font-style:italic;font-weight:400;font-display:swap;src:url("fonts/karla-latin-400-italic.woff2") format("woff2")}
@font-face{font-family:"Karla";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/karla-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Karla";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/karla-latin-700-normal.woff2") format("woff2")}

:root{
  --encre:#1a1712;
  --texte:#2c271f;
  --muet:#5c564c;
  --fond:#f1ebe0;
  --carte:#faf7f0;
  --filet:#d5ccbb;
  --foret:#2f4534;
  --foret-profond:#223328;
  --gilet:#a84816;
  --gilet-vif:#c65a1c;
  --brume:#e4efe6;
  --mesure:40rem;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.udac,
body.udac.one-container,
body.udac.separate-containers{
  margin:0;
  background:var(--fond);
  color:var(--texte);
  font-family:"Karla",system-ui,sans-serif;
  font-size:1.0625rem;
  line-height:1.65;
  text-wrap:pretty;
  overflow-x:hidden;
}
body.udac button,
body.udac input,
body.udac select,
body.udac textarea{
  font-family:"Karla",system-ui,sans-serif;
}
body.udac img{max-width:100%;height:auto;display:block}
body.udac a{color:var(--gilet);text-underline-offset:0.18em}
body.udac a:hover{color:var(--foret)}
body.udac a:focus-visible,
body.udac button:focus-visible,
body.udac input:focus-visible,
body.udac summary:focus-visible{
  outline:2px solid var(--gilet);
  outline-offset:3px;
}

body.udac .site,
body.udac #page,
body.udac #content,
body.udac #primary,
body.udac #main,
body.udac .inside-article,
body.udac .site-content,
body.udac .content-area,
body.udac .grid-container,
body.udac .site-header,
body.udac .site-footer,
body.udac .inside-header,
body.udac .inside-footer{
  background:transparent;
  max-width:none;
  width:100%;
  margin:0;
  padding:0;
  box-shadow:none;
  border:0;
}
body.udac.home .entry-header,
body.udac.home .page-header,
body.udac.home .entry-meta,
body.udac.home .entry-footer{display:none}
body.udac.home .entry-content,
body.udac.home .inside-article{
  margin:0;
  padding:0;
  max-width:none;
}
body.udac.home .entry-content > *{
  max-width:none;
  margin-left:0;
  margin-right:0;
}

.bandeau-haut{
  height:8px;
  background:linear-gradient(90deg,var(--foret-profond),var(--foret) 45%,var(--gilet-vif));
}
.entete{
  max-width:72rem;
  margin:0 auto;
  padding:1.1rem 1.5rem 1rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.5rem;
}
.marque{
  display:flex;
  align-items:center;
  gap:0.85rem;
  text-decoration:none;
  color:var(--encre);
}
.marque:hover{color:var(--encre);text-decoration:none}
.marque-signe{width:2.6rem;height:2.6rem;flex:none}
.marque-nom{
  font-family:"Newsreader",Georgia,serif;
  font-weight:700;
  font-size:1.2rem;
  line-height:1.15;
  letter-spacing:-0.01em;
  display:block;
}
.marque-lieu{
  display:block;
  font-family:"Karla",sans-serif;
  font-weight:400;
  font-size:0.78rem;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--muet);
  margin-top:0.15rem;
}
.nav-principale ul{
  display:flex;gap:0.2rem 1.4rem;list-style:none;margin:0;padding:0;flex-wrap:wrap;justify-content:flex-end;
}
.nav-principale a{
  color:var(--texte);
  text-decoration:none;
  font-weight:600;
  font-size:0.95rem;
  padding:0.45rem 0;
  border-bottom:2px solid transparent;
}
.nav-principale a:hover,
.nav-principale a[aria-current="page"]{
  color:var(--foret);
  border-bottom-color:var(--gilet-vif);
}
.nav-bascule{
  display:none;
  background:transparent;
  border:1px solid var(--filet);
  border-radius:4px;
  padding:0.45rem 0.7rem;
  font:inherit;
  font-weight:600;
  color:var(--texte);
  min-height:44px;
  cursor:pointer;
}

main, .site-main{display:block}
.enveloppe{max-width:72rem;margin:0 auto;padding:0 1.5rem 4rem}
.ouverture{
  display:grid;
  grid-template-columns:1.05fr 0.95fr;
  gap:3rem;
  align-items:center;
  padding:2.2rem 0 3rem;
}
.mention-edition{
  font-size:0.82rem;
  font-weight:700;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:var(--gilet);
  margin:0 0 0.8rem;
}
body.udac h1,
.ouverture h1,
body.udac.single .entry-title,
body.udac.archive .page-title,
body.udac.error404 .titre-principal{
  font-family:"Newsreader",Georgia,serif;
  font-weight:700;
  font-size:clamp(2.1rem,4.6vw,3.55rem);
  line-height:1.12;
  letter-spacing:-0.02em;
  color:var(--encre);
  margin:0 0 1.1rem;
  text-wrap:balance;
}
body.udac.single .entry-title,
body.udac.archive .page-title,
body.udac.error404 .titre-principal{font-size:clamp(1.8rem,3.6vw,2.6rem)}
.chapo{
  font-family:"Newsreader",Georgia,serif;
  font-style:italic;
  font-size:1.2rem;
  line-height:1.5;
  color:var(--texte);
  margin:0 0 1.4rem;
  max-width:38rem;
}
.photo-accueil{
  margin:0;
  background:var(--foret-profond);
  border-radius:2px;
  overflow:hidden;
  box-shadow:0 18px 40px -24px rgba(26,23,18,.55);
}
.photo-accueil img{width:100%;aspect-ratio:3/2;object-fit:cover}
.chiffres{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
  margin:0 0 3.2rem;
  padding:1.3rem 0;
  border-top:1px solid var(--filet);
  border-bottom:1px solid var(--filet);
}
.chiffre{padding:0.4rem 0.8rem 0.4rem 0;margin:0}
.chiffre strong{
  display:block;
  font-family:"Newsreader",Georgia,serif;
  font-size:2.15rem;
  line-height:1;
  color:var(--foret);
  font-weight:700;
}
.chiffre span{
  display:block;
  margin-top:0.4rem;
  color:var(--muet);
  font-size:0.92rem;
  font-weight:600;
}
.grille-deux{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:2.5rem 3rem;
  margin:0 0 3.5rem;
  align-items:start;
}
body.udac h2,
.texte-courant h2,
.programme h2,
.milieux h2,
.recits h2{
  text-wrap:balance;
  font-family:"Newsreader",Georgia,serif;
  font-weight:700;
  font-size:1.85rem;
  line-height:1.2;
  color:var(--encre);
  margin:0 0 1rem;
  letter-spacing:-0.015em;
}
.texte-courant p{margin:0 0 1rem}
.citation-2016{
  margin:1.3rem 0 0;
  padding:1rem 1.15rem;
  border-left:3px solid var(--gilet-vif);
  background:var(--carte);
  font-family:"Newsreader",Georgia,serif;
  font-style:italic;
  font-size:1.12rem;
  color:var(--encre);
}
.citation-2016 cite{
  display:block;
  font-family:"Karla",sans-serif;
  font-style:normal;
  font-size:0.8rem;
  font-weight:600;
  letter-spacing:0.06em;
  text-transform:uppercase;
  color:var(--muet);
  margin-top:0.55rem;
}
.programme{
  background:var(--carte);
  border:1px solid var(--filet);
  border-radius:2px;
  padding:1.6rem 1.4rem 1.2rem;
}
.etape{border-bottom:1px solid var(--filet)}
.etape:last-child{border-bottom:0}
.etape-bouton{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  background:transparent;
  border:0;
  padding:1rem 0.2rem;
  font:inherit;
  font-weight:700;
  font-size:1.05rem;
  text-align:left;
  color:var(--encre);
  cursor:pointer;
  min-height:48px;
  list-style:none;
}
.etape-bouton::-webkit-details-marker{display:none}
.etape-bouton::marker{content:""}
.etape-bouton .signe{
  flex:none;
  width:1.7rem;height:1.7rem;
  border:1px solid var(--foret);
  color:var(--foret);
  border-radius:50%;
  display:grid;place-items:center;
  font-weight:700;
  line-height:1;
}
.etape[open] .etape-bouton .signe{background:var(--foret);color:var(--carte);border-color:var(--foret)}
.etape-corps{
  padding:0 0.2rem 1.15rem;
  color:var(--texte);
  max-width:38rem;
}
.etape-corps p{margin:0 0 0.7rem}
.etape-corps p:last-child{margin:0}

.milieux{
  background:var(--brume);
  padding:2.4rem 0 2.6rem;
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  margin-bottom:3.5rem;
  margin-top:0;
}
.milieux .interieur{max-width:72rem;margin:0 auto;padding:0 1.5rem}
.liste-milieux{
  display:flex;flex-wrap:wrap;gap:0.55rem;margin:0.8rem 0 1.4rem;padding:0;list-style:none;
}
.liste-milieux li{
  background:var(--carte);
  border:1px solid var(--filet);
  padding:0.4rem 0.8rem;
  font-weight:600;
  font-size:0.95rem;
}
.especes{margin:0 0 1rem;color:var(--texte)}
.chaudron{margin:0;color:var(--texte);max-width:46rem}

.recits{margin:0 0 2rem}
.recits-intro{max-width:40rem;margin:0 0 1.4rem}
.cartes-recits{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1.25rem;
}
.carte-recit{
  background:var(--carte);
  border:1px solid var(--filet);
  padding:1.4rem 1.35rem 1.3rem;
  display:flex;
  flex-direction:column;
  min-height:100%;
}
.carte-recit h3{
  font-family:"Newsreader",Georgia,serif;
  font-size:1.4rem;
  margin:0 0 0.6rem;
  line-height:1.25;
}
.carte-recit h3 a{color:var(--encre);text-decoration:none}
.carte-recit h3 a:hover{color:var(--gilet)}
.carte-faits{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0.5rem;
  margin:0.7rem 0 1rem;
  padding:0;
  list-style:none;
}
.carte-faits li{font-size:0.85rem;color:var(--muet);line-height:1.3}
.carte-faits strong{display:block;color:var(--foret);font-size:1.15rem;font-family:"Newsreader",Georgia,serif}
.lien-carte{
  margin-top:auto;
  font-weight:700;
  color:var(--gilet);
  text-decoration:none;
  min-height:44px;
  display:inline-flex;
  align-items:center;
}
.lien-carte:hover{color:var(--foret);text-decoration:underline}

.pied{
  background:var(--foret-profond);
  color:#e8e0d2;
  padding:2.4rem 1.5rem 2rem;
  margin-top:0;
}
body.udac .pied a,
body.udac footer.pied a{
  color:#f3e7d2;
}
body.udac .pied a:hover,
body.udac footer.pied a:hover{
  color:#fff;
}
body.udac .entry-footer a,
body.udac .cat-links a,
body.udac .tags-links a{
  color:var(--gilet);
}
body.udac .entry-footer a:hover,
body.udac .cat-links a:hover{
  color:var(--foret);
}
.pied-interieur{
  max-width:72rem;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1.25fr);
  gap:2.4rem 3rem;
  align-items:start;
}
.pied-titre,
.pied strong{
  display:block;
  font-family:"Newsreader",Georgia,serif;
  font-size:1.2rem;
  font-weight:700;
  color:#fff;
  margin:0 0 0.7rem;
  line-height:1.3;
}
.pied p{margin:0 0 0.6rem;color:#e8e0d2}
.pied ul{list-style:none;margin:0;padding:0}
.pied li{margin:0}
.pied li a{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  text-decoration:none;
  color:#f3e7d2;
}
.pied li a:hover{text-decoration:underline;color:#fff}
.pied a:focus-visible{
  outline:2px solid #f3e7d2;
  outline-offset:3px;
}
.pied-bas{
  max-width:72rem;margin:1.8rem auto 0;
  padding-top:1.1rem;
  border-top:1px solid rgba(232,224,210,.2);
  font-size:0.88rem;
  color:#c9c0b0;
}
@media (max-width:800px){
  .pied-interieur > * + *{
    border-top:1px solid rgba(232,224,210,.2);
    padding-top:1.4rem;
  }
}

body.udac:not(.home) #main{
  max-width:46rem;
  margin:0 auto;
  padding:2rem 1.5rem 4rem;
}
body.udac.archive #main,
body.udac.search #main,
body.udac.blog #main{
  max-width:54rem;
}
body.udac:not(.home) .inside-article{
  background:transparent;
  padding:0;
  margin:0;
}
body.udac .entry-meta,
body.udac .entry-footer,
body.udac .posted-on,
body.udac .cat-links,
body.udac .tags-links,
body.udac .nav-links{
  color:var(--muet);
  font-size:0.92rem;
}
body.udac .entry-content p{margin:0 0 1rem}
body.udac .entry-content h2{
  margin-top:1.8rem;
}
body.udac .page-header{margin:0 0 1.6rem}
body.udac .archive .entry-title,
body.udac.archive article .entry-title{
  font-size:1.55rem;
  margin:0 0 0.4rem;
}
body.udac.archive article{
  background:var(--carte);
  border:1px solid var(--filet);
  padding:1.3rem 1.35rem;
  margin:0 0 1.1rem;
}
body.udac.archive article .entry-title a{color:var(--encre);text-decoration:none}
body.udac.archive article .entry-title a:hover{color:var(--gilet)}

.page-erreur{padding:1rem 0 2rem}
.formulaire-recherche{
  display:flex;
  gap:0.6rem;
  flex-wrap:wrap;
  margin-top:1.2rem;
  align-items:center;
}
.champ-recherche{
  flex:1 1 12rem;
  min-height:44px;
  border:1px solid var(--filet);
  background:var(--carte);
  color:var(--texte);
  padding:0.5rem 0.8rem;
  font:inherit;
  border-radius:2px;
}
.bouton-recherche{
  min-height:44px;
  padding:0.5rem 1.1rem;
  background:var(--foret);
  color:var(--carte);
  border:0;
  font:inherit;
  font-weight:700;
  cursor:pointer;
  border-radius:2px;
}
.bouton-recherche:hover{background:var(--foret-profond)}

body.udac .comment-respond,
body.udac .comments-area{
  margin-top:2.5rem;
  padding-top:1.5rem;
  border-top:1px solid var(--filet);
}
body.udac .comment-form input[type="text"],
body.udac .comment-form input[type="email"],
body.udac .comment-form input[type="url"],
body.udac .comment-form textarea{
  width:100%;
  max-width:100%;
  border:1px solid var(--filet);
  background:var(--carte);
  color:var(--texte);
  padding:0.55rem 0.8rem;
  font:inherit;
  min-height:44px;
}
body.udac .comment-form textarea{min-height:8rem}
body.udac .comment-form input[type="submit"],
body.udac .comment-form .submit{
  min-height:44px;
  padding:0.5rem 1.1rem;
  background:var(--foret);
  color:var(--carte);
  border:0;
  font:inherit;
  font-weight:700;
  cursor:pointer;
}
body.udac .comment-reply-title,
body.udac .comments-title{
  font-family:"Newsreader",Georgia,serif;
  font-size:1.45rem;
  color:var(--encre);
}

body.udac .screen-reader-text:not(:focus):not(:active){
  border:0;
  clip:rect(1px,1px,1px,1px);
  clip-path:inset(50%);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
  white-space:nowrap;
}
body.udac .skip-link:focus,
body.udac a.screen-reader-text:focus{
  clip:auto;
  clip-path:none;
  height:auto;
  width:auto;
  margin:0;
  padding:0.6rem 1rem;
  position:absolute;
  left:1rem;
  top:1rem;
  z-index:10000;
  background:var(--foret-profond);
  color:#fff;
  text-decoration:none;
}

body.udac.error404 .no-results,
body.udac.error404 .entry-title{display:none}

@media (max-width:800px){
  .entete{flex-wrap:wrap;align-items:center}
  .marque{min-width:0;flex:1}
  .marque-nom{font-size:1.05rem}
  .nav-bascule{display:inline-flex;align-items:center;margin-left:auto;flex:none}
  .nav-principale{
    display:none;
    width:100%;
    flex-basis:100%;
  }
  .nav-principale.ouverte{display:block}
  .nav-principale ul{flex-direction:column;gap:0;padding:0.4rem 0 0.2rem}
  .nav-principale a{display:block;padding:0.7rem 0;min-height:44px}
  .ouverture,.grille-deux,.cartes-recits,.chiffres,.pied-interieur{
    grid-template-columns:1fr;
    gap:1.5rem;
  }
  .ouverture{padding-top:1.2rem}
  .chiffres{gap:0.4rem}
  .enveloppe{padding-left:1.25rem;padding-right:1.25rem}
  .milieux .interieur{padding-left:1.25rem;padding-right:1.25rem}
  body.udac:not(.home) #main{padding-left:1.25rem;padding-right:1.25rem}
}

body.udac.error404 .inside-article{display:none}
body.udac .byline{display:none}
body.udac .footer-widgets{display:none}