@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:optional;src:url("fonts/poppins-400.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:italic;font-weight:400;font-display:optional;src:url("fonts/poppins-400i.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:optional;src:url("fonts/poppins-500.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:optional;src:url("fonts/poppins-700.woff2") format("woff2")}
:root{--encre-fixe:#0f1f3d;--papier:#fcfdff;--papier2:#f1f5fa;--encre:#121a2a;--encre2:#2d3a52;--encre3:#5b6880;--filet:#dbe3ee;--filet-fort:#0f1f3d;--orange:#1c3a6b;--accent:#1c3a6b;--orange-clair:#fbf5e8;--or:#9a6f12;--turquoise:#d9a441;--titre:"Poppins",ui-rounded,"Segoe UI Variable Display",system-ui,sans-serif;--texte:"Poppins",ui-rounded,system-ui,"Segoe UI",Arial,sans-serif;--meta:"Poppins",ui-rounded,system-ui,"Segoe UI",Arial,sans-serif;--wrap:1180px}
@media (prefers-color-scheme:dark){:root:not([data-mode="clair"]){--papier:#0d1424;--papier2:#17213a;--encre:#eef3fa;--encre2:#cfd9e8;--encre3:#9aa8c0;--filet:#2a3650;--filet-fort:#eef3fa;--orange:#f2c870;--accent:#d9a441;--orange-clair:#1b2b4a}
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--papier);color:var(--encre);font-family:var(--texte);font-size:17px;line-height:1.68;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--titre);font-weight:700;line-height:1.14;letter-spacing:-.018em;margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 26px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;background:var(--encre);color:var(--papier);padding:9px 15px;z-index:9}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.dim{color:var(--encre3)}
.site-header{border-bottom:3px double var(--filet-fort);background:var(--papier)}
.header-inner{max-width:var(--wrap);margin:0 auto;padding:18px 26px 0;display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:0 20px}
.brand{font-family:var(--titre);font-size:1.9rem;font-weight:700;letter-spacing:-.02em;text-decoration:none}
.devise{font-family:var(--meta);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--encre3);margin:0;padding-left:18px;border-left:1px solid var(--filet)}
.search{position:relative;display:flex;align-items:center;align-self:center;grid-row:1;grid-column:3;background:var(--papier);border:1px solid var(--filet);border-radius:999px;padding:0 6px 0 34px;height:36px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.search::before{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:15px;height:15px;background:var(--encre3);pointer-events:none;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%227%22/%3E%3Cpath%20d%3D%22M20%2020l-3.6-3.6%22/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%227%22/%3E%3Cpath%20d%3D%22M20%2020l-3.6-3.6%22/%3E%3C/svg%3E") no-repeat center/contain;transition:background .16s ease}
.search:focus-within{border-color:var(--encre3);background:var(--papier);box-shadow:0 1px 2px rgba(0,0,0,.04),0 0 0 3px rgba(91,26,107,.16)}
.search:focus-within::before{background:var(--accent)}
.search input{font:inherit;font-family:var(--meta);font-size:.84rem;letter-spacing:.01em;padding:0;border:0;outline:0;background:transparent;color:var(--encre);width:122px;height:100%}
.search input::placeholder{color:var(--encre3)}
.search input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.search button{width:26px;visibility:hidden;padding:0;margin:0;border:0;overflow:hidden;opacity:0;display:grid;place-items:center;height:26px;flex:0 0 auto;border-radius:999px;background:var(--encre);color:var(--papier);cursor:pointer;transition:opacity .16s ease,background .16s ease}
.search:focus-within button,.search:hover button{visibility:visible;opacity:1}
.search button:hover{background:var(--accent)}
.search button svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.nav{grid-row:2;grid-column:1/-1;display:flex;gap:15px;margin-top:14px;padding:9px 0;border-top:1px solid var(--filet);flex-wrap:wrap}
.nav a{font-family:var(--meta);font-size:.7rem;letter-spacing:.07em;text-transform:uppercase;font-weight:600;text-decoration:none;color:var(--encre2)}
.nav a:hover{color:var(--accent)}
.rubrique{font-family:var(--meta);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--accent);margin:0 0 12px}
.signature{font-family:var(--meta);font-size:.76rem;color:var(--encre3);margin:14px 0 0;letter-spacing:.02em}
.signature .sep{margin:0 7px}
.une{display:grid;grid-template-columns:1.35fr 1fr;gap:0 44px;padding-top:44px;padding-bottom:40px;border-bottom:1px solid var(--filet)}
.une-media img{width:100%;aspect-ratio:16/10;object-fit:cover;}

.une-titre{font-size:clamp(1.78rem,3.4vw,2.7rem);margin:0 0 18px}
.une-titre a{text-decoration:none}
.une-titre a:hover{color:var(--accent)}
.chapo{font-size:1.06rem;color:var(--encre2);margin:0;line-height:1.55}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:0;padding-top:34px;padding-bottom:34px;border-bottom:3px double var(--filet-fort)}
.duo-item{padding-right:36px}
.duo-item+.duo-item{padding-right:0;padding-left:36px;border-left:1px solid var(--filet)}
.duo-media img{width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:16px;}

.duo-titre{font-size:1.3rem;margin:0 0 10px}
.duo-titre a{text-decoration:none}
.duo-titre a:hover{color:var(--accent)}
.duo-chapo{color:var(--encre2);font-size:.97rem;margin:0}
.rubrique-titre{font-family:var(--meta);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--encre);margin:38px 0 0;padding-bottom:12px}
.liste{border-top:1px solid var(--filet-fort)}
.ligne{display:grid;grid-template-columns:44px 1fr 200px;gap:0 24px;align-items:start;padding:26px 0;border-bottom:1px solid var(--filet)}
.num{font-family:var(--meta);font-size:.78rem;font-weight:700;color:var(--accent);padding-top:5px;letter-spacing:.04em}
.ligne-titre{font-size:1.2rem;margin:0 0 8px}
.ligne-titre a{text-decoration:none}
.ligne-titre a:hover{color:var(--accent)}
.ligne-chapo{color:var(--encre2);font-size:.95rem;margin:0}
.ligne-media img{width:200px;height:134px;object-fit:cover;}

