.site-footer { background:#063b2e; color:#e5eddf; padding:0 0 22px; border-top:1px solid #416b54; }
.footer-topline { display:flex; justify-content:space-between; align-items:center; gap:30px; padding:32px 0; border-bottom:1px solid #ffffff26; }
.footer-topline>p { margin:0; font:400 1.8rem/1.2 Georgia,serif; color:#fff8e9; }
.footer-topline>p span { color:#d7d48e; }
.site-footer a { color:#d9e5d2; text-decoration:none; }
.site-footer a:hover { color:#f4c18c; text-decoration:underline; text-underline-offset:4px; }
.footer-topline>a { font-size:.8rem; padding:12px 0; color:#edc89b; }
.footer-topline>a span { display:inline-flex; align-items:center; justify-content:center; border:1px solid #8ba785; width:34px; height:34px; border-radius:50%; margin-left:15px; }
.footer-grid { display:grid; grid-template-columns:1.6fr .8fr 1fr 1.3fr; gap:38px; padding:38px 0; }
.footer-brand { display:inline-block; }
.footer-brand>span { display:block; font:400 1.6rem Georgia,serif; color:#fff9ed; white-space:nowrap; }
.footer-brand small { display:flex; align-items:center; gap:10px; color:#e4e9da; font-size:.58rem; letter-spacing:.2em; margin-top:10px; }
.footer-brand small::before { content:''; width:29px; height:2px; background:#da7339; }
.footer-brand-column>p { font-size:.78rem; color:#adc5ae; line-height:1.8; margin:22px 0; max-width:270px; }
.footer-facebook { display:flex; align-items:center; gap:10px; font-size:.68rem; }
.footer-facebook>i { display:flex; align-items:center; justify-content:center; width:28px; height:28px; border:1px solid #86a386; border-radius:50%; font-size:.8rem; flex-shrink:0; }
.site-footer h2 { color:#f0e8cf; font:600 .7rem system-ui,sans-serif; text-transform:uppercase; letter-spacing:.12em; margin:6px 0 22px; }
.footer-navigation ul { list-style:none; padding:0; margin:0; }
.footer-navigation li { margin-bottom:10px; font-size:.78rem; line-height:1.5; }
.footer-contact-column>p { color:#adc5ae; font-size:.78rem; line-height:1.8; margin-bottom:16px; }
.footer-email { font-size:.75rem; overflow-wrap:anywhere; }
.footer-contact-button { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:10px 14px; border:1px solid #9caf8e; border-radius:4px; font-size:.75rem; margin-top:20px; max-width:195px; }
.footer-bottom { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:15px 25px; padding-top:20px; border-top:1px solid #ffffff26; }
.footer-bottom>p { color:#9fb99f; font-size:.62rem; margin:0; }
.footer-bottom nav { display:flex; flex-wrap:wrap; gap:15px; }
.footer-bottom nav a,.footer-back-top { font-size:.62rem; color:#b4cab0; }
.footer-back-top span { margin-left:8px; color:#e5bf8d; }
#pied-de-page { scroll-margin-top:105px; }
@media(max-width:1199px) { .footer-grid { gap:25px; grid-template-columns:1.5fr .8fr 1fr 1.3fr; } .footer-brand>span { font-size:1.4rem; } }
@media(max-width:991px) { .footer-grid { grid-template-columns:1.4fr 1fr; gap:35px 50px; } .footer-brand-column { order:0; } .footer-contact-column { order:1; } .footer-navigation { order:2; } .footer-bottom { justify-content:flex-start; } .footer-bottom>p { width:100%; } .footer-back-top { margin-left:auto; } }
@media(max-width:575px) { .footer-topline { align-items:flex-start; flex-direction:column; gap:16px; padding:28px 0; } .footer-topline>p { font-size:1.6rem; } .footer-topline>a { padding:0; } .footer-grid { grid-template-columns:1fr 1fr; gap:30px 22px; padding:30px 0; } .footer-brand-column,.footer-contact-column { grid-column:1/-1; } .footer-brand>span { font-size:1.65rem; } .footer-brand-column>p { max-width:100%; margin:18px 0; } .footer-contact-column { padding-top:22px; border-top:1px solid #ffffff20; } .footer-navigation { order:1; } .footer-contact-column { order:2; } .footer-navigation li { font-size:.8rem; } .footer-email { font-size:.85rem; } .footer-contact-column>p { margin-bottom:10px; } .footer-bottom { gap:18px; } .footer-bottom nav { gap:15px; } .footer-bottom>p { line-height:1.8; } .footer-back-top { margin-left:0; } }
.site-footer .footer-navigation h2,.site-footer .footer-contact-column h2 { font:600 .7rem system-ui,sans-serif; line-height:1.4; color:#f0e8cf; margin:6px 0 22px; }