/* ========================================================= ACCUEIL COMPACT ÉQUILIBRÉ — affichage bureau à 100 % Chargé en dernier dans afin d'harmoniser aussi les trois blocs de services définis directement dans index.php. ========================================================= */ @media (min-width:1200px){ /* En-tête : compact, mais lisible */ .header-inner{ min-height:58px !important; gap:13px !important; } .brand{gap:9px !important} .brand-logo{ width:44px !important; height:44px !important; } .brand strong{ font-size:.98rem !important; line-height:1.05 !important; } .brand span{font-size:.66rem !important} .main-nav{ gap:3px !important; font-size:.68rem !important; } .main-nav a{ min-height:32px !important; padding:7px 8px !important; border-radius:7px !important; white-space:nowrap !important; } .member-btn{ padding:9px 12px !important; font-size:.70rem !important; border-radius:8px !important; } /* Hero : gain de hauteur surtout par les espacements */ .hero-home, .hero-inner{ min-height:238px !important; } .hero-copy{max-width:590px !important} .hero-kicker{ margin-bottom:5px !important; font-size:.70rem !important; } .hero-copy h1{ margin-bottom:8px !important; font-size:clamp(2.45rem,3.35vw,3.45rem) !important; line-height:1 !important; } .departements{ margin-bottom:3px !important; font-size:.88rem !important; } .departements::after{ width:108px !important; height:3px !important; margin-top:6px !important; } .slogan{ margin:7px 0 8px !important; font-size:.86rem !important; } .hero-live-promo{ margin-bottom:6px !important; font-size:.69rem !important; } .hero-live-badge{ padding:2px 5px !important; font-size:.56rem !important; } .hero-actions{gap:8px !important} .hero-actions .btn{ padding:9px 14px !important; font-size:.72rem !important; line-height:1.05 !important; } /* Première rangée : textes restaurés, hauteur réduite par le padding */ .homepage{ margin-top:8px !important; margin-bottom:10px !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:9px !important; } .homepage > .panel{ min-width:0 !important; height:158px !important; padding:10px 11px !important; overflow:hidden !important; border-radius:13px !important; } .panel-head{ margin-bottom:5px !important; padding-bottom:5px !important; } .panel-head h2{font-size:.77rem !important} .panel-head a{font-size:.66rem !important} .result-line{ gap:6px !important; padding:5px 0 !important; font-size:.72rem !important; } .result-line span, .result-line div span{font-size:.65rem !important} .pdf-btn{ padding:4px 6px !important; font-size:.60rem !important; } .panel-link{ margin-top:4px !important; font-size:.66rem !important; } .news-item{gap:7px !important} .news-thumb{ width:54px !important; min-width:54px !important; height:48px !important; } .news-item h3, .small-news h3{ margin-bottom:2px !important; font-size:.72rem !important; } .news-item p{ font-size:.64rem !important; line-height:1.18 !important; -webkit-line-clamp:2 !important; } .news-item a, .small-news a{ margin-top:2px !important; font-size:.64rem !important; } .small-news{ margin-top:5px !important; padding-top:5px !important; } .badge{ margin-bottom:2px !important; padding:2px 4px !important; font-size:.54rem !important; } .race-line{ padding:6px 0 !important; font-size:.68rem !important; } .quick-links a{ min-height:29px !important; padding:4px 5px !important; font-size:.66rem !important; } .wide-member{ margin-top:5px !important; padding:6px !important; font-size:.66rem !important; } /* Rangée services : réduction désormais homogène des deux cadres bleus */ .home-services-row{ margin:0 0 9px !important; gap:10px !important; grid-template-columns:minmax(0,1.08fr) minmax(300px,.9fr) minmax(0,1.08fr) !important; } .home-service-feature, .home-services-center{ min-height:198px !important; height:198px !important; border-radius:14px !important; } .home-service-feature{ padding:13px 16px !important; } .home-service-top{ grid-template-columns:48px minmax(0,1fr) !important; gap:11px !important; } .home-service-icon{ width:48px !important; height:48px !important; font-size:1.42rem !important; } .home-service-kicker{ margin-bottom:3px !important; font-size:.61rem !important; } .home-service-feature h2{ margin-bottom:4px !important; font-size:1.20rem !important; line-height:1.08 !important; } .home-service-feature p{ font-size:.78rem !important; line-height:1.30 !important; } .home-service-actions{ gap:6px !important; margin-top:8px !important; } .home-service-actions a{ min-height:31px !important; padding:5px 10px !important; font-size:.72rem !important; border-radius:8px !important; } .home-services-center{ padding:12px 16px !important; } .home-services-center h2{ margin-bottom:6px !important; font-size:.76rem !important; } .home-services-list a{ grid-template-columns:38px minmax(0,1fr) 12px !important; gap:8px !important; padding:5px 0 !important; } .home-services-list .mini-icon{ width:35px !important; height:35px !important; border-radius:9px !important; font-size:1rem !important; } .home-services-list strong{ margin-bottom:1px !important; font-size:.82rem !important; } .home-services-list span{ font-size:.68rem !important; line-height:1.20 !important; } .home-services-list .arrow{font-size:1rem !important} /* Bande statistiques et pied de page */ .stats-band{ min-height:42px !important; margin:0 !important; border-radius:11px !important; } .stats-band > div{padding:6px 12px !important} .stats-band strong{font-size:.94rem !important} .stats-band span{font-size:.59rem !important} .footer{ margin-top:0 !important; padding:7px 0 !important; } .footer-inner{font-size:.60rem !important} } /* Les formats tablette et mobile conservent le comportement existant. */ @media (max-width:1199px){ .homepage > .panel, .home-service-feature, .home-services-center{ height:auto !important; } }