.ligne .signature{margin-top:10px}
.pagination{display:flex;gap:0;margin:36px 0 60px;font-family:var(--meta);font-size:.84rem}
.pg{min-width:40px;padding:8px 13px;text-align:center;border:1px solid var(--filet);border-right:0;text-decoration:none;color:var(--encre2)}
.pg:last-child{border-right:1px solid var(--filet)}
.pg:hover{background:var(--papier2);color:var(--accent)}
.pg.current{background:var(--encre);color:var(--papier);border-color:var(--encre);font-weight:700}
.pg.gap{border:0;color:var(--encre3)}
.article{max-width:730px}
.breadcrumb{font-family:var(--meta);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--encre3);display:flex;gap:9px;margin:32px 0 22px;flex-wrap:wrap}
.breadcrumb a{text-decoration:none}
.breadcrumb a:hover{color:var(--accent)}
.article-title{font-size:clamp(1.8rem,3.8vw,2.6rem);margin:0 0 16px}
.article-meta{font-family:var(--meta);font-size:.8rem;color:var(--encre3);margin:0 0 30px;padding-bottom:18px;border-bottom:3px double var(--filet-fort)}
.article-cover{margin:0 0 34px}
.article-cover img{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--papier2)}
.article-cover img[alt]:not([src]),.article-cover img:not([src]){display:none}
.prose{font-size:1.05rem;line-height:1.75}
.prose>*{max-width:min(66ch,100%)}
.prose img,.prose figure,.prose table,.prose pre{max-width:100%}
.prose p{margin:0 0 1.15em}
.prose>p:first-of-type::first-letter{float:left;font-family:var(--titre);font-size:3.05em;line-height:.86;padding:.06em .1em 0 0;color:var(--accent);font-weight:700}
.prose-page>p:first-of-type::first-letter{float:none;font-size:inherit;line-height:inherit;margin:0;padding:0;color:inherit;font-weight:inherit}
.prose h2{font-size:1.45rem;line-height:1.28;margin:2.9em 0 .75em}
.prose h3{font-size:1.16rem;line-height:1.34;margin:2.1em 0 .55em}
.prose ul,.prose ol{margin:0 0 1.2em;padding-left:1.3em}
.prose li{margin-bottom:.4em}
.prose blockquote{margin:1.7em 0;padding:0 0 0 22px;border-left:3px solid var(--accent);font-size:1.2rem;color:var(--encre2);font-style:italic}
.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,var(--accent) 45%,transparent)}
.prose a:hover{text-decoration-color:currentColor}
.prose figure{margin:1.9em 0}
.prose figcaption{font-family:var(--meta);font-size:.78rem;color:var(--encre3);margin-top:8px;padding-left:12px;border-left:2px solid var(--filet)}
.prose table{width:100%;border-collapse:collapse;font-family:var(--meta);font-size:.9rem;margin:1.7em 0;display:block;overflow-x:auto}
.prose th,.prose td{border-bottom:1px solid var(--filet);padding:9px 12px;text-align:left}
.prose th{border-bottom:2px solid var(--filet-fort);font-weight:700;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}
.prose hr{border:0;border-top:3px double var(--filet-fort);margin:2.4em 0}
.tags{display:flex;gap:9px;flex-wrap:wrap;margin:36px 0 0}
.tag{font-family:var(--meta);font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;padding:5px 12px;border:1px solid var(--filet);text-decoration:none;color:var(--encre2)}
.tag:hover{border-color:var(--accent);color:var(--accent)}
.author-box{margin:40px 0 0;padding:22px 24px;background:var(--papier2);border-left:3px solid var(--accent)}
.author-name{font-family:var(--titre);font-size:1.15rem;font-weight:600;margin:0 0 4px}
.author-bio{color:var(--encre2);font-size:.95rem;margin:0}
.adjacent{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:46px 0 0;border-top:1px solid var(--filet-fort)}
.adj{padding:20px 22px 20px 0;text-decoration:none;display:flex;flex-direction:column;gap:6px;font-family:var(--titre);font-size:1.02rem}
.adj.next{text-align:right;padding:20px 0 20px 22px;border-left:1px solid var(--filet)}
.adj .dim{font-family:var(--meta);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.adj:hover{color:var(--accent)}
.section-title{font-family:var(--meta);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;margin:56px 0 0;padding-top:30px;border-top:3px double var(--filet-fort)}
.page-title{font-size:clamp(1.62rem,3vw,2.3rem);margin:34px 0 8px}
.archive-head{margin:0 0 26px;padding-bottom:20px}
.archive-head>p,.archive-head>h1,.archive-head>.archive-desc{max-width:62ch}
.archive-desc{color:var(--encre2);margin:.3em 0 .5em}
.grid{border-top:1px solid var(--filet-fort);margin-bottom:40px}
.card{display:grid;grid-template-columns:1fr 200px;gap:0 24px;padding:24px 0;border-bottom:1px solid var(--filet)}
.card-media{order:2}
.card-media img{width:200px;height:134px;object-fit:cover;}

.card-body{order:1}
.card-title{font-size:1.22rem;margin:0 0 8px}
.card-title a{text-decoration:none}
.card-title a:hover{color:var(--accent)}
.card-excerpt{color:var(--encre2);font-size:.95rem;margin:0 0 10px}
.card-meta{font-family:var(--meta);font-size:.76rem;color:var(--encre3);margin:0}
.empty{color:var(--encre2)}
.btn{font-family:var(--meta);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;font-weight:600;display:inline-block;padding:11px 22px;background:var(--encre);color:var(--papier);text-decoration:none}
.btn:hover{background:var(--accent)}
.error-page{padding:70px 26px 100px;max-width:640px}
.search-big{margin:0 0 30px;max-width:480px;height:52px;padding:0 8px 0 46px}
.search-big::before{left:18px;width:19px;height:19px}
.search-big input{width:100%;font-size:1rem}
.search-big button,.search-big:hover button,.search-big:focus-within button{width:36px;height:36px;opacity:1;visibility:visible}
.search-big button svg{width:16px;height:16px}
.site-footer{border-top:3px solid var(--accent);margin-top:60px;padding:36px 0 22px;background:var(--papier2)}
.footer-inner{max-width:var(--wrap);margin:0 auto;padding:0 26px;display:flex;justify-content:space-between;gap:34px;flex-wrap:wrap}
.footer-brand{font-family:var(--titre);font-size:1.4rem;font-weight:700;margin:0 0 3px;text-transform:lowercase}
.footer-tagline{font-family:var(--meta);font-size:.78rem;letter-spacing:.06em;color:var(--encre3);margin:0;max-width:40ch}
.footer-links{display:flex;gap:8px 22px;flex-wrap:wrap;align-items:flex-start;max-width:460px}
.footer-links a{font-family:var(--meta);font-size:.8rem;color:var(--encre2);text-decoration:none}
.footer-links a:hover{color:var(--accent);text-decoration:underline}
.copyright{font-family:var(--meta);text-align:center;color:var(--encre3);font-size:.75rem;letter-spacing:.08em;margin:30px 0 0}
@media (max-width:900px){.une{grid-template-columns:1fr;gap:22px}
.une-media{order:-1}
.duo{grid-template-columns:1fr}
.duo-item{padding:0 0 26px}
.duo-item+.duo-item{padding:26px 0 0;border-left:0;border-top:1px solid var(--filet)}
.ligne{grid-template-columns:34px 1fr;gap:0 16px}
.ligne-media{display:none}
.card{grid-template-columns:1fr}
.card-media{display:none}
.adjacent{grid-template-columns:1fr}
.adj.next{text-align:left;padding:20px 0;border-left:0;border-top:1px solid var(--filet)}
}
@media (max-width:620px){body{font-size:16px}
.header-inner{grid-template-columns:auto 1fr;padding-top:14px}
.devise{display:none}
.brand{font-size:1.4rem}
.search{grid-column:2;justify-self:end;padding-left:30px;height:34px}
.search::before{left:11px;width:14px;height:14px}
.search input{width:104px;font-size:.78rem}
.brand{white-space:nowrap}
.search{min-width:0}
.nav{gap:20px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-top:11px;padding:8px 0}
.nav a{white-space:nowrap}
.nav::-webkit-scrollbar{display:none}
.une{padding-top:26px;padding-bottom:26px}
.une-titre{font-size:1.68rem}
}
.footer-menu{font-family:var(--meta);font-size:.86rem;text-align:center;margin:0;line-height:2;color:var(--encre2)}
.footer-menu .copy{font-weight:700;color:var(--encre)}
.footer-menu .tiret{margin:0 8px;color:var(--encre3)}
.footer-menu a{color:var(--encre2);text-decoration:none}
.footer-menu a:hover{color:var(--accent);text-decoration:underline}
.footer-inner{display:block}
.partenaires{margin:22px auto 0;max-width:900px;text-align:center}
.partenaires>summary{font-family:var(--meta);font-size:.82rem;font-weight:600;cursor:pointer;display:inline-block;list-style:none;padding:4px 0;color:var(--encre2);border-bottom:1px solid var(--filet-fort);transition:color .15s,border-color .15s}
.partenaires>summary:hover{color:var(--accent);border-bottom-color:var(--accent)}
.partenaires>summary::-webkit-details-marker{display:none}
.partenaires>summary::after{content:" ▾";font-size:.7em;opacity:.55;margin-left:3px}
.partenaires[open]>summary::after{content:" ▴"}
.partenaires-liste{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;margin-top:18px;padding-top:16px;border-top:1px solid var(--filet)}
.partenaires[open]>.partenaires-liste{animation:deplie .2s ease-out}
@keyframes deplie{from{opacity:0;transform:translateY(-3px)}
to{opacity:1;transform:none}
}
.partenaires-liste a{font-family:var(--meta);font-size:.82rem;color:var(--encre2);text-decoration:none}
.partenaires-liste a:hover{color:var(--accent);text-decoration:underline}
.footer-alt{font-family:var(--meta);font-size:.76rem;text-align:center;color:var(--encre3);margin:26px 0 0}
.footer-alt a{color:var(--encre3)}
.footer-alt a:hover{color:var(--accent)}
.article-meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px 20px}
.meta-ligne{margin:0}
.meta-ligne .sep{margin:0 7px;color:var(--filet)}
.meta-ligne .maj{color:var(--encre2)}
.meta-formats{margin:0;display:flex;align-items:baseline;gap:6px;font-family:var(--meta);font-size:.8rem}
.fmt-label{color:var(--encre3)}
.fmt{color:var(--encre2);text-decoration:none;border-bottom:1px solid var(--filet)}
.fmt:hover{color:var(--accent);border-bottom-color:var(--accent)}
.fmt-sep{color:var(--filet)}
.author-box{display:flex;gap:22px;align-items:flex-start;margin:44px 0 0;padding:24px 26px;background:var(--papier2);border-left:3px solid var(--accent)}
.author-photo{width:84px;height:84px;border-radius:50%;object-fit:cover;flex:0 0 auto;}
.author-texte{min-width:0}
.author-entete{font-family:var(--meta);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--encre3);margin:0 0 10px}
.author-nom{color:var(--accent)}
.author-bio{color:var(--encre2);font-size:.98rem;margin:0}
.author-liens{font-family:var(--meta);font-size:.8rem;margin:12px 0 0}
.author-liens a{color:var(--encre2)}
.author-liens .sep{margin:0 8px;color:var(--filet)}
@media (max-width:620px){.author-box{flex-direction:column;gap:16px;padding:20px}
.article-meta{flex-direction:column;align-items:flex-start}
.footer-menu{font-size:.8rem}
.footer-menu .tiret{margin:0 5px}
}
.partage{margin:44px 0 0;padding:24px 0 6px;border-top:1px solid var(--filet);min-height:196px}
.partage-ligne+.partage-ligne{margin-top:24px}
.partage-label{font-family:var(--meta);font-size:.94rem;font-weight:600;color:var(--encre);margin:0 0 12px}
.tuiles{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.tuiles-sep{width:1px;height:26px;background:var(--filet);margin:0 5px}
.tuile{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:48px;height:48px;padding:0;background:var(--papier);cursor:pointer;border:1px solid var(--filet);border-radius:12px;color:var(--encre3);transition:border-color .16s,box-shadow .16s,transform .16s,color .16s}
.tuile svg{width:23px;height:23px;flex:0 0 auto}
.tuile:hover{color:var(--marque,var(--encre));border-color:color-mix(in srgb,var(--marque,var(--encre)) 45%,var(--filet));box-shadow:0 2px 10px -4px color-mix(in srgb,var(--marque,#000) 55%,transparent);transform:translateY(-1px)}
.tuile:active{transform:translateY(0)}
.tuile.ok{color:#2f7d4f;border-color:#2f7d4f}
.tuile[style*="--marque"]{color:color-mix(in srgb,var(--marque) 78%,var(--encre3))}
.tuile[style*="--marque"]:hover{color:var(--marque)}
.tuile-texte{width:auto;height:48px;padding:0 18px;gap:9px;color:var(--encre2)}
.tuile-texte svg{width:19px;height:19px}
.tuile-texte .lbl{font-family:var(--meta);font-size:.88rem;font-weight:550;white-space:nowrap}
.tuile-texte:hover{color:var(--encre);border-color:var(--encre3);box-shadow:none}
.partage-note{font-family:var(--meta);font-size:.8rem;color:var(--encre3);margin:12px 0 0}
@media (max-width:620px){.tuile{width:44px;height:44px;border-radius:11px}
.tuile svg{width:21px;height:21px}
.tuile-texte{height:44px;padding:0 14px}
.tuile-texte .lbl{font-size:.82rem}
.partage{min-height:250px}
}
.partage-simple{min-height:106px}
@media (max-width:620px){.partage-simple{min-height:140px}
}
.bandeau-apercu{background:var(--accent);color:#fff;font-family:var(--meta);font-size:.86rem;text-align:center;padding:11px 20px;line-height:1.5}
.brand-img{display:inline-flex;align-items:center;line-height:0;padding:2px 0}
.brand-img img{display:block}
.brand-img .logo-sombre{display:none}
@media (prefers-color-scheme:dark){:root:not([data-mode="clair"]) .site-header:not(.bandeau) .brand-img img{display:none}
:root:not([data-mode="clair"]) .site-header:not(.bandeau) .brand-img .logo-sombre{display:block}
:root:not([data-mode="clair"]) .site-header:not(.bandeau) .brand-img:not(:has(.logo-sombre)) img{display:block;filter:invert(1) hue-rotate(180deg)}
}
.site-header.bandeau{background:var(--bandeau,#eef1f4);border-bottom:0;color:#fff}
.site-header.bandeau .header-inner{padding-top:14px;padding-bottom:4px}
.site-header.bandeau .brand,.site-header.bandeau .devise{color:#fff}
.site-header.bandeau .devise{border-left-color:rgba(255,255,255,.35)}
.site-header.bandeau .nav{border-top-color:rgba(255,255,255,.25)}
.site-header.bandeau .nav a{color:rgba(255,255,255,.88)}
.site-header.bandeau .nav a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.site-header.bandeau .search{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.38)}
.site-header.bandeau .search::before{background:rgba(255,255,255,.85)}
.site-header.bandeau .search:focus-within{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.9);box-shadow:0 0 0 3px rgba(255,255,255,.16)}
.site-header.bandeau .search:focus-within::before{background:#fff}
.site-header.bandeau .search input{color:#fff}
.site-header.bandeau .search input::placeholder{color:rgba(255,255,255,.72)}
.site-header.bandeau .search button{background:#fff;color:var(--encre-fixe)}
.site-header.bandeau .search button:hover{background:rgba(255,255,255,.85);color:var(--accent)}
.a-lire{margin:2em 0;max-width:var(--measure)}
.a-lire-lien{display:flex;align-items:center;gap:18px;padding:10px 14px 10px 10px;background:var(--papier);border:1px solid var(--filet);border-radius:999px;text-decoration:none;color:var(--encre);transition:border-color .16s,box-shadow .16s}
.a-lire-lien:hover{border-color:var(--accent);box-shadow:0 2px 14px -6px color-mix(in srgb,var(--accent) 60%,transparent)}
.a-lire-pastille{flex:0 0 auto;font-family:var(--meta);font-size:.78rem;font-weight:650;background:var(--encre);color:var(--papier);padding:7px 17px;border-radius:999px;letter-spacing:.01em}
.a-lire-titre{flex:1;font-family:var(--meta);font-size:.95rem;line-height:1.35;text-align:center;color:var(--encre2)}
.a-lire-lien:hover .a-lire-titre{color:var(--accent)}
.a-lire-fleche{flex:0 0 auto;display:flex;color:var(--encre3);padding-right:6px}
.a-lire-lien:hover .a-lire-fleche{color:var(--accent)}
@media (max-width:620px){.a-lire-lien{gap:11px;padding:9px 10px 9px 9px}
.a-lire-pastille{font-size:.72rem;padding:6px 13px}
.a-lire-titre{font-size:.87rem;text-align:left}
}
.ancre-stable{display:block;position:relative;top:-80px;height:0;visibility:hidden}
.prose h2{scroll-margin-top:80px}
.prose h3{scroll-margin-top:80px}
.som{font-family:var(--meta)}
.som-titre{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--encre3);margin:0 0 14px}
.som-liste{list-style:none;margin:0;padding:0;counter-reset:none}
.som-liste a{display:flex;gap:14px;align-items:baseline;text-decoration:none;color:var(--encre2);padding:7px 0;border-bottom:1px solid var(--filet);line-height:1.4}
.som-liste li:last-child a{border-bottom:0}
.som-num{flex:0 0 auto;font-size:.74rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}
.som-txt{font-size:.94rem}
.som-liste a:hover .som-txt{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.som-n3 a{padding-left:26px;font-size:.9rem}
.som-n3 .som-num{opacity:.55}
.som-encadre{max-width:var(--measure);margin:0 0 2.4em;padding:22px 26px;background:var(--papier2);border-left:3px solid var(--accent)}
.som-deplie{max-width:var(--measure);margin:0 0 2.2em;border:1px solid var(--filet);background:var(--papier)}
.som-deplie>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 20px;cursor:pointer;list-style:none}
.som-deplie>summary::-webkit-details-marker{display:none}
.som-deplie>summary .som-titre{margin:0}
.som-compte{font-size:.78rem;color:var(--encre3)}
.som-compte::after{content:" ▾";color:var(--accent)}
.som-deplie[open]>summary .som-compte::after{content:" ▴"}
.som-deplie>summary:hover .som-titre{color:var(--accent)}
.som-deplie .som-liste{padding:0 20px 16px;border-top:1px solid var(--filet)}
/* Le sommaire lateral est une boite repliable en dessous de 1180 px : sans
   cela il etait purement absent des tablettes et des telephones. */
.som-lateral{display:block}
@media (min-width:1180px){.article:has(.som-lateral){max-width:1080px;display:grid;grid-template-columns:230px minmax(0,730px);gap:0 56px;justify-content:center}
.article:has(.som-lateral)>*{grid-column:2}
.article:has(.som-lateral)>.som-lateral{display:block;grid-column:1;grid-row:3 / span 60;align-self:start;position:sticky;top:96px;padding-right:20px;border-right:1px solid var(--filet)}
.som-lateral .som-liste a{padding:6px 0;border-bottom:0}
.som-lateral .som-txt{font-size:.85rem;color:var(--encre3)}
.som-lateral .som-liste a:hover .som-txt{color:var(--accent)}
.som-lateral .som-liste a.actif .som-txt{color:var(--encre);font-weight:600}
.som-lateral .som-liste a.actif .som-num{color:var(--accent)}
}
.prose .liste-liens{list-style:none;padding:0;margin:14px 0 26px;display:grid;gap:2px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.prose .liste-liens li{margin:0;padding:0}
.prose .liste-liens li::marker{content:none}
.prose .liste-liens a{display:flex;align-items:baseline;gap:8px;padding:8px 12px;border-radius:8px;text-decoration:none;color:var(--encre);border:1px solid transparent;transition:background .12s,border-color .12s}
.prose .liste-liens a:hover{background:var(--papier2);border-color:var(--filet)}
.prose .liste-liens .n{font-family:var(--meta);font-size:.72rem;color:var(--encre3);margin-left:auto}
.prose .liste-liens .n::before{content:"("}
.prose .liste-liens .n::after{content:")"}
.prose .bloc-liste{margin:26px 0;padding:20px 22px;background:var(--papier2);border-radius:14px;border:1px solid var(--filet)}
.prose .bloc-liste-titre{font-family:var(--meta);font-size:.74rem;letter-spacing:.13em;text-transform:uppercase;font-weight:700;margin:0 0 6px}
.prose .bloc-liste-titre a{color:var(--encre);text-decoration:none}
.prose .bloc-liste .liste-liens{margin-bottom:0}
.prose .bloc-liste .liste-liens a{padding:6px 10px}
.az-nav{display:flex;flex-wrap:wrap;gap:6px;margin:22px 0 30px;padding-bottom:20px;border-bottom:1px solid var(--filet);position:sticky;top:0;background:var(--papier);z-index:2}
.az-nav a{font-family:var(--meta);font-size:.8rem;font-weight:700;text-decoration:none;color:var(--encre2);width:32px;height:32px;display:grid;place-items:center;border-radius:999px;border:1px solid var(--filet);transition:background .12s,color .12s,border-color .12s}
.az-nav a:hover{background:var(--encre);color:var(--papier);border-color:var(--encre)}
.az-groupe{margin:0 0 26px;scroll-margin-top:64px}
.az-groupe>h2{font-family:var(--meta);font-size:.86rem;letter-spacing:.14em;margin:0 0 6px;padding:0 0 5px;border-bottom:2px solid var(--encre);display:inline-block}
.prose .equipe{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:24px 0}
.prose .equipe-membre{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:14px;background:var(--papier2);border:1px solid var(--filet)}
.prose .equipe-membre .avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:0 0 64px}
.prose .equipe-nom{margin:0 0 4px;font-weight:700}
.prose .equipe-nom a{text-decoration:none;color:var(--encre)}
.prose .equipe-bio{margin:0;font-size:.92rem;color:var(--encre2)}
.prose .bloc-contact{margin:24px 0;padding:22px;border-radius:14px;background:var(--papier2);border:1px solid var(--filet)}
.prose .bloc-contact p{margin:0}
.prose .bloc-contact-alt{font-family:var(--meta);font-size:.8rem;color:var(--encre3);margin-top:6px !important}
.prose .figure-legende{margin:26px 0}
.prose .figure-legende img{border-radius:10px}
.prose .figure-legende figcaption{font-family:var(--meta);font-size:.8rem;color:var(--encre3);margin-top:8px;text-align:center}
@media (max-width:640px){.prose .liste-liens{grid-template-columns:1fr}
}
.prose .bluf{display:grid;grid-template-columns:26px 1fr;gap:6px 14px;align-items:start;margin:30px 0;padding:18px 22px;border-left:3px solid;border-radius:0 12px 12px 0}
.prose .bluf::before{content:"";width:22px;height:22px;margin-top:2px;grid-row:1/span 2;background:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}
.prose .bluf strong{display:block;font-family:var(--meta);font-size:.8rem;letter-spacing:.09em;text-transform:uppercase;margin:0 0 4px;line-height:1.4}
.prose .bluf p{margin:0;font-size:.97rem;line-height:1.62;color:var(--encre)}
.prose .bluf p + p{margin-top:.5em}
@media (max-width:560px){.prose .bluf{padding:16px 18px;grid-template-columns:22px 1fr;gap:5px 11px}
}
.prose .bluf-bleu{background:#eef4fb;border-left-color:#2f5d8c;color:#2f5d8c}
.prose .bluf-bleu strong{color:#1e3f61}
.prose .bluf-bleu::before{-webkit-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22/%3E%3Cpath%20d%3D%22M12%2016v-4%22/%3E%3Cpath%20d%3D%22M12%208h.01%22/%3E%3C/svg%3E');mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22/%3E%3Cpath%20d%3D%22M12%2016v-4%22/%3E%3Cpath%20d%3D%22M12%208h.01%22/%3E%3C/svg%3E')}
.prose .bluf-vert{background:#eef6f0;border-left-color:#3d7a53;color:#3d7a53}
.prose .bluf-vert strong{color:#28543a}
.prose .bluf-vert::before{-webkit-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22/%3E%3Cpath%20d%3D%22m9%2012%202%202%204-4%22/%3E%3C/svg%3E');mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22/%3E%3Cpath%20d%3D%22m9%2012%202%202%204-4%22/%3E%3C/svg%3E')}
.prose .bluf-orange{background:#faf3e8;border-left-color:#a06a2c;color:#a06a2c}
.prose .bluf-orange strong{color:#6f471c}
.prose .bluf-orange::before{-webkit-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%2220%22%20x2%3D%2218%22%20y2%3D%2210%22/%3E%3Cline%20x1%3D%2212%22%20y1%3D%2220%22%20x2%3D%2212%22%20y2%3D%224%22/%3E%3Cline%20x1%3D%226%22%20y1%3D%2220%22%20x2%3D%226%22%20y2%3D%2214%22/%3E%3C/svg%3E');mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%2220%22%20x2%3D%2218%22%20y2%3D%2210%22/%3E%3Cline%20x1%3D%2212%22%20y1%3D%2220%22%20x2%3D%2212%22%20y2%3D%224%22/%3E%3Cline%20x1%3D%226%22%20y1%3D%2220%22%20x2%3D%226%22%20y2%3D%2214%22/%3E%3C/svg%3E')}
.prose .bluf-rose{background:#f6ecee;border-left-color:#a44a72;color:#a44a72}
.prose .bluf-rose strong{color:#75304d}
.prose .bluf-rose::before{-webkit-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018h6%22/%3E%3Cpath%20d%3D%22M10%2022h4%22/%3E%3Cpath%20d%3D%22M12%202a7%207%200%200%200-4%2012.7V17h8v-2.3A7%207%200%200%200%2012%202z%22/%3E%3C/svg%3E');mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018h6%22/%3E%3Cpath%20d%3D%22M10%2022h4%22/%3E%3Cpath%20d%3D%22M12%202a7%207%200%200%200-4%2012.7V17h8v-2.3A7%207%200%200%200%2012%202z%22/%3E%3C/svg%3E')}
.prose .bluf-violet{background:#f2effa;border-left-color:#5f4b96;color:#5f4b96}
.prose .bluf-violet strong{color:#3f3168}
.prose .bluf-violet::before{-webkit-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22/%3E%3Cpolyline%20points%3D%2212%206%2012%2012%2016%2014%22/%3E%3C/svg%3E');mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22/%3E%3Cpolyline%20points%3D%2212%206%2012%2012%2016%2014%22/%3E%3C/svg%3E')}
.prose .bluf-rouge{background:#faeeee;border-left-color:#a3453f;color:#a3453f}
.prose .bluf-rouge strong{color:#712c28}
.prose .bluf-rouge::before{-webkit-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m21.7%2018-8-14a2%202%200%200%200-3.4%200l-8%2014A2%202%200%200%200%204%2021h16a2%202%200%200%200%201.7-3Z%22/%3E%3Cpath%20d%3D%22M12%209v4%22/%3E%3Cpath%20d%3D%22M12%2017h.01%22/%3E%3C/svg%3E');mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m21.7%2018-8-14a2%202%200%200%200-3.4%200l-8%2014A2%202%200%200%200%204%2021h16a2%202%200%200%200%201.7-3Z%22/%3E%3Cpath%20d%3D%22M12%209v4%22/%3E%3Cpath%20d%3D%22M12%2017h.01%22/%3E%3C/svg%3E')}
.prose>h2:first-child,.prose>h3:first-child,.prose>p:first-child{margin-top:0}
.prose h2 + p,.prose h3 + p{margin-top:0}
.prose aside.bluf + h2{margin-top:2.2em}
.prose h2 + h3{margin-top:1em}
.archive-desc{max-width:70ch}
.archive-desc p{margin:0 0 .7em}
.archive-desc p:last-child{margin-bottom:0}
.archive-desc a{color:var(--accent)}
.home-tete{padding:34px 26px 6px;max-width:var(--wrap);margin:0 auto;text-align:center}
.home-titre{font-family:var(--titre);font-size:clamp(1.9rem,4.4vw,3rem);line-height:1.12;font-weight:700;letter-spacing:-.02em;margin:0;color:var(--encre)}
.home-intro{max-width:62ch;margin:14px auto 0;color:var(--encre2);font-size:1.02rem;line-height:1.6}
@media (max-width:640px){.home-tete{padding:24px 20px 4px;text-align:left}
.home-intro{margin-left:0}
}
.formulaire-contact{margin:28px 0}
.leurre{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-note{padding:14px 18px;border-radius:10px;margin:0 0 20px;font-size:.96rem}
.form-ok{background:#eef6f0;border-left:3px solid #3d7a53;color:#28543a}
.form-err{background:#faeeee;border-left:3px solid #a3453f;color:#712c28}
.form-duo{display:grid;gap:0 18px;grid-template-columns:1fr 1fr}
.form-champ{margin:0 0 16px}
.form-champ label{display:block;font-family:var(--meta);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--encre2);margin-bottom:6px}
.form-champ label .opt{text-transform:none;letter-spacing:0;font-weight:400;color:var(--encre3)}
.form-champ input,.form-champ textarea{width:100%;font:inherit;font-size:.98rem;padding:11px 14px;border:1px solid var(--filet);border-radius:10px;background:var(--papier);color:var(--encre);transition:border-color .15s,box-shadow .15s}
.form-champ textarea{resize:vertical;min-height:150px;line-height:1.6}
.form-champ input:focus,.form-champ textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}
.form-envoi{margin:6px 0 0}
.form-envoi .btn{border:0;cursor:pointer;font-size:.84rem;border-radius:999px;padding:13px 28px}
@media (max-width:620px){.form-duo{grid-template-columns:1fr}
}
.page-liens{padding-bottom:60px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--filet);border:1px solid var(--filet);border-radius:14px;overflow:hidden;margin:26px 0 42px}
.stat{background:var(--papier);padding:20px 18px;display:flex;flex-direction:column;gap:4px}
.stat-n{font-family:var(--titre);font-size:1.85rem;font-weight:700;line-height:1;color:var(--encre);letter-spacing:-.02em}
.stat-l{font-family:var(--meta);font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;color:var(--encre3);line-height:1.35}
.bloc-domaines{margin:0 0 42px}
.domaines{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.domaines li{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 14px;border:1px solid var(--filet);border-radius:999px;font-family:var(--meta);font-size:.82rem}
.domaines .dom{color:var(--encre2)}
.domaines .dom-n{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--papier2);color:var(--encre);font-size:.74rem;font-weight:700}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:16px}
.tbl-liens{width:100%;border-collapse:collapse;font-size:.92rem;min-width:640px}
.tbl-liens thead th{font-family:var(--meta);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--encre3);text-align:left;font-weight:600;padding:0 14px 10px;border-bottom:2px solid var(--filet-fort)}
.tbl-liens tbody th{text-align:left;font-weight:400;vertical-align:top;padding:14px;border-bottom:1px solid var(--filet);width:38%}
.tbl-liens tbody th a{color:var(--encre);text-decoration:none;font-weight:600;display:block;line-height:1.35}
.tbl-liens tbody th a:hover{color:var(--accent)}
.tbl-liens tbody th .date{display:block;margin-top:5px;font-family:var(--meta);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--encre3)}
.tbl-liens td{padding:14px;vertical-align:top;border-bottom:1px solid var(--filet)}
.tbl-liens tr.debut td{border-top:0}
.tbl-liens .ancre{width:34%}
.tbl-liens .ancre a{color:var(--accent);font-weight:600;text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 40%,transparent);word-break:break-word}
.tbl-liens .ancre a:hover{border-bottom-color:currentColor}
.tbl-liens .dest .hote{display:block;color:var(--encre2);font-weight:600;word-break:break-word}
.tbl-liens .dest .chemin{display:block;margin-top:3px;font-family:var(--meta);font-size:.74rem;color:var(--encre3);word-break:break-all}
@media (max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){.stat{padding:16px 14px}
.stat-n{font-size:1.5rem}
}
@media (max-width:640px){.nav a{font-size:.82rem;padding:11px 0;min-height:44px;display:inline-flex;align-items:center}
.devise{font-size:.8rem}
.breadcrumb{font-size:.8rem}
.footer-menu{line-height:1.2}
.footer-menu a{display:inline-flex;align-items:center;min-height:44px;padding:0 2px;font-size:.86rem}
.stat-l{font-size:.78rem}
.tbl-liens th,.tbl-liens .date,.dim{font-size:.8rem}
.som-liste a{min-height:44px;display:flex;align-items:center}
.meta-formats a.fmt{min-height:40px;display:inline-flex;align-items:center;padding:0 6px}
.search{height:42px}
.search input{font-size:16px}
.search button,.search:hover button,.search:focus-within button{width:32px;height:32px;opacity:1;visibility:visible}
}
.article-title,.page-title{letter-spacing:-.028em;line-height:1.18}
.card-media,.card-media img,.une-media,.une-media img,.duo-media,.duo-media img,.ligne-media,.ligne-media img,.prose img,.prose figure img{border-radius:14px}
.prose .figure-legende img{border-radius:14px}
.card{border-radius:16px}
.btn,.pagination a,.pagination span{border-radius:999px}
.etiquette,.rubrique,.tag{border-radius:999px}
.rubrique{background:var(--orange-clair);color:var(--accent);padding:5px 13px;display:inline-block;font-weight:600;letter-spacing:.06em}
.rubrique-titre{border-bottom:2px solid var(--accent);display:inline-block;padding-bottom:6px}
.btn:hover{background:var(--accent)}
.pagination .on,.pagination [aria-current]{background:var(--accent);border-color:var(--accent);color:#fff}
.site-header:focus-visible{outline:2px solid var(--encre);outline-offset:2px}
.site-header .search:focus-visible{outline:0}
.site-header.bandeau .search:focus-within{box-shadow:0 0 0 3px rgba(255,255,255,.55)}
.site-header.bandeau.bandeau-clair .search:focus-within{box-shadow:0 0 0 3px rgba(0,0,0,.28)}
.masque{color:inherit}
.masque em{color:var(--encre3);font-style:normal;font-size:.94em}
.prose figure.video{margin:2em 0;padding:0}
.video-lancer{display:block;position:relative;width:100%;padding:0;border:0;cursor:pointer;background:#000;border-radius:14px;overflow:hidden;line-height:0}
.video-lancer img{width:100%;height:auto;opacity:.86;transition:opacity .18s ease}
.video-lancer:hover img,.video-lancer:focus-visible img{opacity:1}
.video-play{position:absolute;inset:0;margin:auto;width:66px;height:46px;border-radius:12px;background:rgba(20,26,33,.78);pointer-events:none}
.video-play::after{content:"";position:absolute;inset:0;margin:auto;width:0;height:0;border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff}
.video-lancer:hover .video-play{background:var(--encre)}
.prose figure.video iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:14px;display:block}
.prose figure.video .video-repli{display:block;margin-top:8px;font-family:var(--meta);font-size:.82rem;color:var(--encre3)}
.prose .produits{margin:2em 0;padding:16px 20px;background:var(--papier2);border:1px solid var(--filet);border-radius:14px}
.prose .produits-titre{margin:0 0 8px;font-family:var(--meta);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--encre3)}
.prose .produits ul{margin:0}
.sous-rubriques{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}
.sous-rubriques a{font-family:var(--meta);font-size:.8rem;text-decoration:none;padding:6px 13px;border:1px solid var(--filet);border-radius:999px;color:var(--encre2)}
.sous-rubriques a:hover{border-color:var(--accent);color:var(--accent)}
@media (max-width:430px){.search:not(.search-big) input{width:0;padding-left:0;padding-right:0;opacity:0}
.search:not(.search-big)::before{display:none}
.search:not(.search-big){padding-left:4px;padding-right:4px}
.search:not(.search-big):focus-within{padding-right:8px}
.search:not(.search-big):focus-within input{width:132px;opacity:1;padding-left:2px}
.search-big{width:100%;max-width:100%}
.search-big input{width:100%;opacity:1}
}
.site-header.bandeau.clair{color:var(--encre);border-bottom:1px solid var(--filet)}
.site-header.bandeau.clair .brand{color:var(--encre)}
.site-header.bandeau.clair .devise{color:var(--encre3);border-left-color:rgba(26,24,32,.22)}
.site-header.bandeau.clair .nav{border-top-color:rgba(26,24,32,.14)}
.site-header.bandeau.clair .nav a{color:var(--encre2);opacity:1}
.site-header.bandeau.clair .nav a:hover,.site-header.bandeau.clair .nav a[aria-current]{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.site-header.bandeau.clair .search{background:#fff;border-color:var(--filet)}
.site-header.bandeau.clair .search::before{background:var(--encre3)}
.site-header.bandeau.clair .search:focus-within{background:#fff;border-color:var(--encre3);box-shadow:0 1px 2px rgba(0,0,0,.04),0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.site-header.bandeau.clair .search:focus-within::before{background:var(--accent)}
.site-header.bandeau.clair .search input{color:var(--encre)}
.site-header.bandeau.clair .search input::placeholder{color:var(--encre3)}
.site-header.bandeau.clair .search button{background:var(--encre-fixe);color:#fff}
.site-header.bandeau.clair .search button:hover{background:var(--accent);color:#fff}
.site-header.bandeau.clair .brand .mot2{color:var(--accent)}
@media (max-width:720px){.site-header.bandeau.clair .search button{background:transparent;color:var(--encre-fixe)}
.site-header.bandeau.clair .search button:hover{background:var(--orange-clair);color:var(--accent)}
}
.site-header.bandeau.bandeau-clair,.site-header.bandeau.bandeau-clair .brand,.site-header.bandeau.bandeau-clair .devise,.site-header.bandeau.bandeau-clair .search input{color:var(--encre)}
.site-header.bandeau.bandeau-clair .nav a{color:var(--encre2)}
.site-header.bandeau.bandeau-clair .nav a:hover{color:var(--encre)}
.site-header.bandeau.bandeau-clair .devise{border-left-color:rgba(26,24,32,.3)}
.site-header.bandeau.bandeau-clair .nav{border-top-color:rgba(26,24,32,.18)}
.site-header.bandeau.bandeau-clair .search{background:rgba(255,255,255,.6);border-color:rgba(26,24,32,.35)}
.site-header.bandeau.bandeau-clair .search::before,.site-header.bandeau.bandeau-clair .search:focus-within::before{background:var(--encre)}
.site-header.bandeau.bandeau-clair .search input::placeholder{color:var(--encre3)}
.site-header.bandeau.bandeau-clair .search button{background:var(--encre-fixe);color:#fff}
.site-header.bandeau.bandeau-clair .search button:hover{background:var(--accent);color:#fff}
.site-header.bandeau.bandeau-clair .search:focus-within{background:rgba(255,255,255,.85);border-color:var(--encre);box-shadow:0 0 0 3px color-mix(in srgb,var(--encre) 12%,transparent)}
.site-header.bandeau.bandeau-clair .brand .mot2{color:var(--accent)}
.site-header .header-inner{position:relative}
.header-deco{position:absolute;right:0;top:0;bottom:0;height:100%;width:auto;max-width:none;pointer-events:none;user-select:none;z-index:0}
.site-header:has(.header-deco) .header-inner>*:not(.header-deco){position:relative;z-index:1}
.site-header:has(.header-deco) .brand,.site-header:has(.header-deco) .devise,.site-header:has(.header-deco) .nav{padding-right:0}
.site-header:has(.header-deco) .header-inner{padding-right:calc(26px + 370px)}
@media (max-width:900px){.site-header:has(.header-deco) .header-inner{padding-right:calc(26px + 170px)}
}
@media (max-width:560px){.header-deco{display:none}
.site-header:has(.header-deco) .header-inner{padding-right:26px}
}
.liens-google{margin:2rem 0 0}
.liens-google>summary{cursor:pointer;list-style:none;color:var(--encre3,#8a8a8a);font-size:.8rem;opacity:.5}
.liens-google>summary::-webkit-details-marker{display:none}
.liens-google>div{max-height:22rem;overflow:auto;font-size:.72rem;line-height:1.5;word-break:break-all;margin-top:.6rem}
.liens-google>div p{margin:0}
:root{--ar-vert:#2f6b3c;--ar-fond:#f0f6f0;--ar-filet:#cadec9;--ar-creux:#dbe8db}
@media (prefers-color-scheme:dark){:root:not([data-mode="clair"]){--ar-vert:#7bc48d;--ar-fond:#16221a;--ar-filet:#2e4a37;--ar-creux:#28382c}
}
.agent-ready{margin:2.2rem 0 0}
.agent-ready details{border:1px solid var(--ar-filet);border-radius:6px;background:var(--ar-fond)}
.agent-ready summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.8rem;padding:.65rem .85rem;font-size:.92rem;color:var(--encre2)}
.agent-ready summary::-webkit-details-marker{display:none}
.agent-ready summary:hover .ar-titre{text-decoration:underline;text-underline-offset:3px}
.ar-titre{font-weight:600;color:var(--encre)}
.ar-action{margin-left:auto;display:flex;align-items:center;gap:.35rem;color:var(--encre3);white-space:nowrap}
.ar-action>span{font-size:.82rem}
.ar-chevron{flex:none;transition:transform .18s ease}
.agent-ready details[open] summary .ar-chevron{transform:rotate(90deg)}
@media (prefers-reduced-motion:reduce){.ar-chevron{transition:none}
}
@media (max-width:560px){.agent-ready summary{flex-wrap:wrap;row-gap:.15rem}
.ar-action{margin-left:0;width:100%;padding-left:3.2rem}
}
.ar-jauge{flex:none;position:relative;display:grid;place-items:center;width:2.4rem;height:2.4rem;font-variant-numeric:tabular-nums}
.ar-jauge svg{position:absolute;inset:0;width:100%;height:100%}
.ar-creux{stroke:var(--ar-creux)}
.ar-plein{stroke:var(--ar-vert)}
.ar-jauge b{font-size:.72rem;font-weight:700;line-height:1;color:var(--ar-vert)}
.ar-corps{border-top:1px solid var(--ar-filet);padding:.95rem .85rem 1rem;display:flex;flex-direction:column;gap:.8rem}
.ar-h{margin:0;font-size:1.02rem;font-weight:600;color:var(--encre)}
.ar-texte{margin:0;font-size:.9rem;color:var(--encre2)}
.ar-controles{list-style:none;margin:0;padding:0;display:grid;gap:.32rem .9rem;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));font-size:.89rem;color:var(--encre2)}
.ar-controles li{display:grid;grid-template-columns:1rem 1fr auto;gap:.45rem;align-items:baseline;margin:0}
.ar-coche{color:var(--ar-vert);font-weight:700}
.ar-portee{font-size:.74rem;color:var(--encre3)}
.ar-pied{display:flex;flex-wrap:wrap;gap:.45rem 1rem;align-items:center;margin:0;border-top:1px solid var(--ar-filet);padding-top:.75rem;font-size:.8rem;color:var(--encre3)}
.ar-bouton{display:inline-flex;align-items:center;gap:.35rem;background:var(--ar-vert);color:var(--ar-fond);font-size:.82rem;font-weight:600;padding:.32rem .7rem;border-radius:4px;text-decoration:none}
.ar-bouton:hover{filter:brightness(1.08)}
.ar-hors{font-size:.9em;line-height:1}
@media (prefers-color-scheme:dark){:root:not([data-mode="clair"]) .prose .bluf p{color:var(--encre)}
:root:not([data-mode="clair"]) .prose .bluf-bleu{background:#16202b;border-left-color:#8fb9e4;color:#8fb9e4}
:root:not([data-mode="clair"]) .prose .bluf-bleu strong{color:#cfe3f7}
:root:not([data-mode="clair"]) .prose .bluf-vert{background:#16241b;border-left-color:#7fc294;color:#7fc294}
:root:not([data-mode="clair"]) .prose .bluf-vert strong{color:#c6e6d1}
:root:not([data-mode="clair"]) .prose .bluf-orange{background:#261c10;border-left-color:#e0a463;color:#e0a463}
:root:not([data-mode="clair"]) .prose .bluf-orange strong{color:#f4d3aa}
:root:not([data-mode="clair"]) .prose .bluf-rose{background:#261620;border-left-color:#dd93b2;color:#dd93b2}
:root:not([data-mode="clair"]) .prose .bluf-rose strong{color:#f3c9dc}
:root:not([data-mode="clair"]) .prose .bluf-violet{background:#1d1a2b;border-left-color:#a996e0;color:#a996e0}
:root:not([data-mode="clair"]) .prose .bluf-violet strong{color:#d6ccf5}
:root:not([data-mode="clair"]) .prose .bluf-rouge{background:#2a1618;border-left-color:#e59090;color:#e59090}
:root:not([data-mode="clair"]) .prose .bluf-rouge strong{color:#f5c7c7}
}
:root[data-mode="sombre"]{--papier:#0d1424;--papier2:#17213a;--encre:#eef3fa;--encre2:#cfd9e8;--encre3:#9aa8c0;--filet:#2a3650;--filet-fort:#eef3fa;--orange:#f2c870;--accent:#d9a441;--orange-clair:#1b2b4a}
:root[data-mode="sombre"] .site-header:not(.bandeau) .brand-img img{display:none}
:root[data-mode="sombre"] .site-header:not(.bandeau) .brand-img .logo-sombre{display:block}
:root[data-mode="sombre"] .site-header:not(.bandeau) .brand-img:not(:has(.logo-sombre)) img{display:block;filter:invert(1) hue-rotate(180deg)}
:root[data-mode="sombre"]{--ar-vert:#7bc48d;--ar-fond:#16221a;--ar-filet:#2e4a37;--ar-creux:#28382c}
:root[data-mode="sombre"] .prose .bluf p{color:var(--encre)}
:root[data-mode="sombre"] .prose .bluf-bleu{background:#16202b;border-left-color:#8fb9e4;color:#8fb9e4}
:root[data-mode="sombre"] .prose .bluf-bleu strong{color:#cfe3f7}
:root[data-mode="sombre"] .prose .bluf-vert{background:#16241b;border-left-color:#7fc294;color:#7fc294}
:root[data-mode="sombre"] .prose .bluf-vert strong{color:#c6e6d1}
:root[data-mode="sombre"] .prose .bluf-orange{background:#261c10;border-left-color:#e0a463;color:#e0a463}
:root[data-mode="sombre"] .prose .bluf-orange strong{color:#f4d3aa}
:root[data-mode="sombre"] .prose .bluf-rose{background:#261620;border-left-color:#dd93b2;color:#dd93b2}
:root[data-mode="sombre"] .prose .bluf-rose strong{color:#f3c9dc}
:root[data-mode="sombre"] .prose .bluf-violet{background:#1d1a2b;border-left-color:#a996e0;color:#a996e0}
:root[data-mode="sombre"] .prose .bluf-violet strong{color:#d6ccf5}
:root[data-mode="sombre"] .prose .bluf-rouge{background:#2a1618;border-left-color:#e59090;color:#e59090}
:root[data-mode="sombre"] .prose .bluf-rouge strong{color:#f5c7c7}
.bascule-theme{width:38px;height:38px;flex:0 0 auto;border-radius:50%;cursor:pointer;border:1px solid var(--filet);background:transparent;color:inherit;display:grid;place-items:center;padding:0;transition:border-color .2s ease,background .2s ease,transform .15s ease}
.bascule-theme:hover{border-color:currentColor;transform:translateY(-1px)}
.bascule-theme:active{transform:none}
.bascule-theme:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.bascule-theme svg{width:20px;height:20px;display:block}
.bascule-theme .moitie{transform-origin:12px 12px;transition:transform .45s cubic-bezier(.4,0,.2,1)}
.site-header.bandeau .bascule-theme{border-color:rgba(255,255,255,.38)}
.site-header.bandeau.bandeau-clair .bascule-theme{border-color:rgba(0,0,0,.25)}
@media (prefers-reduced-motion:reduce){.bascule-theme .moitie{transition:none}
}
@media (prefers-color-scheme:dark){:root:not([data-mode="clair"]) .bascule-theme .moitie{transform:rotate(180deg)}
:root:not([data-mode="clair"]) .site-header.bandeau{background:var(--bandeau-sombre,var(--papier2))}
:root:not([data-mode="clair"]) .site-header.bandeau.bandeau-clair{color:#fff}
:root:not([data-mode="clair"]) .site-header.bandeau.bandeau-clair .brand,:root:not([data-mode="clair"]) .site-header.bandeau.bandeau-clair .devise,:root:not([data-mode="clair"]) .site-header.bandeau.bandeau-clair .nav a{color:#fff}
:root:not([data-mode="clair"]) .site-header.bandeau .brand-img .logo-sombre{display:block}
:root:not([data-mode="clair"]) .site-header.bandeau .brand-img img:not(.logo-sombre){display:none}
:root:not([data-mode="clair"]) .site-header.bandeau .brand-img:not(:has(.logo-sombre)) img{display:block}
}
:root[data-mode="sombre"] .bascule-theme .moitie{transform:rotate(180deg)}
:root[data-mode="sombre"] .site-header.bandeau{background:var(--bandeau-sombre,var(--papier2))}
:root[data-mode="sombre"] .site-header.bandeau.bandeau-clair{color:#fff}
:root[data-mode="sombre"] .site-header.bandeau.bandeau-clair .brand,:root[data-mode="sombre"] .site-header.bandeau.bandeau-clair .devise,:root[data-mode="sombre"] .site-header.bandeau.bandeau-clair .nav a{color:#fff}
:root[data-mode="sombre"] .site-header.bandeau .brand-img .logo-sombre{display:block}
:root[data-mode="sombre"] .site-header.bandeau .brand-img img:not(.logo-sombre){display:none}
:root[data-mode="sombre"] .site-header.bandeau .brand-img:not(:has(.logo-sombre)) img{display:block}
.nav .bascule-theme{margin-left:auto;position:relative;z-index:2}
.site-header:has(.header-deco) .nav .bascule-theme{order:-1;margin-left:0;margin-right:10px}
@media (max-width:620px){.nav .bascule-theme{order:-1;margin-left:0;margin-right:12px;flex:0 0 auto}
}
@media (max-width:620px){.nav .bascule-theme{width:34px;height:34px}
.nav .bascule-theme svg{width:18px;height:18px}
}

/* Chapo : resume de l'article, affiche seulement quand le champ est rempli.
   Meme geometrie que les encarts BLUF du corps, mais un fond neutre pris dans
   les tokens du theme : le texte garde le couple encre/papier du site, donc le
   meme contraste en clair et en sombre, et l'encart ne concurrence pas les BLUF
   colores plus bas dans l'article. L'icone est decorative, le mot cle porte le sens. */
.article-chapo{display:grid;grid-template-columns:26px 1fr;gap:7px 14px;align-items:start;margin:26px 0 34px;padding:20px 24px;background:var(--papier2);border-left:3px solid var(--accent);border-radius:0 12px 12px 0}
.article-chapo::before{content:"";width:22px;height:22px;margin-top:3px;grid-row:1/span 2;background:var(--accent);-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018h6%22/%3E%3Cpath%20d%3D%22M10%2022h4%22/%3E%3Cpath%20d%3D%22M12%202a7%207%200%200%200-4%2012.7V17h8v-2.3A7%207%200%200%200%2012%202z%22/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018h6%22/%3E%3Cpath%20d%3D%22M10%2022h4%22/%3E%3Cpath%20d%3D%22M12%202a7%207%200%200%200-4%2012.7V17h8v-2.3A7%207%200%200%200%2012%202z%22/%3E%3C/svg%3E") no-repeat center/contain}
.article-chapo strong{display:block;font-family:var(--meta);font-size:.78rem;letter-spacing:.11em;text-transform:uppercase;margin:0 0 6px;line-height:1.4;color:var(--encre)}
.article-chapo p{margin:0;font-size:1rem;line-height:1.62;color:var(--encre)}
.article-chapo p + p{margin-top:.6em}
@media (max-width:560px){.article-chapo{padding:16px 18px;grid-template-columns:22px 1fr;gap:6px 11px}.article-chapo::before{width:18px;height:18px;margin-top:2px}}

/* Sommaire encadre : replie sur telephone, deplie au-dela de 760 px.
   Le <details> est ferme dans le HTML ; ici on force son contenu visible et on
   rend le summary indistinguable de l'ancien titre. Ajoute le 20/09/2026 : sur
   mobile le sommaire occupait un ecran entier avant le premier paragraphe. */
.som-repli{max-width:var(--measure);margin:0 0 2.2em;padding:0;background:var(--papier2);border-left:3px solid var(--accent)}
.som-repli>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px;cursor:pointer;list-style:none}
.som-repli>summary::-webkit-details-marker{display:none}
.som-repli>summary .som-titre{margin:0}
.som-repli>summary:hover .som-titre{color:var(--accent)}
.som-repli>.som-liste{padding:0 22px 18px}
@media (min-width:761px){
  /* Au-dela de 760 px le sommaire reste ouvert : le summary se fait passer pour
     le titre d'avant, sans curseur de clic ni chevron. */
  .som-repli>summary{cursor:default;padding:22px 26px 0}
  .som-repli>summary .som-compte{display:none}
  .som-repli>.som-liste{padding:14px 26px 22px}
}

/* La decoration d'entete est un <picture> positionne ; son <img> le remplit.
   Surtout ne pas redeclarer `display` ici : la regle serait posterieure au
   @media (max-width:560px){.header-deco{display:none}} et reafficherait la
   decoration sur telephone. */
.header-deco img{height:100%;width:auto;max-width:none;display:block}

/* Au-dela de 1180 px, le sommaire lateral redevient une colonne : on efface le
   decor de la boite repliable et on masque son summary. */
@media (min-width:1180px){
  .article:has(.som-lateral)>.som-lateral{background:none;border-left:0;padding:0 20px 0 0}
  .som-lateral>summary{display:none}
  .som-lateral>.som-liste{padding:0}
}

/* pied : le lien de flux porte la marque RSS, monochrome, alignee sur le texte */
.lien-flux{display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.lien-flux:hover span{text-decoration:underline}
.lien-flux .ico-flux{flex:0 0 auto;opacity:.85}
.lien-flux:hover .ico-flux{opacity:1}


/* --- Recherche repliee sur telephone ---------------------------------------
   Sous 430 px le champ disparait et il ne reste que le bouton. Le formulaire
   gardait pourtant son fond et son filet : on voyait une aureole autour d'un
   disque, la ou il n'y a plus rien a delimiter. Signale par Frederic le
   24/09/2026 sur Falls View : « loupe blanche sous encadre blanc ».
   Repliee, la recherche ne dessine plus qu'une loupe. Le cadre revient des que
   le champ s'ouvre, parce que la il delimite quelque chose. */
@media (max-width:430px){
  .site-header .search:not(.search-big):not(:focus-within){background:transparent;border-color:transparent;box-shadow:none}
  .site-header .search:not(.search-big):not(:focus-within) button{background:transparent;color:var(--encre);width:40px;height:40px}
  .site-header .search:not(.search-big):not(:focus-within) button svg{width:20px;height:20px}
  /* bandeau colore a encre claire : la loupe reste blanche */
  .site-header.bandeau:not(.bandeau-clair) .search:not(.search-big):not(:focus-within) button{color:#fff}
}

.piliers{margin-top:8px}.piliers-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(172px,1fr));gap:12px}.pilier{display:flex;flex-direction:column;gap:8px;padding:18px 16px 14px;border:1px solid var(--filet);border-top:4px solid var(--orange);border-radius:12px;background:var(--papier2);color:var(--encre);transition:transform .15s,border-color .15s}.pilier:hover{transform:translateY(-2px);border-top-color:var(--accent)}.pilier-nom{font:700 1.15rem/1.2 var(--titre);color:var(--encre);text-decoration:none}.pilier-nom:hover{color:var(--accent)}.pilier-desc{margin:0;font-size:.86rem;line-height:1.45;color:var(--encre2)}.pilier-hub{font-size:.85rem;line-height:1.35;color:var(--accent);font-weight:600;text-decoration:none}.pilier-hub:hover{text-decoration:underline}.pilier-nb{margin-top:auto;font-size:.76rem;color:var(--encre3);letter-spacing:.02em}

.pilier-outils{border-top-color:var(--encre);background:var(--papier)}
/* bandeau clair en mode sombre : champ de recherche et filets lisibles (28/09/2026) */
@media (prefers-color-scheme:dark){:root:not([data-mode="clair"]) .site-header.bandeau.bandeau-clair .search{background:rgba(255,255,255,.07);border-color:var(--filet)}
:root:not([data-mode="clair"]) .site-header.bandeau.bandeau-clair .search:focus-within{background:rgba(255,255,255,.12);border-color:var(--encre)}
:root:not([data-mode="clair"]) .site-header.bandeau.bandeau-clair .devise{border-left-color:var(--filet)}
:root:not([data-mode="clair"]) .site-header.bandeau.bandeau-clair .nav{border-top-color:var(--filet)}}
:root[data-mode="sombre"] .site-header.bandeau.bandeau-clair .search{background:rgba(255,255,255,.07);border-color:var(--filet)}
:root[data-mode="sombre"] .site-header.bandeau.bandeau-clair .search:focus-within{background:rgba(255,255,255,.12);border-color:var(--encre)}
:root[data-mode="sombre"] .site-header.bandeau.bandeau-clair .devise{border-left-color:var(--filet)}
:root[data-mode="sombre"] .site-header.bandeau.bandeau-clair .nav{border-top-color:var(--filet)}

.site-header.bandeau,.site-header.bandeau.clair,.site-header.bandeau.bandeau-clair{border-bottom:4px solid var(--turquoise,#1d95a5)}

/* leproduseo : le lien « Audit avec Rankit » du menu en pastille or */
.nav a[href="https://www.leanovaacademy.com/link/MVR50Q"]{background:#d9a441;color:#0b1830;padding:6px 16px;border-radius:999px;font-weight:650;text-decoration:none}
.nav a[href="https://www.leanovaacademy.com/link/MVR50Q"]:hover{background:#f2c870;color:#0b1830}

/* fiches des classements : photo ronde a gauche du nom */
.prose .fiche-photo{float:left;width:76px;height:76px;border-radius:50%;margin:4px 16px 8px 0;object-fit:cover;border:2px solid var(--filet)}
.prose h3:has(+ .fiche-photo),.prose .fiche{clear:both}
/* figure légendée */
.prose .capture-ia{margin:28px 0;clear:both}
.prose .capture-ia img{width:100%;height:auto;border:1px solid var(--filet);border-radius:12px;box-shadow:0 6px 24px rgba(27,42,74,.12)}
.prose .capture-ia figcaption{font-size:.86rem;color:var(--encre3);margin-top:8px}

/* bascule de langues (reprise de Falls View) */
   Un bouton souligne qui porte le nom entier de la langue servie et deroule
   les autres. <details> natif : pas de JavaScript obligatoire. L'encre vient
   du bandeau quand il y en a un, jamais de --encre, qui est l'encre de la
   page et tombait a 1,3:1 sur un bandeau de couleur. */
details.langues{position:relative;margin-left:14px;font-family:var(--meta);font-size:.78rem;font-weight:600}
details.langues summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:7px;padding:5px 2px;border-bottom:2px solid currentColor;color:var(--encre2)}
details.langues summary::-webkit-details-marker{display:none}
details.langues summary:hover{color:var(--accent)}
details.langues summary:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:3px}
details.langues .chev{transition:transform .2s ease;flex:0 0 auto}
details.langues[open] .chev{transform:rotate(180deg)}
.langues-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:40;margin:0;padding:6px;list-style:none;min-width:158px;background:var(--papier);border:1px solid var(--filet);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.22)}
.langues-menu li{margin:0}
/* le menu vit a l'interieur de .nav : « .site-header.bandeau .nav a » (0,3,1)
   l'emportait sur « .langues-menu a » (0,1,1) et peignait les entrees en blanc
   sur fond blanc, invisibles. Il faut donc au moins la meme specificite, et
   remettre la casse et l'interlettrage que .nav a impose aux rubriques. */
.site-header.bandeau .nav .langues-menu a,.site-header .nav .langues-menu a,.site-header .nav .langues-menu .on{display:block;padding:8px 13px;border-radius:7px;font-size:.8rem;letter-spacing:0;text-transform:none;white-space:nowrap;text-decoration:none;color:var(--encre);font-weight:500;font-family:var(--texte)}
.site-header.bandeau .nav .langues-menu a:hover,.site-header .nav .langues-menu a:hover{background:var(--papier2);color:var(--accent)}
.site-header.bandeau .nav .langues-menu .on,.site-header .nav .langues-menu .on{background:var(--orange-clair,var(--papier2));color:var(--accent);font-weight:700}
@media (prefers-reduced-motion:reduce){details.langues .chev{transition:none}}
.site-header.bandeau details.langues summary{color:rgba(255,255,255,.92)}
.site-header.bandeau details.langues summary:hover{color:#fff}
.site-header.bandeau.clair details.langues summary,.site-header.bandeau.bandeau-clair details.langues summary{color:var(--encre2)}
.site-header.bandeau.clair details.langues summary:hover,.site-header.bandeau.bandeau-clair details.langues summary:hover{color:var(--accent)}
/* A 390 px, la barre de navigation defile horizontalement : le selecteur,
   place en fin de barre, etait a x=497 pour une fenetre de 390 — introuvable
   sans faire glisser le menu. Il passe en tete, comme la bascule clair/sombre. */
@media (max-width:620px){details.langues{margin-left:0;margin-right:auto;font-size:.74rem}
.nav details.langues{order:-1}
.langues-menu{left:0;right:auto}
/* ce meme defilement est un contexte de rognage : le menu deroulant etait
   coupe net par la barre. On rend le debordement visible le temps qu'il est
   ouvert, et le defilement revient des qu'il se referme. */
.nav:has(details.langues[open]){overflow:visible}}

/* --- Recherche repliee sur telephone ---------------------------------------

/* encart CTA vers le programme Leanova cite (importer-leanova.php) */
.prose .cta-leanova{margin:34px 0 10px;padding:20px 24px;border:1px solid var(--filet);border-top:3px solid var(--or,#d9a441);border-radius:0 0 12px 12px;background:var(--papier2)}
.prose .cta-leanova strong{display:block;font-family:var(--meta);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--encre3);margin:0 0 6px}
.prose .cta-leanova p{margin:0}
.prose .cta-leanova a{font-weight:650}

/* en-tete Leanova : devise sous le logo (la photo prend la droite), navigation en 3e ligne */
.header-inner{grid-template-rows:auto auto auto}
.devise{grid-row:2;grid-column:1/-1;border-left:0;padding-left:0;margin-top:4px;max-width:620px}
.nav{grid-row:3}
@media (max-width:900px){.devise{display:none}}
@media (max-width:640px){.brand-img img{height:38px!important;width:auto!important;max-width:calc(100vw - 110px)}}

/* « À lire aussi sur le blog de Leanova Academy » (importer-leanova.php) */
.prose .lire-leanova{margin:30px 0 0;padding:16px 22px;border:1px solid var(--filet);border-radius:12px;background:var(--papier2)}
.prose .lire-leanova strong{display:block;font-family:var(--meta);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--encre3);margin:0 0 8px}
.prose .lire-leanova ul{margin:0;padding-left:1.1em}
.prose .lire-leanova li{margin:4px 0}

/* signature de l'auteur : liens avec icones Lucide, avatar dans la ligne de meta */
.author-liens{display:flex;flex-wrap:wrap;gap:8px 18px}
.author-liens a{display:inline-flex;align-items:center;gap:6px;color:var(--encre2);text-decoration:none;border-bottom:1px solid var(--filet)}
.author-liens a:hover{color:var(--accent);border-bottom-color:var(--accent)}
.author-liens svg{color:var(--or,#9a6f12)}
.byline-photo{width:28px;height:28px;border-radius:50%;object-fit:cover;vertical-align:middle;margin-right:7px}
.byline{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.byline-photo{margin-right:0}

/* ===== Lot B UX (08/10/2026) : titres sur deux lignes au plus, cartes compactes, menu mobile ===== */
/* Titres : taille contenue pour que les titres de 70 à 85 caractères tiennent sur deux lignes à 730 px */
.article-title{font-size:clamp(1.45rem,2.5vw,2.05rem);line-height:1.2;margin:0 0 14px}
.page-title{font-size:clamp(1.5rem,2.6vw,2.05rem);line-height:1.2}
.home-titre{font-size:clamp(1.6rem,3vw,2.35rem);line-height:1.15;max-width:30ch;margin:0 auto}
.home-intro{font-size:.98rem;max-width:66ch;margin-top:12px}
@media (max-width:640px){.home-titre{font-size:1.5rem;margin-left:0}.article-title{font-size:1.35rem}.page-title{font-size:1.4rem}.home-intro{font-size:.94rem;line-height:1.5}}
/* Une seule ligne de métadonnées sous le titre */
.article-meta{display:block;padding-bottom:14px;margin-bottom:26px}
.meta-ligne{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0}
.meta-ligne .sep{margin:0 2px}
/* Cartes des rubriques : nom, nombre, article pilier */
.piliers{margin-top:14px}
.piliers-grille{grid-template-columns:repeat(5,1fr);gap:10px}
.pilier{gap:6px;padding:14px 14px 12px;text-decoration:none;color:var(--encre);border-top-width:3px}
.pilier:hover{border-color:var(--accent);border-top-color:var(--accent)}
.pilier-tete{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.pilier-nom{font-size:1rem;line-height:1.2}
.pilier-nb{margin:0;font:600 .7rem/1 var(--meta);color:var(--encre3);background:var(--papier);border:1px solid var(--filet);border-radius:999px;padding:4px 7px;flex:0 0 auto}
.pilier-hub{font-size:.8rem;line-height:1.35;font-weight:500;color:var(--encre2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pilier:hover .pilier-hub{color:var(--accent)}
@media (max-width:1000px){.piliers-grille{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.piliers-grille{grid-template-columns:repeat(2,1fr);gap:8px}.pilier{padding:11px 12px 10px}.pilier-hub{display:none}.pilier-nom{font-size:.92rem}}
/* Menu mobile : bouton burger, pastille Leanova visible, panneau plein écran */
.burger,.cta-mobile{display:none}
@media (max-width:900px){
  .header-inner{grid-template-columns:1fr auto auto;align-items:center;gap:0 10px}
  .burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:10px;background:transparent;cursor:pointer;grid-row:1;grid-column:3;align-self:center}
  .burger span{display:block;width:20px;height:2px;margin:0 auto;background:currentColor;color:#fff;transition:transform .2s,opacity .2s}
  .site-header:not(.bandeau) .burger,.site-header.bandeau.bandeau-clair .burger{color:var(--encre);border-color:var(--filet)}
  .site-header:not(.bandeau) .burger span,.site-header.bandeau.bandeau-clair .burger span{background:var(--encre)}
  .menu-ouvert .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-ouvert .burger span:nth-child(2){opacity:0}
  .menu-ouvert .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .cta-mobile{display:inline-block;grid-row:1;grid-column:2;align-self:center;background:#d9a441;color:#0b1830;font:650 .72rem/1 var(--meta);letter-spacing:.05em;text-transform:uppercase;padding:10px 12px;border-radius:999px;text-decoration:none;white-space:nowrap}
  .search{display:none}
  .nav{display:none}
  .menu-ouvert .nav{display:flex;flex-direction:column;gap:0;position:fixed;inset:0;top:0;z-index:50;background:var(--papier);padding:70px 24px 32px;overflow-y:auto;margin:0;border:0}
  .menu-ouvert .nav a{font-size:1rem;letter-spacing:.03em;padding:14px 0;border-bottom:1px solid var(--filet);color:var(--encre);white-space:normal;min-height:0}
  .menu-ouvert .nav a[href="https://www.leanovaacademy.com/link/MVR50Q"]{margin:14px 0 4px;text-align:center;padding:13px 16px;border-bottom:0}
  .menu-ouvert .nav .bascule-theme,.menu-ouvert .nav details.langues{order:20;margin:18px 0 0;align-self:flex-start}
  .menu-ouvert .burger{position:fixed;top:18px;right:20px;z-index:60;color:var(--encre);border-color:var(--filet)}
  .menu-ouvert .burger span{background:var(--encre)}
  .menu-ouvert{overflow:hidden}
  .site-header.bandeau .nav a{color:var(--encre)}
  .header-deco{display:none}
  .site-header:has(.header-deco) .header-inner{padding-right:26px}
}
.une-titre{font-size:clamp(1.35rem,2.3vw,1.85rem);line-height:1.2;margin:0 0 14px}
.duo-titre{font-size:1.1rem;line-height:1.3}
.ligne-titre{font-size:1.05rem;line-height:1.3}
@media (max-width:900px){.brand-img img{max-width:calc(100vw - 232px)!important;height:auto!important}.cta-mobile{font-size:.64rem;padding:9px 10px}.burger{justify-self:end}}
@media (max-width:640px){.home-titre{font-size:1.35rem}}
@media (max-width:900px){.brand-img img{max-width:calc(100vw - 215px)!important}}
@media (max-width:360px){.cta-mobile span{display:none}.cta-mobile::before{content:attr(data-court)}}
@media (max-width:640px){.home-titre{font-size:1.22rem}}
@media (max-width:900px){
  body.menu-ouvert .site-header .header-inner>.nav{position:fixed;inset:0;z-index:50}
  body.menu-ouvert .site-header .header-inner>.burger{position:fixed;top:18px;right:20px;z-index:60}
}
.article{max-width:790px}
.article-title{font-size:clamp(1.4rem,2.4vw,1.9rem);letter-spacing:-.02em}
@media (min-width:1180px){.article:has(.som-lateral){grid-template-columns:230px minmax(0,790px)}}
@media (max-width:640px){.article-title{font-size:1.3rem;line-height:1.22}}

/* ===== Lot C (08/10/2026) ===== */
/* Précédent / suivant : deux cartes avec vignette */
.adjacent{gap:14px;border-top:0;margin-top:40px;padding-top:0}
.adj,.adj.next{display:flex;flex-direction:row;align-items:center;gap:14px;padding:12px;border:1px solid var(--filet);border-radius:12px;background:var(--papier2);font-size:.95rem;line-height:1.3;text-align:left}
.adj.next{flex-direction:row;justify-content:flex-end;text-align:right}
.adj:hover{border-color:var(--accent);color:var(--encre)}
.adj:hover .adj-titre{color:var(--accent)}
.adj-media{flex:0 0 96px;width:96px;height:64px;border-radius:8px;overflow:hidden;background:var(--filet)}
.adj-media img{width:100%;height:100%;object-fit:cover;display:block}
.adj-texte{display:flex;flex-direction:column;gap:5px;min-width:0}
.adj .dim{font-size:.66rem}
.adj-titre{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:620px){.adjacent{grid-template-columns:1fr}.adj.next{justify-content:flex-start;text-align:left;flex-direction:row-reverse}}
/* À lire ensuite : hauteur réservée aux images (pas de saut au chargement) */
.card-media img{aspect-ratio:16/9;width:100%;height:auto;object-fit:cover;background:var(--papier2)}
/* En-tête desktop sur deux bandes : [logo + devise | recherche, pastille, langue, contraste] puis la navigation sur une seule ligne */
@media (min-width:901px){
  .header-inner{grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;align-items:center;row-gap:0}
  .brand{grid-row:1;grid-column:1;align-self:end}
  .devise{grid-row:2;grid-column:1;max-width:none;margin-top:4px;white-space:nowrap}
  .header-actions{grid-row:1/3;grid-column:2;display:flex;align-items:center;justify-content:flex-end;gap:12px;align-self:center;flex-wrap:wrap}
  .header-actions .search{grid-row:auto;grid-column:auto;align-self:auto}
  .cta-pill{background:#d9a441;color:#0b1830;font:650 .7rem/1 var(--meta);letter-spacing:.07em;text-transform:uppercase;padding:10px 16px;border-radius:999px;text-decoration:none;white-space:nowrap}
  .cta-pill:hover{background:#f2c870;color:#0b1830}
  .cta-panneau{display:none}
  .header-actions details.langues{margin-left:0}
  .header-actions .bascule-theme{margin-left:0;position:relative;z-index:2}
  .nav{grid-row:3;grid-column:1/-1;flex-wrap:nowrap;gap:12px;overflow:visible;margin-top:12px;padding:10px 0 2px}
  .nav a{font-size:.66rem;letter-spacing:.05em;white-space:nowrap}
  .site-header:has(.header-deco) .header-inner{padding-right:calc(26px + 300px)}
  .site-header:has(.header-deco) .brand,.site-header:has(.header-deco) .devise,.site-header:has(.header-deco) .nav{padding-right:0}
}
@media (min-width:901px) and (max-width:1240px){.site-header:has(.header-deco) .header-inner{padding-right:calc(26px + 220px)}.nav{gap:10px}.nav a{font-size:.62rem}.devise{display:none}}
@media (max-width:900px){
  .header-actions{display:none}
  body.menu-ouvert .site-header .header-inner>.header-actions{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:55;gap:12px;align-items:center;justify-content:space-between;padding:12px 24px calc(12px + env(safe-area-inset-bottom));background:var(--papier);border-top:1px solid var(--filet)}
  body.menu-ouvert .header-actions .search{display:flex;flex:1 1 auto}
  body.menu-ouvert .header-actions .cta-pill{display:none}
  .cta-panneau{display:block;margin:14px 0 4px;text-align:center;padding:13px 16px!important;border-bottom:0!important;background:#d9a441;color:#0b1830!important;border-radius:999px;font-weight:650;letter-spacing:.05em}
  .menu-ouvert .nav{padding-bottom:90px}
}
@media (min-width:901px){.devise{font-size:.68rem;letter-spacing:.11em}.header-actions{gap:10px}.header-actions .search input{width:96px}.cta-pill{font-size:.64rem;padding:9px 13px}}
@media (min-width:901px) and (max-width:1500px){.site-header:has(.header-deco) .header-inner{padding-right:calc(26px + 240px)}}
@media (max-width:900px){
  body.menu-ouvert .site-header .header-inner>.header-actions{color:var(--encre)}
  body.menu-ouvert .header-actions .search{background:var(--papier2);border-color:var(--filet)}
  body.menu-ouvert .header-actions .search input{color:var(--encre);width:100%}
  body.menu-ouvert .header-actions details.langues summary,body.menu-ouvert .header-actions details.langues,body.menu-ouvert .site-header.bandeau .header-actions details.langues summary{color:var(--encre)}
  body.menu-ouvert .header-actions .bascule-theme{border-color:var(--filet);color:var(--encre)}
  body.menu-ouvert .header-actions .langues-menu{top:auto;bottom:calc(100% + 8px)}
}
@media (max-width:900px){body.menu-ouvert .header-actions .search:not(.search-big) input{width:100%;opacity:1;padding-left:4px}body.menu-ouvert .header-actions .search:not(.search-big)::before{display:block}body.menu-ouvert .header-actions .search:not(.search-big){padding-left:34px}}
@media (max-width:900px){body.menu-ouvert .site-header .header-inner>.header-actions{flex-wrap:nowrap}body.menu-ouvert .header-actions .search{flex:1 1 0;min-width:0;max-width:220px}}
@media (max-width:900px){
  body.menu-ouvert .site-header.bandeau .header-actions .search,body.menu-ouvert .site-header .header-actions .search{background:var(--papier2);border:1px solid var(--filet)}
  body.menu-ouvert .site-header.bandeau .header-actions .search input::placeholder,body.menu-ouvert .site-header .header-actions .search input::placeholder{color:var(--encre3)}
  body.menu-ouvert .site-header.bandeau .header-actions .search::before{background:var(--encre3)}
}
/* pastille d'appel (refonte UX 08/10/2026) : couleurs reprises du lien du menu */
:root{--cta-fond:#d9a441;--cta-encre:#0b1830}
/* 16/10/2026 : à 390 px la colonne du logo (1fr = min-content) poussait le burger hors de l'écran */
@media (max-width:900px){.header-inner{grid-template-columns:minmax(0,1fr) auto auto}.header-inner>.brand,.header-inner>a.brand{min-width:0}.site-header .header-inner>.brand img{max-width:100%!important;height:auto!important;object-fit:contain}}
@media (max-width:480px){.header-inner{padding-left:16px;padding-right:16px;gap:0 8px}.cta-mobile{padding:9px 10px;font-size:.68rem}}
/* 16/10/2026 : qualification sous le nom de l'auteur (demande de Marc-André Rochefort) */
.byline-texte{display:inline-flex;flex-direction:column;line-height:1.25}
.byline-titre{font-size:.72rem;font-weight:600;letter-spacing:.02em;color:#7a5208;white-space:normal}
.author-titre{margin:2px 0 8px;font-family:var(--meta);font-size:.8rem;font-weight:600;letter-spacing:.02em;color:#7a5208}
@media (prefers-color-scheme:dark){:root:not([data-mode="clair"]) .byline-titre,:root:not([data-mode="clair"]) .author-titre{color:#f2c870}}
:root[data-mode="sombre"] .byline-titre,:root[data-mode="sombre"] .author-titre{color:#f2c870}
/* 16/10/2026 : sélecteur de langue placé dans .header-actions (et non dans .nav) : les règles « .nav .langues-menu a »
   ne s'appliquaient pas, les liens restaient blancs (couleur du bandeau) sur le menu blanc, et le menu s'ouvrait décalé */
.site-header .header-actions details.langues{position:relative}
.site-header .header-actions .langues-menu{left:auto;right:0}
.site-header .header-actions .langues-menu a,.site-header .header-actions .langues-menu .on{display:block;padding:8px 13px;border-radius:7px;font-size:.8rem;letter-spacing:0;text-transform:none;white-space:nowrap;text-decoration:none;color:var(--encre);font-weight:500;font-family:var(--texte)}
.site-header .header-actions .langues-menu a:hover{background:var(--papier2);color:var(--accent)}
.site-header .header-actions .langues-menu .on{background:var(--orange-clair,var(--papier2));color:var(--accent);font-weight:700}
.site-header .header-inner>.header-actions{z-index:5!important}