@charset "UTF-8";
/* Bandeau haut d'origine — extrait de site.css/site-vert.css pour les pages « dossier » */
:root{--wine:#074D3A; --faint:#6E7D72;}
.skip-link{position:absolute; left:-9999px; top:0; background:var(--ink); color:var(--paper); padding:10px 16px; z-index:1000; font-weight:700; border-radius:0 0 4px 0;}
.skip-link:focus{left:0; top:0;}
.site-head{position:sticky; top:0; z-index:50; background:rgba(244,240,231,.84); backdrop-filter:blur(12px); border-bottom:1px solid var(--rule);}
.site-head .bar{display:flex; align-items:center; justify-content:space-between; gap:24px; height:80px; padding-top:0; padding-bottom:0;}
.brand{display:flex; font-family:var(--serif); font-style:normal; font-weight:500; align-items:center; gap:10px; white-space:nowrap; flex-shrink:0;}
.site-head .brand .wm{font-size:22px; letter-spacing:.17em; text-transform:uppercase; color:var(--wine); padding-left:.17em; line-height:1;}
.site-head .brand .dia{width:5px; height:5px; background:var(--gold); transform:rotate(45deg); flex:none;}
.site-head .nav{display:flex; align-items:center; gap:14px; flex-wrap:nowrap;}
.site-head .nav a{font-size:12px; font-weight:600; color:var(--ink-2); letter-spacing:.005em; transition:color .2s; white-space:nowrap; font-family:var(--sans);}
.site-head .nav-group{display:inline-flex; flex-direction:column; align-items:flex-start; gap:0; line-height:1.15;}
.site-head .nav-group > a{line-height:1.15;}
.site-head .nav a.nav-sub{font-size:12px; font-weight:600; opacity:.85; margin-top:2px;}
.site-head .nav a.nav-sub:hover{opacity:1;}
.site-head .nav a:hover{color:var(--wine);}
.head-cta{display:inline-flex; align-items:center; gap:8px; font-size:12.5px; font-weight:700; letter-spacing:.04em; color:var(--paper); background:var(--ink); padding:11px 18px; transition:.2s; line-height:1.05; font-family:var(--sans);}
.head-cta:hover{background:var(--wine);}
.head-cta .jb{display:inline-flex; flex-direction:column; align-items:flex-start; line-height:1.05;}
.head-cta .jb .jb2{font-size:.76em; font-weight:600; opacity:.85; letter-spacing:.03em; margin-top:2px; text-transform:none;}
.burger{display:none; width:46px; height:46px; border:1px solid var(--rule); background:none; cursor:pointer; position:relative;}
.burger span{position:absolute; left:14px; width:18px; height:2px; background:var(--ink); transition:.25s;}
.burger span:nth-child(1){top:17px;} .burger span:nth-child(2){top:50%; margin-top:-1px;} .burger span:nth-child(3){bottom:17px;}
.burger.open span:nth-child(1){top:50%; margin-top:-1px; transform:rotate(45deg);}
.burger.open span:nth-child(2){opacity:0;}
.burger.open span:nth-child(3){bottom:50%; margin-bottom:-1px; transform:rotate(-45deg);}
.mobile-nav{display:none; position:fixed; inset:72px 0 0; background:var(--paper); z-index:49; padding:18px clamp(22px,6vw,40px) calc(32px + env(safe-area-inset-bottom,0px)); flex-direction:column; overflow:auto;}
.mobile-nav.open{display:flex;}
.mobile-nav a{font-size:20px; font-weight:700; letter-spacing:-.015em; color:var(--ink); padding:13px 0; border-bottom:1px solid var(--rule); line-height:1.2; font-family:var(--sans);}
.mobile-nav .nav-group{display:flex; flex-direction:column; padding:6px 0; border-bottom:1px solid var(--rule);}
.mobile-nav .nav-group > a{padding:7px 0; border-bottom:0;}
.mobile-nav .nav-group > a.nav-sub{font-size:20px; font-weight:700; opacity:.75; padding-top:4px; padding-bottom:9px;}
.mobile-nav .m-cta{margin-top:18px; background:var(--ink); color:var(--paper); text-align:center; font-size:15px; font-weight:700; padding:16px; border-bottom:0;}
@media (max-width:1100px){
  .site-head .nav,.head-cta{display:none;} .burger{display:flex; align-items:center; justify-content:center;}
}