/* Coque commune Face-Équipe (bandeau contact, header, menu, footer compact) — extraite du modèle validé solutions-audit.html */
.top-links,.fe-header,.fe-footer{font-family:Arial,Helvetica,sans-serif;line-height:1.65;box-sizing:border-box}
.top-links *,.fe-header *,.fe-footer *{box-sizing:border-box}
.top-links a,.fe-header a,.fe-footer a{text-decoration:none;transition:.2s ease}
.top-links .container,.fe-header .container,.fe-footer .container{width:100%;max-width:1180px;margin:0 auto;padding-left:20px;padding-right:20px}
.top-links img,.fe-header img,.fe-footer img{display:block;max-width:100%;height:auto}
.top-links a,.fe-header a{color:#1d3b67}
.top-links a:hover,.fe-header a:hover,.fe-header a:focus{color:#087f89}
.top-links { padding:10px 0 9px; background:#f7f8fb; border-bottom:1px solid rgba(29,59,103,.10); font-size:13px }
.top-links ul { display:flex; align-items:center; margin:0; padding:0; list-style:none; flex-wrap:wrap }
.top-links li { display:flex; align-items:center; white-space:nowrap; color:#5c6775 }
.top-links li:first-child { color:#087f89; font-weight:800 }
.top-links li+li::before { content:""; width:1px; height:12px; margin:0 14px; background:rgba(29,59,103,.18) }
.top-links i { width:14px; margin-right:7px; color:#087f89; text-align:center }
.fe-header { position:relative; z-index:1000; background:#fff; border-bottom:1px solid #e6ebf2 }
.fe-nav-wrap { display:flex; align-items:center; justify-content:space-between; min-height:88px; gap:28px }
.fe-nav-wrap::before, .fe-nav-wrap::after, .fe-footer-main::before, .fe-footer-main::after { display:none!important; content:none!important }
.fe-logo { display:flex; align-items:center; gap:12px; min-width:230px; color:#0b1f3a; font-weight:900; line-height:1.1 }
.fe-logo img { width:74px; height:74px; object-fit:contain }
.fe-logo span { font-size:18px; text-transform:uppercase }
.fe-logo small { display:block; margin-top:5px; color:#087f89; font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:none }
.fe-menu { display:flex; align-items:center; justify-content:flex-end; gap:4px; margin:0; padding:0; list-style:none }
.fe-menu>li { position:relative }
.fe-menu>li>a { display:block; padding:34px 10px; color:#263b59; font-size:14px; font-weight:700; white-space:nowrap }
.fe-menu>li>a:hover, .fe-menu>li>a:focus, .fe-menu>.active>a { color:#087f89; background:#f7fafb }
.fe-dropdown { position:absolute; top:100%; left:0; display:none; min-width:255px; margin:0; padding:8px 0; background:#fff; border-radius:10px; box-shadow:0 12px 28px rgba(0,0,0,.13); list-style:none }
.fe-menu li:hover>.fe-dropdown, .fe-menu li:focus-within>.fe-dropdown { display:block }
.fe-dropdown a { display:block; padding:10px 18px; color:#0b1f3a; font-size:14px; font-weight:600 }
.fe-dropdown a:hover, .fe-dropdown a:focus { background:#eaf9fa; color:#087f89 }
.fe-toggle { display:none; padding:10px 12px; background:#fff; border:1px solid #dbe5ec; border-radius:8px; color:#0b1f3a; font-size:20px }
.fe-footer { background:#151515; color:#fff }
.fe-footer .container { max-width:1460px }
.fe-footer-main { display:grid; grid-template-columns:1.05fr 1fr 1.15fr 1.1fr; grid-template-areas:"about solutions contact themes"; gap:54px; padding:8px 64px 34px }
.fe-footer-about { grid-area:about }
.fe-footer-solutions { grid-area:solutions }
.fe-footer-contact-column { grid-area:contact }
.fe-footer-themes { grid-area:themes }
.fe-footer h4 { margin:0 0 20px; padding:0 0 4px; border-bottom:1px solid #474747; color:#fff; font-size:17px; font-weight:900; letter-spacing:.045em; line-height:1.2 }
.fe-footer p, .fe-footer li { font-size:15px; line-height:1.5 }
.fe-footer-main-logo { display:inline-block; margin-bottom:18px }
.fe-footer-main-logo img { width:124px; height:124px; object-fit:contain; background:#fff; border-radius:14px }
.fe-footer-about p { max-width:310px; margin:0 0 18px }
.fe-footer-signature { margin-top:30px!important; color:#fff; font-size:16px!important; line-height:1.4!important }
.fe-footer-links { margin:0; padding:0; list-style:none }
.fe-footer-links li { margin:0 0 11px }
.fe-footer a { color:#fff }
.fe-footer a:hover, .fe-footer a:focus { color:#79e1e7 }
.fe-contact>p { margin:0 0 18px }
.fe-contact-line { display:grid; grid-template-columns:20px minmax(0,1fr); gap:12px; align-items:start; margin:0 0 15px }
.fe-contact-line i { padding-top:4px; color:#dcecf5; text-align:center }
.fe-contact-line span, .fe-contact-line a { font-size:15px; line-height:1.45 }
.fe-contact-note { margin-top:22px!important; color:#d7d7d7 }
.fe-logo-grid { display:grid; grid-template-columns:repeat(3,82px); gap:11px 13px }
.fe-logo-grid a { display:block; border-radius:13px }
.fe-logo-grid img { width:82px; height:82px; padding:3px; background:#fff; border-radius:13px; object-fit:contain }
.fe-logo-grid .current img { box-shadow:0 0 0 3px rgba(255,255,255,.55) }
.fe-footer-bottom { padding:15px 64px; border-top:1px solid #2b2b2b; font-size:12px }
.fe-footer-bottom p { margin:0 }
@media(max-width:1050px) {
  .fe-menu { gap:0 }
  .fe-menu>li>a { padding-left:7px; padding-right:7px; font-size:13px }
}
@media(max-width:820px) {
  .fe-nav-wrap { flex-wrap:wrap; padding:8px 20px 14px }
  .fe-toggle { display:block }
  .fe-header nav { width:100% }
  .fe-menu { display:none; width:100%; flex-direction:column; align-items:stretch }
  .fe-menu.open { display:flex }
  .fe-menu>li>a { padding:12px }
  .fe-dropdown { position:static; display:block; box-shadow:none; border-left:3px solid #13b8c4; border-radius:0 }
  .fe-footer-main { grid-template-columns:1fr 1fr; grid-template-areas:"about solutions" "contact themes"; gap:38px 46px; padding:26px 36px 34px }
  .fe-footer-bottom { padding-left:36px; padding-right:36px }
}
@media(max-width:560px) {
  .top-links li { width:100% }
  .top-links li+li::before { display:none }
  .top-links li+li { margin-top:5px }
  .fe-logo span { font-size:16px }
  .fe-footer-main { grid-template-columns:1fr; grid-template-areas:"about" "solutions" "contact" "themes"; gap:32px; padding:24px 20px 30px }
  .fe-footer-bottom { padding-left:20px; padding-right:20px }
  .fe-logo-grid { grid-template-columns:repeat(3,76px) }
  .fe-logo-grid img { width:76px; height:76px }
}
