/* ========================================================= HEADER FAMI ========================================================= */

.fami-header-brand{ display:flex !important; align-items:center !important; gap:14px !important; height:88px !important; margin:0 !important; padding:0 !important; text-decoration:none !important; border:0 !important; box-shadow:none !important; }

.fami-header-brand img{ display:block !important; width:105px !important; height:58px !important; max-width:105px !important; max-height:58px !important; object-fit:contain !important; margin:0 !important; padding:0 !important; border:0 !important; box-shadow:none !important; }

.fami-header-tagline{ color:#777 !important; font-size:16px !important; font-weight:500 !important; line-height:1.4 !important; white-space:nowrap !important; }

/* ========================================================= MENU ========================================================= */

.fami-header-nav{ display:flex !important; align-items:center !important; justify-content:center !important; gap:42px !important; width:100% !important; height:88px !important; margin:0 !important; padding:0 !important; }

.fami-nav-link{ display:flex !important; align-items:center !important; justify-content:center !important; height:88px !important; margin:0 !important; padding:0 !important;

color:#111 !important;

font-size:14px !important; font-weight:700 !important; letter-spacing:1.2px !important;

text-transform:uppercase !important; text-decoration:none !important;

background:transparent !important; border:0 !important; box-shadow:none !important;

white-space:nowrap !important;

transition:color .25s ease !important; }

.fami-nav-link:hover{ color:#c40025 !important; }

/* ========================================================= SERVICES + SOUS-MENU ========================================================= */

.fami-nav-dropdown{ position:relative !important; display:flex !important; align-items:center !important; height:88px !important; }

.fami-services-link{ gap:8px !important; }

.fami-dropdown-arrow{ color:#c40025 !important; font-size:8px !important; transition:transform .25s ease !important; }

/* SOUS-MENU */

.fami-dropdown-menu{ position:absolute !important;

top:78px !important; left:50% !important;

transform:translateX(-50%) translateY(10px) !important;

width:285px !important;

padding:8px 0 !important;

background:#fff !important;

border:1px solid rgba(0,0,0,.10) !important;

box-shadow:0 18px 45px rgba(0,0,0,.12) !important;

opacity:0 !important; visibility:hidden !important; pointer-events:none !important;

transition: opacity .25s ease, visibility .25s ease, transform .25s ease !important;

z-index:999999 !important; }

.fami-dropdown-menu a{ display:block !important;

width:100% !important;

padding:15px 20px !important;

color:#111 !important;

font-size:11px !important; font-weight:700 !important;

line-height:1.4 !important;

text-decoration:none !important;

background:#fff !important;

border:0 !important;

box-shadow:none !important;

transition: color .2s ease, background .2s ease, padding-left .2s ease !important; }

.fami-dropdown-menu a:hover{ color:#fff !important;

background:#a00020 !important;

padding-left:25px !important; }

/* OUVRIR SOUS-MENU */

.fami-nav-dropdown:hover .fami-dropdown-menu{ opacity:1 !important;

visibility:visible !important;

pointer-events:auto !important;

transform:translateX(-50%) translateY(0) !important; }

.fami-nav-dropdown:hover .fami-dropdown-arrow{ transform:rotate(180deg) !important; }

/* ========================================================= SUPPRIMER EFFETS ASTRA ========================================================= */

.fami-header-nav a::before, .fami-header-nav a::after, .fami-header-nav a:hover::before, .fami-header-nav a:hover::after{ content:none !important; display:none !important; }

/* ========================================================= MOBILE ========================================================= */

@media(max-width:900px){

.fami-header-brand{ justify-content:center !important; height:78px !important; }

.fami-header-brand img{ width:105px !important; height:55px !important; }

.fami-header-tagline{ display:none !important; }

.fami-header-nav{ display:none !important; }

}