:root{
	--encre:#1b2320;--texte:#38433f;--doux:#66726d;--ligne:#dde4e1;
	--fond:#fff;--brume:#eef3f1;--creme:#f7f3ed;
	--petrole:#1f4a43;--petrole-f:#153530;--petrole-c:#2f6a60;
	--caramel:#c4843f;--caramel-c:#f4e5d2;
	--t-chien:#b8742f;--t-chat:#6d5a8c;--t-soins:#2f6690;--t-salon:#1f4a43;--t-metier:#8b5436;
	--r:14px;--r-l:22px;--ombre:0 1px 2px rgba(20,40,35,.06),0 10px 30px -12px rgba(20,40,35,.18);
	--titre:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;--corps:"Albert Sans",ui-sans-serif,system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;overflow-x:hidden;background:var(--fond);color:var(--texte);font:400 17px/1.68 var(--corps);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:var(--petrole);text-decoration-thickness:1px;text-underline-offset:3px}
h1,h2,h3,h4{font-family:var(--titre);color:var(--encre);line-height:1.15;letter-spacing:-.02em;margin:0 0 .5em;font-weight:650}
h1{font-size:clamp(2.1rem,4.4vw,3.6rem);font-weight:700;letter-spacing:-.03em}
h2{font-size:clamp(1.6rem,2.6vw,2.2rem)}
h3{font-size:1.25rem}
p{margin:0 0 1.1em}
button{font:inherit;cursor:pointer}
.sr,.skip:not(:focus){position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip:focus{position:fixed;top:8px;left:8px;z-index:100;background:#fff;padding:8px 14px;border-radius:8px}
.conteneur{width:min(1220px,100% - 40px);margin-inline:auto}
.conteneur-large{width:min(1380px,100% - 40px);margin-inline:auto}
.ico{flex:none}

/* Boutons, étiquettes */
.btn{display:inline-flex;align-items:center;gap:.55em;padding:.85em 1.35em;border-radius:999px;font:600 .98rem/1 var(--corps);text-decoration:none;transition:transform .2s,background .2s,color .2s,box-shadow .2s;border:1.5px solid transparent}
.btn:hover{transform:translateY(-2px)}
.btn-plein{background:var(--petrole);color:#fff;box-shadow:0 8px 20px -10px rgba(31,74,67,.7)}
.btn-plein:hover{background:var(--petrole-f)}
.btn-ligne{border-color:var(--encre);color:var(--encre)}
.btn-ligne:hover{background:var(--encre);color:#fff}
.btn-clair{background:#fff;color:var(--encre)}
.etiquette{display:inline-block;font:600 .78rem/1 var(--corps);padding:.45em .8em;border-radius:6px;background:var(--brume);color:var(--petrole);text-decoration:none;margin-bottom:.9em}
.et-chien{background:#f6e8d6;color:#8a5419}.et-chat{background:#ece7f3;color:var(--t-chat)}.et-soins{background:#e3eef6;color:var(--t-soins)}.et-salon{background:#e2efec;color:var(--t-salon)}.et-metier{background:#f3e6de;color:var(--t-metier)}
.surtitre{display:flex;align-items:center;gap:.6em;font:600 .95rem/1.2 var(--corps);color:var(--petrole);margin-bottom:1.1em}
.surtitre-clair{color:var(--caramel-c)}
.pastille{width:9px;height:9px;border-radius:50%;background:var(--caramel);box-shadow:0 0 0 4px rgba(196,132,63,.18)}
.lien-fleche{display:inline-flex;align-items:center;gap:.45em;font-weight:600;text-decoration:none;color:var(--petrole)}
.lien-fleche .ico{transition:transform .2s}.lien-fleche:hover .ico{transform:translateX(4px)}
.tete-section{max-width:640px;margin-bottom:2rem}
.tete-section p{color:var(--doux);margin:0}

/* En-tête */
.progression{position:fixed;inset:0 0 auto;height:3px;z-index:60}
.progression span{display:block;height:100%;width:0;background:var(--caramel)}
.entete{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}
.entete.defile{border-color:var(--ligne);box-shadow:0 6px 24px -18px rgba(0,0,0,.4)}
.entete-in{display:flex;align-items:center;gap:28px;height:78px}
.logo{display:flex;align-items:center;gap:11px;text-decoration:none;flex:none}
.logo-mark svg{display:block}
.logo-txt{display:flex;flex-direction:column;line-height:1}
.logo-txt .l1{font:500 .8rem/1 var(--corps);color:var(--doux);letter-spacing:.01em}
.logo-txt .l2{font:700 1.32rem/1.05 var(--titre);color:var(--encre);letter-spacing:-.02em}
.nav{margin-left:auto}
.nav-liste{list-style:none;margin:0;padding:0;display:flex;gap:4px}
.nav-lien{display:flex;align-items:center;gap:5px;padding:10px 13px;border-radius:9px;font:500 .98rem/1 var(--corps);color:var(--encre);text-decoration:none;transition:background .2s}
.nav-lien .ico{opacity:.55;transition:transform .2s}
.nav-el:hover .nav-lien,.nav-el:focus-within .nav-lien{background:var(--brume)}
.nav-el:hover .nav-lien .ico{transform:rotate(180deg)}
.nav-el.courant .nav-lien{color:var(--petrole);box-shadow:inset 0 -2px 0 var(--caramel)}
.mega{position:absolute;left:0;right:0;top:100%;padding-top:0;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s}
.nav-el:hover .mega,.nav-el:focus-within .mega{opacity:1;visibility:visible;transform:none}
.mega-in{width:min(1220px,100% - 40px);margin:0 auto;background:#fff;border:1px solid var(--ligne);border-radius:0 0 var(--r-l) var(--r-l);box-shadow:0 24px 50px -24px rgba(0,0,0,.28);display:grid;grid-template-columns:380px 1fr;gap:34px;padding:24px}
.mega-visuel{position:relative;border-radius:var(--r);overflow:hidden;text-decoration:none;min-height:250px}
.mega-visuel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mega-visuel-txt{position:absolute;inset:auto 0 0;padding:20px;color:#fff;background:linear-gradient(transparent,rgba(10,25,22,.85));display:flex;flex-direction:column;gap:6px;font-size:.9rem;line-height:1.45}
.mega-visuel-txt strong{font:650 1.25rem/1.2 var(--titre)}
.mega-liste{list-style:none;margin:0;padding:6px 0;columns:2;column-gap:30px}
.mega-liste li{break-inside:avoid;border-bottom:1px solid var(--ligne)}
.mega-liste a{display:block;padding:12px 0;color:var(--encre);text-decoration:none;font-weight:500;line-height:1.35;transition:color .15s,padding .15s}
.mega-liste a:hover{color:var(--petrole);padding-left:6px}
.mega-tout a{display:flex;align-items:center;gap:6px;color:var(--petrole);font-weight:600}
.entete-actions{display:flex;gap:6px;margin-left:8px}
.btn-ico{width:44px;height:44px;border-radius:12px;border:1px solid var(--ligne);background:#fff;color:var(--encre);display:grid;place-items:center;transition:background .2s}
.btn-ico:hover{background:var(--brume)}
.burger{display:none}
.recherche{border-top:1px solid var(--ligne);background:#fff}
.recherche-form{display:flex;align-items:center;gap:12px;padding:16px 0;color:var(--doux)}
.recherche-form input{flex:1;border:0;font:500 1.15rem var(--corps);padding:10px 0;outline:none;color:var(--encre)}
.recherche-form button,.recherche-page button{background:var(--petrole);color:#fff;border:0;border-radius:999px;padding:.75em 1.3em;font-weight:600}

/* Accueil : héros */
.hero{background:linear-gradient(180deg,var(--brume) 0%,#fff 100%);padding:56px 0 80px;overflow:hidden}
.hero-grille{display:grid;grid-template-columns:1.02fr 1fr;gap:56px;align-items:center}
.hero h1{max-width:13.5em}
.hero-intro{font-size:1.14rem;color:var(--texte);max-width:34em;margin-bottom:1.8em}
.hero-boutons{display:flex;flex-wrap:wrap;gap:12px}
.hero-reperes{list-style:none;padding:0;margin:40px 0 0;display:flex;gap:34px;flex-wrap:wrap;color:var(--doux);font-size:.93rem}
.hero-reperes strong{display:block;font:700 2rem/1 var(--titre);color:var(--encre);margin-bottom:4px}
.hero-visuel{position:relative}
.hero-img{width:100%;aspect-ratio:14/11;object-fit:cover;border-radius:28px 28px 28px 120px;box-shadow:var(--ombre)}
.hero-visuel::before{content:"";position:absolute;width:62%;height:70%;right:-40px;top:-30px;border-radius:32px;background:var(--caramel-c);z-index:-1}
.hero-carte{position:absolute;left:-40px;bottom:-28px;max-width:330px;background:#fff;border-radius:var(--r-l);padding:20px 22px;box-shadow:0 20px 40px -18px rgba(0,0,0,.35);text-decoration:none;color:var(--encre);display:flex;flex-direction:column;gap:6px;transition:transform .25s}
.hero-carte:hover{transform:translateY(-4px)}
.hero-carte-lbl{font:600 .78rem/1 var(--corps);color:var(--caramel)}
.hero-carte strong{font:650 1.08rem/1.3 var(--titre)}
.hero-carte-meta{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--doux)}

/* Rubriques en tuiles */
.rubriques{padding:90px 0 40px}
.rub-grille{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:260px;gap:16px}
.rub-tuile{position:relative;border-radius:var(--r-l);overflow:hidden;text-decoration:none;color:#fff;isolation:isolate}
.rub-1{grid-column:span 3;grid-row:span 2}.rub-2{grid-column:span 3}.rub-3,.rub-4{grid-column:span 3}.rub-5{grid-column:span 6;grid-row:span 1}
.rub-grille{grid-template-areas:none}
@media(min-width:981px){.rub-1{grid-column:1/3;grid-row:1/3}.rub-2{grid-column:3/5;grid-row:1}.rub-3{grid-column:5/7;grid-row:1}.rub-4{grid-column:3/5;grid-row:2}.rub-5{grid-column:5/7;grid-row:2}}
.rub-tuile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.rub-tuile:hover img{transform:scale(1.06)}
.rub-voile{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(12,28,25,0) 35%,rgba(12,28,25,.82) 100%)}
.rub-txt{position:absolute;inset:auto 0 0;padding:22px 24px;display:flex;flex-direction:column;gap:6px}
.rub-txt strong{font:650 1.45rem/1.15 var(--titre)}
.rub-1 .rub-txt strong{font-size:2rem}
.rub-nb{align-self:flex-start;font:600 .76rem/1 var(--corps);background:rgba(255,255,255,.18);backdrop-filter:blur(6px);padding:.45em .75em;border-radius:6px}
.rub-intro{font-size:.92rem;line-height:1.45;opacity:.9;max-height:0;overflow:hidden;transition:max-height .35s}
.rub-tuile:hover .rub-intro,.rub-1 .rub-intro{max-height:5em}

/* Cartes */
.carte{display:flex;flex-direction:column;gap:14px}
.carte-img{display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:3/2;background:var(--brume)}
.carte-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.carte:hover .carte-img img{transform:scale(1.05)}
.carte-titre{font-size:1.2rem;line-height:1.28;margin:0 0 .45em}
.carte-titre a{color:var(--encre);text-decoration:none;background:linear-gradient(var(--caramel),var(--caramel)) 0 100%/0 2px no-repeat;transition:background-size .3s}
.carte:hover .carte-titre a{background-size:100% 2px}
.carte-txt .etiquette{margin-bottom:.7em}
.carte-extrait{font-size:.96rem;color:var(--doux);margin:0 0 .7em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.carte-meta{font-size:.84rem;color:var(--doux);margin:0}
.carte-h{flex-direction:row;gap:18px;align-items:flex-start}
.carte-h .carte-img{width:170px;flex:none;aspect-ratio:4/3}
.carte-h .carte-titre{font-size:1.06rem}
.carte-h .carte-extrait{display:none}
.grille-3{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 30px}

/* À la une */
.une{padding:70px 0}
.une-grille{display:grid;grid-template-columns:1.25fr 1fr;gap:44px}
.une-principal .carte-titre{font-size:1.75rem}
.une-principal .carte-img{aspect-ratio:16/10}
.une-liste{display:flex;flex-direction:column;gap:24px}
.une-liste .carte{padding-bottom:24px;border-bottom:1px solid var(--ligne)}
.une-liste .carte:last-child{border:0;padding:0}

/* Outil rythme */
.rythme{background:var(--creme);padding:90px 0;margin:30px 0}
.rythme-grille{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}
.rythme-intro p:last-child{color:var(--doux)}
.rythme-outil{background:#fff;border-radius:var(--r-l);padding:26px;box-shadow:var(--ombre)}
.rythme-onglets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.rythme-onglets button{border:1.5px solid var(--ligne);background:#fff;border-radius:999px;padding:.55em 1em;font-weight:600;font-size:.92rem;color:var(--texte);transition:all .2s}
.rythme-onglets button:hover{border-color:var(--petrole)}
.rythme-onglets button[aria-selected=true]{background:var(--petrole);border-color:var(--petrole);color:#fff}
.rythme-ex{color:var(--doux);font-size:.95rem}
.rythme-cases{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}
.rythme-case{border-radius:var(--r);padding:20px;background:var(--brume);display:flex;flex-direction:column;gap:8px;animation:monte .4s ease}
.rythme-case:nth-child(2){background:var(--caramel-c)}
.rythme-case .ico{color:var(--petrole)}
.rythme-case span{font-size:.85rem;font-weight:600;color:var(--doux)}
.rythme-case strong{font:600 1.1rem/1.35 var(--titre);color:var(--encre)}
@keyframes monte{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* Bandeau parallaxe */
.bandeau{position:relative;background:var(--img) center/cover no-repeat fixed;padding:150px 0;color:#fff;isolation:isolate}
.bandeau::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,32,28,.82),rgba(14,32,28,.35));z-index:-1}
.bandeau-txt{font:600 clamp(1.4rem,2.6vw,2.15rem)/1.3 var(--titre);max-width:26em;letter-spacing:-.015em;margin-bottom:1.3em}

/* Guides */
.guides{padding:100px 0 60px}
.guides-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;counter-reset:g}
.guide a{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--encre);height:100%;padding:14px 14px 20px;border-radius:var(--r-l);border:1px solid var(--ligne);transition:border-color .2s,transform .25s,box-shadow .25s}
.guide a:hover{border-color:transparent;transform:translateY(-5px);box-shadow:var(--ombre)}
.guide-num{font:700 .95rem/1 var(--titre);color:var(--caramel)}
.guide-img{border-radius:12px;overflow:hidden;aspect-ratio:4/3}
.guide-img img{width:100%;height:100%;object-fit:cover}
.guide-rub{font-size:.8rem;font-weight:600;color:var(--doux)}
.guide strong{font:650 1.02rem/1.3 var(--titre)}
.guide-meta{margin-top:auto;font-size:.82rem;color:var(--doux)}

/* Métier */
.metier{background:var(--petrole);color:#d9e6e2;padding:100px 0;margin-top:60px}
.metier-grille{display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:center}
.metier-visuel img{border-radius:var(--r-l) 120px var(--r-l) var(--r-l);aspect-ratio:11/12;object-fit:cover;width:100%}
.metier h2{color:#fff}
.metier-liste{list-style:none;padding:0;margin:26px 0 0}
.metier-liste a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-top:1px solid rgba(255,255,255,.16);color:#fff;text-decoration:none;font:600 1.1rem/1.3 var(--titre);transition:padding .2s,color .2s}
.metier-liste a:hover{padding-left:8px;color:var(--caramel-c)}

/* Origine */
.origine{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;padding:100px 0 40px}
.origine-img img{border-radius:var(--r-l);aspect-ratio:14/9;object-fit:cover;width:100%}
.origine-txt p{color:var(--texte)}
.plus{padding:60px 0 100px}

/* Pied */
.pied{background:#12211e;color:#aebcb7;padding:70px 0 26px;font-size:.95rem}
.pied a{color:#e4ece9;text-decoration:none}.pied a:hover{color:var(--caramel)}
.pied-haut{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1)}
.logo-clair .l1{color:#9fb0aa}.logo-clair .l2{color:#fff}
.pied-marque p{margin-top:18px;max-width:30em}
.pied-titre{font:600 1rem/1 var(--titre);color:#fff;margin-bottom:16px}
.pied ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.pied-bas{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:22px;font-size:.84rem}
.pied-bas p{margin:0}
.remonter{position:fixed;right:20px;bottom:20px;width:46px;height:46px;border-radius:50%;border:0;background:var(--petrole);color:#fff;display:grid;place-items:center;opacity:0;visibility:hidden;transition:.25s;z-index:40;box-shadow:var(--ombre)}
.remonter.voir{opacity:1;visibility:visible}

/* Fil d'Ariane */
.fil{display:flex;flex-wrap:wrap;gap:8px;font-size:.86rem;color:var(--doux);margin-bottom:22px}
.fil a{color:var(--doux);text-decoration:none}.fil a:hover{color:var(--petrole)}

/* Article */
.art-tete{padding:44px 0 34px}
.art-tete h1{font-size:clamp(2rem,3.9vw,3.1rem);max-width:21em}
.art-meta{display:flex;flex-wrap:wrap;gap:8px 22px;color:var(--doux);font-size:.92rem;margin:0}
.art-meta span{display:inline-flex;align-items:center;gap:6px}
.art-une{margin-bottom:56px}
.art-une img{width:100%;aspect-ratio:16/7.2;object-fit:cover;border-radius:var(--r-l)}
.art-corps{display:grid;grid-template-columns:260px minmax(0,1fr);gap:70px;align-items:start;padding-bottom:80px}
.art-cote{position:sticky;top:104px}
.sommaire{border-left:2px solid var(--ligne);padding-left:18px}
.sommaire-titre{font:600 .95rem/1 var(--titre);color:var(--encre);margin-bottom:14px}
.sommaire ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sommaire a{font-size:.9rem;line-height:1.35;color:var(--doux);text-decoration:none;display:block;transition:color .15s}
.sommaire a:hover,.sommaire a.actif{color:var(--petrole)}
.sommaire a.actif{font-weight:600}
.prose{max-width:720px}
.prose>*:first-child{margin-top:0}
.prose h2{margin:2.1em 0 .7em;scroll-margin-top:100px}
.prose h3{margin:1.7em 0 .5em;font-size:1.28rem}
.prose .chapo{font-size:1.24rem;line-height:1.6;color:var(--encre);font-weight:500}
.prose ul,.prose ol{padding-left:1.3em;margin:0 0 1.3em}
.prose li{margin-bottom:.45em}
.prose li::marker{color:var(--caramel)}
.prose strong{color:var(--encre)}
.prose a{color:var(--petrole);font-weight:500}
.prose figure{margin:2.2em 0}
.prose figure img{border-radius:var(--r);width:100%}
.prose figcaption{font-size:.85rem;color:var(--doux);margin-top:10px}
.tab-scroll{overflow-x:auto;margin:1.8em 0;border:1px solid var(--ligne);border-radius:var(--r)}
.prose table{width:100%;border-collapse:collapse;font-size:.94rem;min-width:520px}
.prose th{background:var(--brume);font:600 .9rem/1.3 var(--corps);color:var(--encre);text-align:left}
.prose th,.prose td{padding:13px 16px;border-bottom:1px solid var(--ligne);vertical-align:top}
.prose tr:last-child td{border-bottom:0}
.encadre{border-radius:var(--r);padding:22px 24px;margin:2em 0;background:var(--brume)}
.encadre p:last-child,.encadre ul:last-child{margin-bottom:0}
.encadre-titre{font:650 1.02rem/1.2 var(--titre);color:var(--encre);margin-bottom:.6em;display:flex;align-items:center;gap:10px}
.encadre-titre::before{content:"";width:22px;height:22px;flex:none;background:var(--petrole);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='6' cy='6' r='3'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Cpath d='M8.2 8.2L20 20M8.2 15.8L20 4'/%3E%3C/svg%3E")}
.encadre-veto{background:#fbefe6}
.encadre-veto .encadre-titre::before{background:#b4532a;--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 4v16M4 12h16'/%3E%3C/svg%3E")}
.encadre-astuce{background:var(--caramel-c)}
.encadre-astuce .encadre-titre::before{background:#8a5419}
.etapes{list-style:none;padding:0!important;counter-reset:e}
.etapes li{counter-increment:e;position:relative;padding:4px 0 18px 56px;margin:0}
.etapes li::before{content:counter(e);position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;background:var(--petrole);color:#fff;font:700 1rem/38px var(--titre);text-align:center}
.etapes li::after{content:"";position:absolute;left:18px;top:44px;bottom:4px;width:2px;background:var(--ligne)}
.etapes li:last-child::after{display:none}
.a-lire{border:1px solid var(--ligne);border-radius:var(--r);padding:22px 24px;margin:2.4em 0}
.a-lire ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.a-lire li{margin:0}
.a-lire a{display:flex;gap:10px;text-decoration:none;font-weight:600}
.a-lire a::before{content:"→";color:var(--caramel)}
.faq-el{border-bottom:1px solid var(--ligne)}
.faq-el summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:18px 0;font:600 1.1rem/1.35 var(--titre);color:var(--encre)}
.faq-el summary::-webkit-details-marker{display:none}
.faq-el summary::after{content:"+";font:400 1.6rem/1 var(--corps);color:var(--petrole);transition:transform .2s}
.faq-el[open] summary::after{transform:rotate(45deg)}
.faq-el .faq-r{padding:0 0 16px}
.sources{font-size:.88rem;color:var(--doux)}
.sources a{font-weight:400}
.signature{display:flex;gap:16px;align-items:flex-start;border-top:1px solid var(--ligne);margin-top:3em;padding-top:26px;font-size:.93rem}
.signature .logo-txt{display:none}
.signature p{margin:0}
.similaires{background:var(--brume);padding:80px 0}

/* Rubrique */
.rub-tete{position:relative;color:#fff;padding:120px 0 70px;background:var(--img) center/cover no-repeat;isolation:isolate}
.rub-tete::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,28,25,.35),rgba(12,28,25,.82));z-index:-1}
.rub-tete h1{color:#fff}
.rub-tete p{font-size:1.15rem;max-width:36em;margin:0;opacity:.92}
.rub-tete .fil,.rub-tete .fil a{color:rgba(255,255,255,.8)}
.rub-corps{padding:60px 0 100px}
.rub-pilier{display:grid;grid-template-columns:1.2fr 1fr;border-radius:var(--r-l);overflow:hidden;background:var(--creme);text-decoration:none;color:var(--encre);margin-bottom:60px;transition:box-shadow .25s}
.rub-pilier:hover{box-shadow:var(--ombre)}
.rub-pilier img{width:100%;height:100%;object-fit:cover;min-height:320px}
.rub-pilier-txt{padding:40px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.rub-pilier-txt strong{font:650 1.65rem/1.2 var(--titre)}
.rub-pilier-txt>span:not(.etiquette):not(.lien-fleche){color:var(--doux)}
.rub-pilier .etiquette{align-self:flex-start;margin:0;background:#fff}
.nav-links{display:flex;gap:10px;justify-content:center;margin-top:50px}
.page-numbers{padding:.6em 1em;border-radius:10px;border:1px solid var(--ligne);text-decoration:none}
.page-numbers.current{background:var(--petrole);color:#fff;border-color:var(--petrole)}

/* Pages */
.page-tete{padding:50px 0 30px}
.page-corps{padding-bottom:90px}
.page-corps.prose{max-width:780px;margin-inline:auto;width:min(780px,100% - 40px)}
.page-std .page-tete{width:min(780px,100% - 40px)}
.recherche-page{display:flex;gap:10px;max-width:560px}
.recherche-page input{flex:1;border:1.5px solid var(--ligne);border-radius:999px;padding:.7em 1.1em;font:inherit}
.vide{font-size:1.1rem;color:var(--doux)}
.page-404{text-align:center;padding:100px 0}
.code-404{font:700 7rem/1 var(--titre);color:var(--caramel-c);margin:0}
.liens-404{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:30px}
.wpcf7 input:not([type=submit]),.wpcf7 textarea{width:100%;border:1.5px solid var(--ligne);border-radius:12px;padding:.8em 1em;font:inherit;background:#fff}
.wpcf7 input:focus,.wpcf7 textarea:focus{outline:none;border-color:var(--petrole)}
.wpcf7 input[type=submit]{background:var(--petrole);color:#fff;border:0;border-radius:999px;padding:.9em 1.6em;font-weight:600;cursor:pointer}

/* Apparition au défilement */
.js .apparait{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.js .apparait.vu{opacity:1;transform:none}

/* Responsive */
@media (max-width:1180px){.guides-liste{grid-template-columns:repeat(3,1fr)}.nav-lien{padding:10px 9px;font-size:.93rem}}
@media (max-width:980px){
	.burger{display:grid}
	.entete{backdrop-filter:none;background:#fff}
	.nav{position:fixed;inset:78px 0 0;background:#fff;overflow:auto;padding:10px 20px 40px;margin:0;display:none}
	.nav.ouvert{display:block;animation:monte .25s ease}
	.nav-liste{flex-direction:column;gap:0}
	.nav-lien{padding:18px 4px;font-size:1.15rem;border-bottom:1px solid var(--ligne);border-radius:0;justify-content:space-between}
	.mega{position:static;opacity:1;visibility:visible;transform:none;display:none}
	.nav-el.deplie .mega{display:block}
	.mega-in{width:auto;grid-template-columns:1fr;border:0;box-shadow:none;padding:10px 0;border-radius:0}
	.mega-visuel{display:none}.mega-liste{columns:1}
	.nav-el:hover .nav-lien .ico{transform:none}
	.hero-grille,.rythme-grille,.metier-grille,.origine,.une-grille{grid-template-columns:1fr;gap:40px}
	.hero-carte{left:16px;bottom:-24px}
	.hero-visuel::before{right:-20px}
	.rub-grille{grid-template-columns:1fr 1fr;grid-auto-rows:230px}
	.rub-tuile{grid-column:auto!important;grid-row:auto!important}
	.rub-1{grid-column:1/-1!important}
	.grille-3{grid-template-columns:1fr 1fr}
	.art-corps{grid-template-columns:minmax(0,1fr);gap:0}.art-corps>*{min-width:0}.sommaire{background:var(--brume);border:0;border-radius:var(--r);padding:18px 20px}
	.art-cote{position:static;margin-bottom:30px}
	.pied-haut{grid-template-columns:1fr 1fr}
	.rub-pilier{grid-template-columns:minmax(0,1fr)}.rub-pilier>*{min-width:0}.rub-pilier img{min-height:220px;aspect-ratio:16/9}
	.bandeau{background-attachment:scroll}
}
@media (max-width:640px){
	body{font-size:16.5px}
	.entete-in{height:68px}.nav{inset:68px 0 0}
	.logo-txt .l2{font-size:1.15rem}
	.hero{padding:34px 0 70px}
	.hero-img{border-radius:22px 22px 22px 70px}
	.rub-grille{grid-template-columns:1fr}
	.grille-3,.rythme-cases,.guides-liste,.pied-haut{grid-template-columns:1fr}
	.carte-h .carte-img{width:120px}
	.bandeau{padding:100px 0}
	.rythme-outil{padding:18px}
	.art-une img{aspect-ratio:4/3}
	.rub-pilier-txt{padding:26px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}