.footer-reference { background: #073C2E; padding: 76px 0 28px; color: #d8e4dc; }
.footer-grid { display: grid; grid-template-columns: 1.35fr .8fr 1.05fr 1.2fr; gap: 48px; }
.footer-grid section { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.footer-brand > img { width: 280px; max-width:100%; filter: brightness(0) invert(1); }
.footer-brand p { margin: 23px 0 10px; }
.footer-grid h2 { color: #DDEA37; margin: 0 0 12px; font: 800 .79rem Arial,sans-serif; letter-spacing: .09em; }
.footer-grid a,.footer-grid span,.footer-grid p { font-size: .95rem; margin: 0; }
.footer-grid a:hover { color: #DDEA37; }
.socials { gap: 14px; }
.socials a { display:grid; place-items:center; width:46px; height:46px; border:1px solid #6d9384; border-radius:50%; }
.footer-brand .socials img { width:36px; height:36px; object-fit:contain; filter:none; }
.newsletter { display: flex; width: 100%; margin-top: 20px; border-bottom: 1px solid #8aa89a; }
.newsletter input { width: 100%; padding: 10px 3px; color: #fff; background: transparent; border: 0; outline: 0; font: inherit; }
.newsletter input::placeholder { color: #d8e4dc; }.newsletter button { border:0; background:transparent; color:#DDEA37; font-size:2rem; line-height:1; cursor:pointer; }
.footer-bottom { border-top: 1px solid #427161; margin-top: 68px; padding-top: 22px; display: flex; justify-content: space-between; font-size:.78rem; color:#a8c1b5; }
.footer-brand p { font-size: 0; }
.footer-brand p::after { content: "Avec vous, partout !"; font-size: .95rem; }
@media (max-width:760px) { .footer-reference{padding-top:45px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}.footer-brand img{width:220px}.footer-bottom{margin-top:38px;gap:14px;flex-direction:column}.footer-grid h2{margin-top:0} }