/* Externalized from Portfolio.html */
/* Bandeau commun : même structure sur 404, Portfolio et Téléchargements */
body > .site-header{height:66px;min-height:66px;flex:0 0 66px;background:rgba(11,16,32,.96);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1160px)/2));color:#fff;box-sizing:border-box;position:relative;z-index:100}
body > .site-header .brand{display:flex;align-items:center;gap:11px;flex:0 0 auto;color:#fff;text-decoration:none;min-width:0}
body > .site-header .brand-mark{display:grid !important;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:#17c3b2;color:#0b1020;font-weight:800;font-size:15px}
body > .site-header .brand-name{display:inline !important;width:auto !important;height:auto !important;flex:0 0 auto !important;padding:0 !important;margin:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;color:#fff !important;font-family:Manrope,"DM Sans",sans-serif;font-size:15px;font-weight:800;line-height:normal;white-space:nowrap;letter-spacing:normal;box-shadow:none !important}
body > .site-header .site-nav{display:flex;align-items:center;gap:25px;margin-left:auto}
body > .site-header .site-nav a{display:inline-flex;color:#d8dce7;text-decoration:none;font-size:13px;font-weight:500;white-space:nowrap}
body > .site-header .site-nav a:hover{color:#17c3b2}
@media(max-width:800px){body > .site-header{padding:0 18px}body > .site-header .site-nav{gap:14px}body > .site-header .site-nav a{font-size:12px}}
@media(max-width:600px){body > .site-header{height:60px;min-height:60px;flex-basis:60px;padding:0 18px}body > .site-header .brand-name{font-size:14px}body > .site-header .site-nav{margin-left:auto;gap:0}body > .site-header .site-nav a:nth-child(n+2){display:none !important}body > .site-header .site-nav a:first-child{display:inline-flex !important;margin-left:auto}}
/* Réduction de l'espace entre le bandeau et le contenu : mêmes réglages sur les trois pages. */
@media (max-width: 600px) {
  body.error-page > .error-main { padding: 24px 20px 40px !important; }
  body > .portfolio-page { padding: 28px 0 60px !important; }
  body > main > .documents-hero { padding: 28px 0 40px !important; }
}
@media (max-width: 600px){footer .footer-inner > span:first-child{display:none!important;}}
@media (max-width: 600px) {
  footer .footer-inner { display: flex !important; flex-direction: row !important; justify-content: flex-end !important; align-items: center !important; text-align: right !important; width: 100%; box-sizing: border-box; padding-right: 24px !important; }
  footer .footer-inner > span:last-child { margin-left: auto !important; text-align: right !important; white-space: nowrap; }
}
@media (min-width: 601px){.site-nav a[href="/Portfolio.html"]{display:none!important;}}

/* V4.1 — derniers styles inline de Portfolio externalisés */
.portfolio-hero-title{font:800 clamp(52px,8vw,100px)/1 Manrope,system-ui,sans-serif;letter-spacing:-.06em;margin:0}
.portfolio-hero-title em{color:#067a70;font-style:normal}
.portfolio-intro{max-width:760px;font-size:19px;margin-top:25px}