/* MH Expertise | En-tete et navigation uniformes V2 */
body.mh-home .header, body.mh-site .header {
  background:#061f31; color:#fff; border-bottom:1px solid rgba(255,255,255,.14);
  position:relative; z-index:50; margin:0;
}
body.mh-home .header-inner, body.mh-site .header-inner {
  width:100%; max-width:1280px; min-height:116px; margin:0 auto; padding:14px 32px;
  display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:nowrap;
}
body.mh-home .brand, body.mh-site .brand {
  display:flex; align-items:center; gap:16px; flex:0 0 300px; color:#fff; text-decoration:none;
}
body.mh-home .brand img, body.mh-site .brand img {
  display:block; width:74px; height:80px; object-fit:contain; flex:none; margin:0;
}
body.mh-home .brand strong, body.mh-site .brand strong {
  display:block; color:#fff; font:700 23px/1.2 Arial,Helvetica,sans-serif; margin:0;
}
body.mh-home .brand span, body.mh-site .brand span {
  display:block; color:#d8e4ee; font:400 13px/1.5 Arial,Helvetica,sans-serif; margin-top:6px;
}
body.mh-home .header .nav, body.mh-site .header .nav {
  display:flex; align-items:center; justify-content:flex-end; flex:1 1 auto; flex-wrap:nowrap;
  gap:3px; margin:0; padding:0; min-width:0;
}
body.mh-home .header .nav a, body.mh-site .header .nav a {
  display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:8px 8px;
  border-radius:5px; color:#edf3f8; text-decoration:none; white-space:nowrap;
  font:700 13px/1.35 Arial,Helvetica,sans-serif; transition:background-color .15s,color .15s;
}
body.mh-home .header .nav a:hover, body.mh-site .header .nav a:hover { background:rgba(255,255,255,.09); color:#fff; }
body.mh-home .header .nav a.active, body.mh-site .header .nav a.active,
body.mh-home .header .nav a[aria-current], body.mh-site .header .nav a[aria-current] {
  background:#c99a33; color:#071f31;
}
body.mh-home .menu-toggle, body.mh-site .menu-toggle {
  display:none; align-items:center; justify-content:center; min-height:44px; padding:10px 15px;
  border:1px solid rgba(255,255,255,.42); border-radius:6px; background:transparent; color:#fff;
  font:700 14px/1.4 Arial,Helvetica,sans-serif; cursor:pointer;
}
@media (max-width:1180px) {
  body.mh-home .header-inner, body.mh-site .header-inner { min-height:92px; padding-top:12px; padding-bottom:12px; flex-wrap:wrap; }
  body.mh-home .brand, body.mh-site .brand { flex:0 1 auto; }
  body.mh-home .brand img, body.mh-site .brand img { width:58px; height:62px; }
  body.mh-home .brand strong, body.mh-site .brand strong { font-size:21px; }
  body.mh-home .brand span, body.mh-site .brand span { font-size:12px; margin-top:3px; }
  body.mh-home.nav-ready .menu-toggle, body.mh-site.nav-ready .menu-toggle { display:inline-flex; margin-left:auto; }
  body.mh-home.nav-ready .header .nav:not(.menu-open), body.mh-site.nav-ready .header .nav:not(.menu-open) { display:none; }
  body.mh-home .header .nav, body.mh-site .header .nav,
  body.mh-home .header .nav.menu-open, body.mh-site .header .nav.menu-open {
    flex:1 0 100%; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px 8px;
    padding:10px 0 6px; border-top:1px solid rgba(255,255,255,.12);
  }
  body.mh-home .header .nav a, body.mh-site .header .nav a { justify-content:flex-start; padding:9px 10px; font-size:13px; }
}
@media (max-width:640px) {
  body.mh-home .header-inner, body.mh-site .header-inner { padding-left:20px; padding-right:20px; min-height:82px; gap:12px; }
  body.mh-home .brand, body.mh-site .brand { gap:11px; }
  body.mh-home .brand img, body.mh-site .brand img { width:48px; height:52px; }
  body.mh-home .brand strong, body.mh-site .brand strong { font-size:19px; }
  body.mh-home .brand span, body.mh-site .brand span { font-size:11px; }
  body.mh-home .header .nav, body.mh-site .header .nav,
  body.mh-home .header .nav.menu-open, body.mh-site .header .nav.menu-open { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:380px) {
  body.mh-home .brand span, body.mh-site .brand span { display:none; }
  body.mh-home .header .nav, body.mh-site .header .nav,
  body.mh-home .header .nav.menu-open, body.mh-site .header .nav.menu-open { grid-template-columns:1fr; }
}


/* V3 - Portail client : exactement le meme format que les autres onglets. */
body.mh-home .header .nav a[href="/client.html"],
body.mh-site .header .nav a[href="/client.html"] {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:38px !important;
  padding:8px 8px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:5px !important;
  box-shadow:none !important;
  background:transparent !important;
  color:#edf3f8 !important;
  font:700 13px/1.35 Arial,Helvetica,sans-serif !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}
body.mh-home .header .nav a[href="/client.html"]:hover,
body.mh-site .header .nav a[href="/client.html"]:hover {
  background:rgba(255,255,255,.09) !important;
  color:#fff !important;
}
body.mh-home .header .nav a[href="/client.html"].active,
body.mh-site .header .nav a[href="/client.html"].active,
body.mh-home .header .nav a[href="/client.html"][aria-current],
body.mh-site .header .nav a[href="/client.html"][aria-current] {
  background:#c99a33 !important;
  color:#071f31 !important;
}
@media (max-width:1180px) {
  body.mh-home .header .nav a[href="/client.html"],
  body.mh-site .header .nav a[href="/client.html"] {
    justify-content:flex-start !important;
    padding:9px 10px !important;
    font-size:13px !important;
  }
}