/* ========================================================================== ARCHIVERSE — pied de page Ces règles vivaient dans landing.css, la feuille de l'accueil. Le pied de page étant devenu un composant partagé (components/footer-site.php), les pages Outils et Logiciels chargeaient toute cette feuille — mille lignes de styles d'accueil — pour ces soixante-quinze-là. Elle apportait avec elle un « scroll-behavior: smooth » sur et une centaine de sélecteurs sans rapport, autant d'occasions de collision. Extrait ici, à l'identique. landing.css garde les siennes : l'accueil charge les deux, sans conséquence puisque les déclarations sont les mêmes. ========================================================================== */ .landing-wrap { max-width: 1080px; margin: 0 auto; padding: 0 24px; box-sizing: border-box; } /* ========================================================================== 5. FOOTER ========================================================================== */ .landing-footer { background-color: var(--card-bg); border-top: 1px solid var(--card-border); padding: 60px 0 30px 0; margin-top: 40px; /* La même cadence que le reste de la page au basculement du thème : sans elle, le pied sautait d une couleur à l autre pendant que le contenu au-dessus fondait. */ transition: background-color var(--theme-dur) var(--theme-ease), border-color var(--theme-dur) var(--theme-ease), color var(--theme-dur) var(--theme-ease); } .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 50px; } .footer-brand h3 { font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; font-size: 1.4rem; margin: 0 0 12px 0; color: var(--text-main); } .footer-brand p { font-size: 0.95rem; color: var(--text-muted); line-height: 1.6; margin: 0 0 20px 0; } .footer-col h4 { font-family: 'Bricolage Grotesque', sans-serif; font-weight: 700; font-size: 1rem; text-transform: uppercase; letter-spacing: 0.5px; margin: 0 0 18px 0; color: var(--text-main); } .footer-col ul { list-style: none; padding: 0; margin: 0; } .footer-col ul li { margin-bottom: 10px; } .footer-col ul li a { color: var(--text-muted); text-decoration: none; font-size: 0.9rem; transition: color 0.2s ease; } .footer-col ul li a:hover { color: var(--accent-main); } .footer-bottom { display: flex; justify-content: space-between; align-items: center; padding-top: 24px; border-top: 1px solid var(--card-border); font-size: 0.85rem; color: var(--text-muted); flex-wrap: wrap; gap: 12px; } /* Téléphone et petite tablette : les quatre colonnes passent en une seule. */ @media (max-width: 768px) { .landing-footer { padding: 40px 0 20px 0; } .footer-grid { grid-template-columns: 1fr; gap: 25px; margin-bottom: 25px; } .footer-bottom { flex-direction: column; text-align: center; gap: 8px; } }