/* ==========================================================================
   Benedicte.io — socle commun
   Ce fichier porte les couleurs, la typographie, les boutons, l'en-tête et
   le pied de page. Pour changer une couleur du site, modifiez-la ici, dans
   le bloc :root ci-dessous — elle se répercute sur toutes les pages.
   Les styles propres à chaque page restent dans la page elle-même.
   ========================================================================== */

:root{
  /* --- couleurs de marque, reprises du logo AgriWeb --- */
  --vert:#2A7242;        /* couleur principale : marque, boutons, liens      */
  --vert-fonce:#1E5433;  /* survol des boutons                               */
  --vert-nuit:#13281C;   /* fonds sombres                                    */
  --lime:#A5C251;        /* accent — jamais en texte sur blanc (contraste 2:1) */
  --lime-fonce:#8AA73C;  /* contour de focus clavier                         */
  --lime-pale:#EEF4DD;   /* encadrés, surbrillance de ligne                  */
  --vert-pale:#E9F1EB;   /* en-têtes de tableau, blocs secondaires           */

  /* --- neutres --- */
  --papier:#F7F8F4;      /* fond général des pages                           */
  --blanc:#FFFFFF;
  --encre:#15211A;       /* texte courant                                    */
  --gris:#596760;        /* texte secondaire                                 */
  --gris-pale:#8B968F;   /* légendes, mentions                               */
  --trait:#E1E6DE;       /* filets et bordures                               */

  --police:Inter,system-ui,-apple-system,sans-serif;
  --lg:1180px;           /* largeur maximale du contenu                      */
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--papier);color:var(--encre);font-family:var(--police);
     font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
p{margin:0}
img{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:800;line-height:1.12;letter-spacing:-.03em}
h1{font-size:clamp(2.05rem,4.1vw,3.1rem)}
h2{font-size:clamp(1.45rem,2.4vw,1.95rem)}
h3{font-size:1.03rem;font-weight:700;letter-spacing:-.018em}
.wrap{max-width:var(--lg);margin:0 auto;padding:0 24px}

/* --- boutons --- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;
     font-size:.94rem;padding:12px 20px;border-radius:6px;border:1px solid transparent;
     text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.btn-p{background:var(--vert);color:#fff}
.btn-p:hover{background:var(--vert-fonce)}
.btn-l{background:var(--blanc);border-color:var(--trait);color:var(--encre)}
.btn-l:hover{border-color:var(--vert);color:var(--vert)}
.btn-c{background:#fff;color:var(--vert)}
.btn-c:hover{background:var(--lime-pale)}

/* --- accessibilité : repère clavier visible partout --- */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,
textarea:focus-visible,label:focus-visible{outline:2px solid var(--lime-fonce);outline-offset:2px}

