/* compact [
	template/css/site.css
] 77.9% */

/* template/css/site.css */
:root{--vert:#1b6d06;--vert-fonce:#124a04;--vert-clair:#e3f0df;--vert-pale:#f2f8f0;--encre:#1c261a;--gris:#58645a;--bord:#d8e2d5;--fond:#f5f8f4;--rayon:12px;--ombre:0 2px 4px rgba(18,50,8,.06),0 10px 24px rgba(18,50,8,.10);--largeur:1200px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:4.5rem;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fond);color:var(--encre);font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
img{max-width:100%;height:auto}
a{color:var(--vert);text-decoration:none}
a:hover{color:var(--vert-fonce);text-decoration:underline}
h1,h2,h3,h4{margin:0 0 .5em;color:var(--vert-fonce);line-height:1.25}
p{margin:0 0 1em}
:focus-visible{outline:3px solid #7bc16a;outline-offset:2px}
.evitement{position:absolute;left:-999px}
.evitement:focus{left:1rem;top:1rem;z-index:30000;padding:.5rem 1rem;border-radius:8px;background:#fff}
.conteneur{max-width:var(--largeur);margin:0 auto;padding:0 1rem}
.principal{padding-top:1.5rem;padding-bottom:2.5rem}
.titre-section{position:relative;margin:0 0 1.1rem;padding-left:.75rem;border-left:4px solid var(--vert);font-size:1.4rem}
.page-titre{margin-bottom:2rem}
.page-titre h1{font-size:clamp(1.8rem,4vw,2.6rem)}
.page-titre .texte{font-size:1.05rem;color:var(--gris)}
.entete{background:radial-gradient(900px 220px at 92% -30%,var(--vert-clair),transparent 70%),#fff}
.entete .conteneur{padding-top:1rem;padding-bottom:1rem}
.logo{margin:0;font-size:1.9rem;font-weight:700;line-height:1}
.logo a{display:inline-flex;align-items:center;gap:.6rem;color:var(--vert)}
.logo a:hover{color:var(--vert-fonce);text-decoration:none}
.logo img{width:2.4rem;height:2.4rem;transition:transform .6s cubic-bezier(.3,1.6,.5,1)}
.logo a:hover img{transform:rotate(90deg) scale(1.12)}
.slogan{margin:.35rem 0 0;color:var(--gris)}
.menu-principal{position:sticky;top:0;z-index:100;background:linear-gradient(180deg,#218009,var(--vert));box-shadow:0 2px 6px rgba(0,0,0,.18)}
.menu-principal ul{display:flex;justify-content:space-between;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}
.menu-case{position:absolute;width:1px;height:1px;opacity:0}
.menu-burger{display:none}
.menu-principal ul::-webkit-scrollbar{display:none}
.menu-principal a{position:relative;display:block;padding:.85rem .7rem;color:#fff;font-size:.93rem;font-weight:600;white-space:nowrap}
.menu-principal a::after{content:"";position:absolute;right:.7rem;bottom:.45rem;left:.7rem;height:2px;border-radius:2px;background:#9ad88a;transform:scaleX(0);transform-origin:left;transition:transform .3s}
.menu-principal a:hover{color:#fff;text-decoration:none}
.menu-principal a:hover::after,.menu-principal .on a::after{transform:scaleX(1)}
.menu-principal .on a{background:rgba(0,0,0,.18)}
.avertissement{padding:.6rem 1rem;border-bottom:1px solid var(--bord);background:var(--vert-pale);color:var(--vert-fonce);font-size:.85rem;line-height:1.45;text-align:center}
.avertissement p{margin:0}
.fil{margin-bottom:1.25rem;color:var(--gris);font-size:.88rem}
.fil a{color:var(--gris)}
.fil strong{color:var(--encre);font-weight:600}
.grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem;margin-bottom:2.5rem}
.grille-large{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.carte{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--bord);border-radius:var(--rayon);background:#fff;transition:box-shadow .2s,transform .2s}
.carte::before{content:"";position:absolute;top:0;right:0;left:0;z-index:2;height:4px;background:linear-gradient(90deg,var(--vert),#6fc45a);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.carte:hover{transform:translateY(-4px);border-color:#b8d3b0;box-shadow:var(--ombre)}
.carte:hover::before{transform:scaleX(1)}
.carte-image{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--vert-clair)}
.carte-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 20%;transition:transform .4s}
.carte-image::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 55%,rgba(18,74,4,.4));opacity:0;transition:opacity .35s}
.carte:hover .carte-image img{transform:scale(1.06)}
.carte:hover .carte-image::after{opacity:1}
.carte-corps{display:flex;flex:1;flex-direction:column;padding:1rem 1.1rem 1.1rem}
.carte-titre{margin:0 0 .5rem;font-size:1.05rem;line-height:1.3}
.carte-titre a{color:var(--encre)}
.carte-titre a:hover{color:var(--vert);text-decoration:none}
.carte-titre a::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}
.carte-intro{display:-webkit-box;margin:0 0 .8rem;overflow:hidden;color:var(--gris);font-size:.92rem;line-height:1.5;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}
.carte-date{display:flex;justify-content:space-between;margin-top:auto;color:var(--gris);font-size:.8rem}
.carte-date::after{content:"Lire →";color:var(--vert);font-weight:600;opacity:0;translate:-8px 0;transition:opacity .3s,translate .3s}
.carte:hover .carte-date::after{opacity:1;translate:0 0}
.carte-texte{padding:1.2rem 1.3rem}
.carte-texte .carte-titre::after{content:"→";display:inline-block;margin-left:.4rem;color:var(--vert);opacity:0;translate:-8px 0;transition:opacity .3s,translate .3s}
.carte-texte:hover .carte-titre::after{opacity:1;translate:0 0}
.carte-lien{margin-top:auto;font-size:.9rem;font-weight:600}
.article-mise-en-page{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;align-items:start}
.article{padding:1.25rem;border:1px solid var(--bord);border-radius:var(--rayon);background:#fff}
.article-entete{margin-bottom:1.75rem}
.article-meta{margin:0;color:var(--gris);font-size:.85rem}
.article h1{margin:.3rem 0 .9rem;font-size:clamp(1.75rem,3.6vw,2.4rem)}
.chapo{margin:0;color:#34412f;font-size:1.15rem;line-height:1.6}
.illustration{margin:0;overflow:hidden;border-radius:var(--rayon);box-shadow:var(--ombre)}
.illustration-mobile{margin-top:1.25rem}
.illustration-bureau{display:none;margin-bottom:1.1rem}
.illustration img{display:block;width:100%;height:auto}
.sommaire{margin:0 0 2rem;padding:1rem 1.25rem;border:1px solid var(--bord);border-radius:var(--rayon);background:var(--vert-pale)}
.sommaire-titre{margin:0 0 .5rem;color:var(--vert-fonce);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.sommaire ol{margin:0;padding-left:1.4rem;columns:2 260px;column-gap:2rem}
.sommaire li{padding:.15rem 0;break-inside:avoid}
.sommaire li{transition:translate .2s}
.sommaire li:hover{translate:5px 0}
.sommaire a:hover{text-decoration:none}
.texte{font-size:1.08rem;line-height:1.75}
.texte h2{margin:2.2rem 0 .8rem;padding-bottom:.5rem;background:linear-gradient(var(--vert),var(--vert)) 0 100% / 3.5rem 3px no-repeat,linear-gradient(var(--vert-clair),var(--vert-clair)) 0 100% / 100% 3px no-repeat;font-size:1.55rem}
.texte h3{margin:1.6rem 0 .5rem;font-size:1.2rem}
.texte ul,.texte ol{margin:0 0 1.2rem;padding-left:1.4rem}
.texte li{margin-bottom:.35rem}
.texte li::marker{color:var(--vert)}
.texte a{padding-bottom:1px;background:linear-gradient(currentColor,currentColor) 0 100% / 0 2px no-repeat,linear-gradient(rgba(27,109,6,.3),rgba(27,109,6,.3)) 0 100% / 100% 1px no-repeat;text-decoration:none;transition:background-size .3s}
.texte a:hover{background-size:100% 2px,100% 1px;text-decoration:none}
.texte blockquote{margin:1.5rem 0;padding:1rem 1.25rem;border-left:4px solid var(--vert);border-radius:0 var(--rayon) var(--rayon) 0;background:var(--vert-pale)}
.texte blockquote > :last-child{margin-bottom:0}
.texte table{display:block;width:100%;margin:0 0 1.2rem;border-collapse:collapse;overflow-x:auto}
.texte th,.texte td{padding:.5rem .75rem;border:1px solid var(--bord);text-align:left}
.texte th{background:var(--vert-pale)}
.texte img{border-radius:8px}
.article-pied{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--bord);color:var(--gris);font-size:.88rem}
.auteur{margin:0 0 .6rem;padding:.7rem 1rem;border-radius:8px;background:var(--vert-pale)}
.haut{margin:1rem 0 0;font-size:.9rem;font-weight:600;text-align:right}
.menu{margin-bottom:1.25rem;padding:1rem 1.1rem;border:1px solid var(--bord);border-radius:var(--rayon);background:#fff}
.menu h2{margin:0 0 .6rem;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase}
.menu h2 a{color:inherit}
.menu ul{margin:0 0 1rem;padding:0;list-style:none}
.menu ul:last-child{margin-bottom:0}
.menu li{padding:.4rem 0;border-bottom:1px solid #edf2eb;font-size:.92rem;line-height:1.4}
.menu li:last-child{border-bottom:0}
.menu li a{display:inline-block;color:var(--encre);transition:translate .2s,color .2s}
.menu li a:hover{color:var(--vert);translate:4px 0;text-decoration:none}
.menu small{color:var(--gris)}
.actu{margin-bottom:1.25rem;padding:1.1rem 1.3rem;border:1px solid var(--bord);border-radius:var(--rayon);background:#fff}
.actu h3{margin-bottom:.25rem}
.actu-meta{margin:0 0 .5rem;color:var(--gris);font-size:.85rem}
.actu p:last-child{margin-bottom:0}
.liste-admin{padding-left:1.5rem;font-size:.9rem}
.doc{display:flex;align-items:center;gap:.75rem;margin:.75rem 0}
.commentaires{margin-top:2.5rem}
.comments-items{margin:0;padding:0;list-style:none}
.comments-items .comments-items{margin-top:.75rem;padding-left:1.25rem}
.comment-item{margin:0 0 1rem;padding:.4rem 0 .4rem 1rem;border-left:3px solid var(--vert-clair)}
.comment-item p{margin:0 0 .4rem}
.comment-item small{color:var(--gris)}
.formulaire,.formulaire_spip{margin-top:2rem;padding:1.25rem 1.5rem;border:1px solid var(--bord);border-radius:var(--rayon);background:var(--vert-pale)}
.formulaire fieldset,.formulaire_spip fieldset{margin:0;padding:0;border:0}
.formulaire h3,.formulaire legend,.formulaire_spip legend{margin:0 0 1rem;padding:0;color:var(--vert-fonce);font-size:1.15rem;font-weight:700}
.formulaire_spip ul{margin:0;padding:0;list-style:none}
.champ,.formulaire_spip .editer{margin-bottom:1rem}
label{display:block;margin:0 0 .25rem;font-size:.92rem;font-weight:600}
input[type=text],input[type=email],input[type=password],input[type=url],input[type=search],textarea{width:100%;padding:.65rem .8rem;border:1px solid #bccbb8;border-radius:8px;background:#fff;color:inherit;font:inherit}
textarea{min-height:8rem}
input:focus,textarea:focus{border-color:var(--vert);outline:3px solid rgba(27,109,6,.18)}
.btn,input[type=submit]{display:inline-block;padding:.65rem 1.4rem;border:0;border-radius:8px;background:var(--vert);color:#fff;font:inherit;font-weight:700;cursor:pointer;transition:background .2s,translate .2s,box-shadow .2s}
.btn:hover,input[type=submit]:hover{background:var(--vert-fonce);box-shadow:0 6px 14px rgba(27,109,6,.3);translate:0 -2px}
.btn:active,input[type=submit]:active{box-shadow:none;translate:0 0}
.alerte,.reponse_formulaire{margin:0 0 1rem;padding:.7rem 1rem;border:1px solid #ecd78f;border-radius:8px;background:#fff8e1;color:#5c4700}
.alerte-ok,.reponse_formulaire_ok{border:1px solid #bfe0b7;background:#e3f4df;color:#17510a}
.alerte-erreur,.reponse_formulaire_erreur{border:1px solid #efc0bb;background:#fbe9e7;color:#8a1f14}
.erreur_message{display:block;margin-bottom:.25rem;color:#8a1f14;font-size:.85rem}
.pagination-items{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin:2rem 0;padding:0;list-style:none}
.pagination-item-label{display:block;min-width:2.5rem;padding:.45rem .8rem;border:1px solid var(--bord);border-radius:8px;background:#fff;text-align:center;transition:background .2s,color .2s,border-color .2s}
a.pagination-item-label:hover{border-color:var(--vert);background:var(--vert-clair);text-decoration:none}
.pagination-item.on .pagination-item-label{border-color:var(--vert);background:var(--vert);color:#fff}
.pied{margin-top:1rem;padding:1.5rem 0;border-top:3px solid var(--vert);background:linear-gradient(180deg,#0f3a05,#0a2a03);color:#cfe3c9;font-size:.88rem}
.pied p{margin:0;text-align:center}
.pied a{color:#fff;text-decoration:underline}
#consent{position:fixed;right:1rem;bottom:1rem;left:1rem;z-index:20000;max-width:780px;margin:0 auto;padding:1rem 1.25rem;border-radius:14px;background:#12330a;box-shadow:0 10px 30px rgba(0,0,0,.35);color:#fff;font-size:.92rem;line-height:1.5}
#consent p{margin:0 0 .5rem}
#consent a{color:#fff;text-decoration:underline;cursor:pointer}
#consent .btnperso{display:inline-block;margin-left:.5rem;white-space:nowrap}
#consent .btnperso a{display:inline-block;padding:.2rem .9rem;border-radius:999px;background:#fff;color:var(--vert-fonce);font-weight:700;text-decoration:none;transition:background .2s,translate .2s}
#consent .btnperso a:hover{background:var(--vert-clair);translate:0 -1px}
.option{display:grid;grid-template-columns:auto 1fr;gap:.25rem 1rem;align-items:center;margin-bottom:1.5rem}
.option h3{grid-column:1 / -1;margin:0}
.option p{margin:0}
.switch{position:relative;display:inline-block;width:44px;height:24px;margin:0}
.switch input{display:none}
.slider{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;background:#b9c4b6;cursor:pointer;transition:background .3s}
.slider::before{content:"";position:absolute;bottom:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .3s}
input:checked + .slider{background:var(--vert)}
input:checked + .slider::before{transform:translateX(20px)}
.wrapper{max-width:var(--largeur);margin:0 auto;padding:1.5rem 1rem 2.5rem}
.arbo{color:var(--gris);font-size:.88rem}
.cartouche h1{margin-bottom:.25rem;font-size:clamp(1.8rem,4vw,2.4rem)}
.soustitre{color:var(--gris)}
.recherche{margin:0}
@media (min-width:700px){.article{padding:2.25rem 2.5rem}}
@media (min-width:992px){.article-mise-en-page{grid-template-columns:minmax(0,1fr) 300px;gap:2.5rem}
.illustration-mobile{display:none}
.illustration-bureau{display:block}
.lateral{position:sticky;top:4rem;max-height:calc(100vh - 5rem);overflow-y:auto}}
@media (max-width:1080px){.menu-burger{display:flex;align-items:center;gap:.85rem;padding:.8rem 0;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}
.menu-case:focus-visible + .menu-burger{outline:3px solid #9ad88a;outline-offset:2px}
.menu-burger-icone,.menu-burger-icone::before,.menu-burger-icone::after{display:block;width:24px;height:3px;border-radius:3px;background:#fff;transition:transform .3s,top .3s,background .2s}
.menu-burger-icone{position:relative}
.menu-burger-icone::before,.menu-burger-icone::after{content:"";position:absolute;left:0}
.menu-burger-icone::before{top:-8px}
.menu-burger-icone::after{top:8px}
.menu-case:checked + .menu-burger .menu-burger-icone{background:transparent}
.menu-case:checked + .menu-burger .menu-burger-icone::before{top:0;transform:rotate(45deg)}
.menu-case:checked + .menu-burger .menu-burger-icone::after{top:0;transform:rotate(-45deg)}
.menu-principal ul{display:block;max-height:0;overflow:hidden;transition:max-height .4s ease}
.menu-case:checked ~ ul{max-height:calc(100vh - 5rem);padding-bottom:.5rem;overflow-y:auto}
.menu-principal li{border-top:1px solid rgba(255,255,255,.16)}
.menu-principal a{padding:.9rem .25rem;font-size:1rem}
.menu-principal a::after{display:none}
.menu-principal .on a{background:transparent;box-shadow:inset 4px 0 0 #9ad88a;padding-left:1rem}}
@media (max-width:600px){body{font-size:16px}
.logo{font-size:1.6rem}
.avertissement{padding:.5rem .75rem;font-size:.78rem}
.grille{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.grille-large{grid-template-columns:minmax(0,1fr)}
.carte-corps{padding:.75rem .8rem .85rem}
.carte-titre{font-size:.95rem}
.carte-intro{display:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@media print{.menu-principal,.avertissement,.lateral,.formulaire,.haut,.pied,#consent,.evitement,.remonter{display:none!important}
body{background:#fff}
.article{padding:0;border:0}}::selection{background:var(--vert);color:#fff}
.lateral{scrollbar-width:thin;scrollbar-color:#b9d3b2 transparent}
.menu-principal::after{content:"";position:absolute;right:0;bottom:0;left:0;height:3px;background:linear-gradient(90deg,#9ad88a,#fff);transform:scaleX(0);transform-origin:left}
.remonter{position:fixed;right:1.25rem;bottom:1.25rem;z-index:150;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--vert);box-shadow:0 4px 14px rgba(0,0,0,.28);color:#fff;font-size:1.3rem;line-height:1;transition:background .2s,translate .2s}
.remonter:hover{background:var(--vert-fonce);color:#fff;text-decoration:none;translate:0 -3px}
@keyframes revele{from{opacity:0;translate:0 26px}}
@keyframes progression{to{transform:scaleX(1)}}
@keyframes apparition{from{opacity:0;translate:0 14px}}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}
@supports (animation-timeline:view()){.carte,.titre-section,.actu{animation:revele linear both;animation-timeline:view();animation-range:entry 0% entry 45%}}
@supports (animation-timeline:scroll()){.menu-principal::after{animation:progression linear both;animation-timeline:scroll(root)}
.remonter{animation:apparition linear both;animation-timeline:scroll(root);animation-range:250px 450px}}}