/* --- bandeau de lancement --- */
.bandeau{background:var(--vert-nuit);color:#CBDAD0;font-size:.86rem;padding:9px 24px;text-align:center}
.bandeau b{color:#fff}
.bandeau a{color:var(--lime)}

/* --- en-tête --- */
.nav{background:var(--blanc);border-bottom:1px solid var(--trait);position:sticky;top:0;z-index:50}
.nav-in{display:flex;align-items:center;gap:28px;height:70px}
.nav-logo{display:flex;align-items:center}
.nav-logo img{width:172px;height:auto}
.nav-liens{display:flex;gap:21px}
.nav-liens a{font-size:.92rem;font-weight:500;color:var(--gris);text-decoration:none}
.nav-liens a:hover{color:var(--encre)}
.nav-liens a[aria-current="page"]{color:var(--encre);font-weight:600}
.nav-act{margin-left:auto;display:flex;align-items:center;gap:15px}
.nav-act .co{font-size:.92rem;font-weight:600;text-decoration:none;color:var(--gris)}
.nav-act .co:hover{color:var(--encre)}

/* --- pied de page --- */
.pied{background:var(--blanc);border-top:1px solid var(--trait);padding:52px 0 26px;font-size:.9rem}
.pied-g{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:38px}
.pied-g img{width:160px;height:auto}
.pied h4{font-size:.87rem;font-weight:700;margin:0 0 13px}
.pied ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.pied a{color:var(--gris);text-decoration:none}
.pied a:hover{color:var(--vert)}
.pied-bl{color:var(--gris);margin-top:12px;max-width:30ch}
.pied-bas{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:38px;padding-top:19px;
          border-top:1px solid var(--trait);font-size:.83rem;color:var(--gris-pale)}
.pied-bas a{text-decoration:none;color:var(--gris-pale)}
.pied-bas a:hover{color:var(--vert)}
.pied-bas .c{margin-right:auto}

/* --- traitement manuscrit : signature de marque, une seule fois par page ---
   Le trait est un dessin vectoriel posé en fond du texte souligné : il s'étire
   sur sa largeur. Pour souligner autre chose, entourez le texte de
   <span class="sl">…</span>. */
.manu{font-family:'Caveat',cursive;font-weight:700;letter-spacing:0;line-height:1.24}
.sl{
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%2213.9%22%20viewBox%3D%220%200%20300%2013.9%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0.0%2C10.4%20L1.7%2C8.5%20L3.3%2C8.0%20L5.0%2C7.7%20L6.7%2C7.4%20L8.3%2C7.2%20L10.0%2C7.0%20L11.7%2C6.8%20L13.3%2C6.6%20L15.0%2C6.4%20L16.7%2C6.3%20L18.3%2C6.1%20L20.0%2C6.0%20L21.7%2C5.8%20L23.3%2C5.7%20L25.0%2C5.6%20L26.7%2C5.4%20L28.3%2C5.3%20L30.0%2C5.2%20L31.7%2C5.1%20L33.3%2C4.9%20L35.0%2C4.8%20L36.7%2C4.7%20L38.3%2C4.6%20L40.0%2C4.5%20L41.7%2C4.4%20L43.3%2C4.3%20L45.0%2C4.2%20L46.7%2C4.1%20L48.3%2C4.0%20L50.0%2C3.9%20L51.7%2C3.8%20L53.3%2C3.7%20L55.0%2C3.6%20L56.7%2C3.5%20L58.3%2C3.5%20L60.0%2C3.4%20L61.7%2C3.3%20L63.3%2C3.2%20L65.0%2C3.1%20L66.7%2C3.0%20L68.3%2C3.0%20L70.0%2C2.9%20L71.7%2C2.8%20L73.3%2C2.7%20L75.0%2C2.7%20L76.7%2C2.6%20L78.3%2C2.5%20L80.0%2C2.5%20L81.7%2C2.4%20L83.3%2C2.3%20L85.0%2C2.3%20L86.7%2C2.2%20L88.3%2C2.1%20L90.0%2C2.1%20L91.7%2C2.0%20L93.3%2C1.9%20L95.0%2C1.9%20L96.7%2C1.8%20L98.3%2C1.8%20L100.0%2C1.7%20L101.7%2C1.7%20L103.3%2C1.6%20L105.0%2C1.6%20L106.7%2C1.5%20L108.3%2C1.5%20L110.0%2C1.4%20L111.7%2C1.4%20L113.3%2C1.3%20L115.0%2C1.3%20L116.7%2C1.3%20L118.3%2C1.2%20L120.0%2C1.2%20L121.7%2C1.1%20L123.3%2C1.1%20L125.0%2C1.1%20L126.7%2C1.0%20L128.3%2C1.0%20L130.0%2C1.0%20L131.7%2C0.9%20L133.3%2C0.9%20L135.0%2C0.9%20L136.7%2C0.9%20L138.3%2C0.8%20L140.0%2C0.8%20L141.7%2C0.8%20L143.3%2C0.8%20L145.0%2C0.7%20L146.7%2C0.7%20L148.3%2C0.7%20L150.0%2C0.7%20L151.7%2C0.7%20L153.3%2C0.7%20L155.0%2C0.7%20L156.7%2C0.6%20L158.3%2C0.6%20L160.0%2C0.6%20L161.7%2C0.6%20L163.3%2C0.6%20L165.0%2C0.6%20L166.7%2C0.6%20L168.3%2C0.6%20L170.0%2C0.6%20L171.7%2C0.6%20L173.3%2C0.6%20L175.0%2C0.6%20L176.7%2C0.6%20L178.3%2C0.6%20L180.0%2C0.6%20L181.7%2C0.6%20L183.3%2C0.6%20L185.0%2C0.6%20L186.7%2C0.7%20L188.3%2C0.7%20L190.0%2C0.7%20L191.7%2C0.7%20L193.3%2C0.7%20L195.0%2C0.7%20L196.7%2C0.8%20L198.3%2C0.8%20L200.0%2C0.8%20L201.7%2C0.8%20L203.3%2C0.8%20L205.0%2C0.9%20L206.7%2C0.9%20L208.3%2C0.9%20L210.0%2C1.0%20L211.7%2C1.0%20L213.3%2C1.0%20L215.0%2C1.1%20L216.7%2C1.1%20L218.3%2C1.1%20L220.0%2C1.2%20L221.7%2C1.2%20L223.3%2C1.2%20L225.0%2C1.3%20L226.7%2C1.3%20L228.3%2C1.4%20L230.0%2C1.4%20L231.7%2C1.5%20L233.3%2C1.5%20L235.0%2C1.5%20L236.7%2C1.6%20L238.3%2C1.6%20L240.0%2C1.7%20L241.7%2C1.8%20L243.3%2C1.8%20L245.0%2C1.9%20L246.7%2C1.9%20L248.3%2C2.0%20L250.0%2C2.0%20L251.7%2C2.1%20L253.3%2C2.2%20L255.0%2C2.2%20L256.7%2C2.3%20L258.3%2C2.4%20L260.0%2C2.4%20L261.7%2C2.5%20L263.3%2C2.6%20L265.0%2C2.7%20L266.7%2C2.8%20L268.3%2C2.8%20L270.0%2C2.9%20L271.7%2C3.0%20L273.3%2C3.1%20L275.0%2C3.2%20L276.7%2C3.3%20L278.3%2C3.4%20L280.0%2C3.5%20L281.7%2C3.6%20L283.3%2C3.7%20L285.0%2C3.9%20L286.7%2C4.0%20L288.3%2C4.1%20L290.0%2C4.3%20L291.7%2C4.5%20L293.3%2C4.7%20L295.0%2C4.9%20L296.7%2C5.2%20L298.3%2C5.6%20L300.0%2C7.2%20L300.0%2C7.2%20L298.3%2C8.8%20L296.7%2C9.1%20L295.0%2C9.3%20L293.3%2C9.5%20L291.7%2C9.6%20L290.0%2C9.7%20L288.3%2C9.8%20L286.7%2C9.9%20L285.0%2C10.0%20L283.3%2C10.1%20L281.7%2C10.2%20L280.0%2C10.2%20L278.3%2C10.3%20L276.7%2C10.3%20L275.0%2C10.4%20L273.3%2C10.4%20L271.7%2C10.4%20L270.0%2C10.5%20L268.3%2C10.5%20L266.7%2C10.5%20L265.0%2C10.6%20L263.3%2C10.6%20L261.7%2C10.6%20L260.0%2C10.7%20L258.3%2C10.7%20L256.7%2C10.7%20L255.0%2C10.7%20L253.3%2C10.8%20L251.7%2C10.8%20L250.0%2C10.8%20L248.3%2C10.8%20L246.7%2C10.8%20L245.0%2C10.8%20L243.3%2C10.9%20L241.7%2C10.9%20L240.0%2C10.9%20L238.3%2C10.9%20L236.7%2C10.9%20L235.0%2C10.9%20L233.3%2C11.0%20L231.7%2C11.0%20L230.0%2C11.0%20L228.3%2C11.0%20L226.7%2C11.0%20L225.0%2C11.0%20L223.3%2C11.0%20L221.7%2C11.0%20L220.0%2C11.1%20L218.3%2C11.1%20L216.7%2C11.1%20L215.0%2C11.1%20L213.3%2C11.1%20L211.7%2C11.1%20L210.0%2C11.1%20L208.3%2C11.1%20L206.7%2C11.2%20L205.0%2C11.2%20L203.3%2C11.2%20L201.7%2C11.2%20L200.0%2C11.2%20L198.3%2C11.2%20L196.7%2C11.2%20L195.0%2C11.2%20L193.3%2C11.3%20L191.7%2C11.3%20L190.0%2C11.3%20L188.3%2C11.3%20L186.7%2C11.3%20L185.0%2C11.3%20L183.3%2C11.3%20L181.7%2C11.3%20L180.0%2C11.4%20L178.3%2C11.4%20L176.7%2C11.4%20L175.0%2C11.4%20L173.3%2C11.4%20L171.7%2C11.4%20L170.0%2C11.5%20L168.3%2C11.5%20L166.7%2C11.5%20L165.0%2C11.5%20L163.3%2C11.5%20L161.7%2C11.5%20L160.0%2C11.6%20L158.3%2C11.6%20L156.7%2C11.6%20L155.0%2C11.6%20L153.3%2C11.6%20L151.7%2C11.7%20L150.0%2C11.7%20L148.3%2C11.7%20L146.7%2C11.7%20L145.0%2C11.7%20L143.3%2C11.8%20L141.7%2C11.8%20L140.0%2C11.8%20L138.3%2C11.8%20L136.7%2C11.9%20L135.0%2C11.9%20L133.3%2C11.9%20L131.7%2C11.9%20L130.0%2C11.9%20L128.3%2C12.0%20L126.7%2C12.0%20L125.0%2C12.0%20L123.3%2C12.0%20L121.7%2C12.1%20L120.0%2C12.1%20L118.3%2C12.1%20L116.7%2C12.1%20L115.0%2C12.2%20L113.3%2C12.2%20L111.7%2C12.2%20L110.0%2C12.3%20L108.3%2C12.3%20L106.7%2C12.3%20L105.0%2C12.3%20L103.3%2C12.4%20L101.7%2C12.4%20L100.0%2C12.4%20L98.3%2C12.4%20L96.7%2C12.5%20L95.0%2C12.5%20L93.3%2C12.5%20L91.7%2C12.6%20L90.0%2C12.6%20L88.3%2C12.6%20L86.7%2C12.6%20L85.0%2C12.7%20L83.3%2C12.7%20L81.7%2C12.7%20L80.0%2C12.7%20L78.3%2C12.8%20L76.7%2C12.8%20L75.0%2C12.8%20L73.3%2C12.9%20L71.7%2C12.9%20L70.0%2C12.9%20L68.3%2C12.9%20L66.7%2C13.0%20L65.0%2C13.0%20L63.3%2C13.0%20L61.7%2C13.0%20L60.0%2C13.1%20L58.3%2C13.1%20L56.7%2C13.1%20L55.0%2C13.1%20L53.3%2C13.2%20L51.7%2C13.2%20L50.0%2C13.2%20L48.3%2C13.2%20L46.7%2C13.2%20L45.0%2C13.2%20L43.3%2C13.3%20L41.7%2C13.3%20L40.0%2C13.3%20L38.3%2C13.3%20L36.7%2C13.3%20L35.0%2C13.3%20L33.3%2C13.3%20L31.7%2C13.3%20L30.0%2C13.3%20L28.3%2C13.3%20L26.7%2C13.3%20L25.0%2C13.3%20L23.3%2C13.3%20L21.7%2C13.3%20L20.0%2C13.3%20L18.3%2C13.3%20L16.7%2C13.2%20L15.0%2C13.2%20L13.3%2C13.2%20L11.7%2C13.1%20L10.0%2C13.0%20L8.3%2C13.0%20L6.7%2C12.8%20L5.0%2C12.7%20L3.3%2C12.5%20L1.7%2C12.2%20L0.0%2C10.4%20Z%22%20fill%3D%22%23A5C251%22%2F%3E%3C%2Fsvg%3E");
  background-repeat:no-repeat;
  background-position:left bottom .02em;
  background-size:100% .18em;
  padding-bottom:.1em;
}

/* --- mention de contenu fictif, à retirer à l'ouverture --- */
.note{font-size:.84rem;color:var(--gris-pale);margin-top:14px;font-style:italic}

@media (max-width:980px){
  .nav-liens{display:none}
  .pied-g{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .wrap{padding:0 18px}
  .nav-logo img{width:146px}
  .pied-g{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}