No notes defined.
<div class="sds-footer " id="page-footer">
<div class="container">
<div class="row justify-content-between">
<div class="col-12">
<h2 class="sr-only">Pied de page</h2>
<div class="sds-stackXxl">
<div class="sds-footer__logo">
<svg width="214" height="40" viewBox="0 0 214 40" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="Logo SPUERKEESS">
<g clip-path="url(#clip0_1029_767)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M192.88 12.12C193.4 12.56 193.72 13.04 193.92 13.56L196.76 11.92C196.28 10.96 195.6 10.16 195 9.59998C194.28 8.95998 192.84 8.03998 190.36 8.03998C186 8.03998 183.6 11 183.6 14.12C183.6 17.6 186.4 19.16 188.4 20L190.6 20.92C192.16 21.52 193.96 22.56 193.96 24.88C193.96 27.2 192.24 28.76 190.12 28.76C188.68 28.76 187.72 28.24 187.08 27.4C186.52 26.64 186.12 25.56 186.12 24.44L182.6 25.2C182.72 26.8 183.28 28.36 184.52 29.72C185.68 31.04 187.28 32.04 189.96 32.04C194.28 32.04 197.4 29.04 197.4 24.64C197.4 22 196.24 19.56 191.96 17.84L189.64 16.92C187.36 15.96 187.12 14.76 187.12 14.08C187.12 12.56 188.28 11.28 190.4 11.28C191.4 11.28 192.16 11.52 192.88 12.12ZM145.72 8.39999L136.76 17.64V8.39999H133.24V31.52H136.76V21.96L137.44 21.24L145.72 31.52H150.44L139.92 18.88L150.36 8.39999H145.72ZM155.64 11.72H164.88V8.39999H152.08V31.52H164.88V28.2H155.64V20.92H164.6V17.6H155.64V11.72ZM180.76 11.72H171.52V17.6H180.52V20.92H171.52V28.2H180.76V31.52H168.04V8.39999H180.76V11.72ZM210 13.56C209.8 13.04 209.48 12.56 208.96 12.12C208.24 11.52 207.48 11.28 206.44 11.28C204.32 11.28 203.16 12.56 203.16 14.08C203.16 14.76 203.4 15.96 205.68 16.92L208 17.84C212.28 19.56 213.44 22 213.44 24.64C213.44 29.04 210.32 32.04 206 32.04C203.32 32.04 201.72 31.04 200.56 29.72C199.32 28.36 198.76 26.8 198.64 25.2L202.16 24.44C202.16 25.56 202.56 26.64 203.12 27.4C203.76 28.24 204.72 28.76 206.16 28.76C208.28 28.76 210 27.2 210 24.88C210 22.56 208.2 21.52 206.64 20.92L204.44 20C202.56 19.2 199.72 17.64 199.72 14.16C199.72 11.04 202.12 8.07997 206.48 8.07997C209 8.07997 210.4 8.99997 211.12 9.63997C211.72 10.2 212.4 11 212.88 11.96L210 13.56ZM57.56 12.12C58.08 12.56 58.4 13.04 58.6 13.56L61.48 11.96C61 11 60.32 10.2 59.72 9.63997C59 8.99997 57.56 8.07997 55.08 8.07997C50.72 8.07997 48.32 11.04 48.32 14.16C48.32 17.64 51.16 19.2 53.04 20L55.24 20.92C56.8 21.52 58.6 22.56 58.6 24.88C58.6 27.2 56.88 28.76 54.76 28.76C53.32 28.76 52.36 28.24 51.72 27.4C51.16 26.64 50.76 25.56 50.76 24.44L47.24 25.2C47.36 26.8 47.92 28.36 49.16 29.72C50.32 31.04 51.92 32.04 54.6 32.04C58.92 32.04 62.04 29.04 62.04 24.64C62.04 22 60.88 19.56 56.6 17.84L54.28 16.92C52.04 15.96 51.8 14.76 51.8 14.08C51.8 12.56 52.96 11.28 55.08 11.28C56.08 11.28 56.84 11.52 57.56 12.12ZM68.2 18.88H69.8C72.88 18.88 74.32 17.4 74.32 15.24C74.32 13.96 73.8 11.64 69.76 11.64H68.2V18.88ZM69.76 8.39999C71.16 8.39999 73.16 8.51999 74.84 9.63999C76.76 10.92 77.72 13.16 77.72 15.24C77.72 16.6 77.36 18.68 75.48 20.32C73.64 21.88 71.52 22.12 69.84 22.12H68.24V31.52H64.68V8.39999H69.76ZM83.4 22.36V8.39999H80V23.28C80 25.12 80.36 27.36 82.12 29.28C83.32 30.64 85.36 32 88.52 32C91.64 32 93.72 30.6 94.92 29.28C96.68 27.36 97.04 25.12 97.04 23.28V8.39999H93.48V22.36C93.48 23.6 93.44 25.16 92.76 26.36C92.08 27.52 90.48 28.72 88.44 28.72C86.36 28.72 84.8 27.52 84.12 26.36C83.44 25.16 83.4 23.6 83.4 22.36ZM113.24 11.72H104V17.6H112.96V20.92H104V28.2H113.24V31.52H100.44V8.39999H113.24V11.72ZM121.08 19.04H119.96V11.64H121.16C122.88 11.64 126 11.96 126 15.24C126 18.92 122.04 19.04 121.08 19.04ZM126.68 9.75999C125.16 8.75999 123.4 8.39999 120.56 8.39999H116.48V31.52H120.04V22.04H120.64L127.24 31.52H131.52L124.32 21.64C127.4 20.96 129.44 18.56 129.44 15.2C129.44 14.2 129.24 11.44 126.68 9.75999Z" fill="#003060" />
<path d="M40 0H0V40H40V0Z" fill="#DE0000" />
<path d="M27.28 15.84V9.95999L24.32 4.07999L21.36 9.95999V15.84H22.88V10.32L24.32 7.35999L25.8 10.32V15.84H27.28Z" fill="white" />
<path d="M32.04 17.72H8.03999V19.28H32.04V17.72Z" fill="white" />
<path d="M31.96 22.36C29.36 22.36 27.28 24.44 27.28 27.04V36.36C26.8 35.64 26.28 34.88 25.72 34.2V27.04C25.72 23.6 28.48 20.8 31.96 20.8V22.36Z" fill="white" />
<path d="M23.16 23.92C23.16 22.2 21.76 20.8 20 20.8C18.24 20.8 16.88 22.2 16.88 23.92V27.2C17.4 27.4 17.92 27.64 18.44 27.92V23.92C18.44 23.08 19.12 22.36 20 22.36C20.84 22.36 21.56 23.04 21.56 23.92V29.8L23.12 31L23.16 23.92Z" fill="white" />
<path d="M11.12 20.8C12.88 20.8 14.28 22.2 14.28 23.92H14.24V26.6C13.72 26.44 13.2 26.28 12.68 26.16V23.92C12.68 23.04 11.96 22.36 11.12 22.36C10.24 22.36 9.56 23.08 9.56 23.92V25.6L8 25.48V23.92C8 22.2 9.36 20.8 11.12 20.8Z" fill="white" />
</g>
<defs>
<clipPath id="clip0_1029_767">
<rect width="214" height="40" fill="white" />
</clipPath>
</defs>
</svg>
</div>
<div class="row justify-content-between">
<div class="col-12 col-lg-4">
<div class="d-flex flex-column align-items-start sds-staticStackMd">
<div class="sds-staticStackXs">
<h3 class="sds-textBodyLg sds-textSemiBold sds-fontBase sds-colorInherit">
Restez informé avec Spuerkeess
</h3>
<p class="sds-textHelperSmall">
Inscrivez-vous pour recevoir les dernières news et offres en avant première
</p>
</div>
<div class="w-100">
<div class="sds-input">
<input id="footer-email" class="sds-input form-control sds-footer__newsletterInput" type="email" placeholder="e.g. margot_thaylor@gmail.com" value="">
</div>
</div>
<div data-scope-wrapper="section" data-scope="inverted" data-scope-no-surface>
<button type="button" class="sds-btn -btnSecondary -btnInverse">
<span class="sds-btn__text">
S'abonner
</span>
</button>
</div>
<p class="sds-footer__newsletterInfo">
En m'abonnant, j'accepte de recevoir la newsletter Spuerkeess et d'autres communications marketing par e-mail, conformément à la politique de confidentialité.
</p>
</div>
</div>
<div class="col-12 col-lg-8 col-xl-7">
<div class="sds-footer__links sds-textHelper">
<div class="sds-staticStackXs">
<h3 class="sds-textHelper sds-fontBase bold sds-colorInherit">
Produits et services
</h3>
<ul class="sds-staticStackXs sds-staticExceptionStackSm list-unstyled">
<li>
<a href="">Devenir client</a>
</li>
<li>
<a href="">Comptes et cartes</a>
</li>
<li>
<a href="">Investissements</a>
</li>
<li>
<a href="">Financement</a>
</li>
<li>
<a href="">S-Net et S-Net Mobile</a>
</li>
</ul>
</div>
<div class="sds-staticStackXs">
<h3 class="sds-textHelper sds-fontBase bold sds-colorInherit">
La Banque
</h3>
<ul class="sds-staticStackXs list-unstyled">
<li>
<a href="">Qui sommes-nous</a>
</li>
<li>
<a href="">Gouvernance</a>
</li>
<li>
<a href="">Carrières</a>
</li>
<li>
<a href="">Notre blog</a>
</li>
</ul>
</div>
<div class="sds-staticStackXs">
<h3 class="sds-textHelper sds-fontBase bold sds-colorInherit">
Assistance
</h3>
<ul class="sds-staticStackXs list-unstyled">
<li>
<a href="">Contacts</a>
</li>
<li>
<a href="">Réclamations</a>
</li>
<li>
<a href="">FAQ</a>
</li>
<li>
<a href="">Sécurité</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="d-flex align-items-center flex-wrap sds-staticGapMd">
<h3 class="sr-only">
Restez connecté
</h3>
<ul class="list-unstyled sds-btnGroup flex-shrink-0 order-lg-1">
<li class="d-none d-lg-block">
<img src="../../media/snet/new-mobile-version/google-play-badge-fr.svg" alt="Disponible sur Google Play">
</li>
<li>
<img src="../../media/snet/new-mobile-version/app-store-badge-fr.svg" alt="Télécharger dans l'App Store">
</li>
</ul>
<ul class="list-unstyled sds-footer__socialIconsGroup order-lg-2">
<li>
<a href="" class="sds-btn -iconBtn">
<span aria-hidden="true" class="sds-icon sds-icon-socialfacebook"></span>
<span class="sr-only">Facebook</span>
</a>
</li>
<li>
<a href="" class="sds-btn -iconBtn">
<span aria-hidden="true" class="sds-icon sds-icon-socialinstagram"></span>
<span class="sr-only">Instagram</span>
</a>
</li>
<li>
<a href="" class="sds-btn -iconBtn">
<span aria-hidden="true" class="sds-icon sds-icon-sociallinkedin"></span>
<span class="sr-only">Linkedin</span>
</a>
</li>
<li>
<a href="" class="sds-btn -iconBtn">
<span aria-hidden="true" class="sds-icon sds-icon-socialyoutube"></span>
<span class="sr-only">Youtube</span>
</a>
</li>
</ul>
<div aria-hidden="true" class="sds-divider sds-footer__divider w-100 order-lg-4"></div>
<div class="sds-footer__langSwitcher d-flex justify-content-end align-items-center order-lg-3">
<div class="sds-languageSwitcher dropdown dropup">
<button class="sds-languageSwitcher__trigger sds-textHelper sds-textSemiBold dropdown-toggle" type="button" data-toggle="dropdown" data-display="static" aria-expanded="false">
Fr
<span class="sds-iconCircle sds-languageSwitcher__icon" aria-hidden="true">
<span class="sds-icon sds-icon-chevrondown"></span>
</span>
</button>
<ul class="sds-languageSwitcher__menu sds-dropdown dropdown-menu list-unstyled dropdown-menu-right">
<li>
<a class="sds-dropdown__item dropdown-item" href="#">
De
</a>
</li>
<li>
<a class="sds-dropdown__item dropdown-item" href="#">
En
</a>
</li>
</ul>
</div>
</div>
<div class="w-100 d-flex flex-column flex-lg-row align-items-lg-center justify-content-lg-between flex-lg-grow-1 order-lg-5 sds-textHelperSmall sds-staticGapMd">
<ul class="sds-footer__legalLinks list-unstyled d-flex flex-wrap">
<li>
<a href="">Notices légales</a>
</li>
<li>
<a href="">Accessibilité</a>
</li>
<li>
<a href="">Gérer mes cookies</a>
</li>
<li>
<a href="">Privacy</a>
</li>
</ul>
<p>
© 2026 Spuerkeess - Made by <a href="https://www.apart.lu">Apart Design Studio</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="{{ namespace }}footer {% for mod in modifiers %} {{ mod }}{% endfor %}{% for mod in classes %} {{ mod }}{% endfor %}" id="page-footer">
<div class="container">
<div class="row justify-content-between">
<div class="col-12">
<h2 class="sr-only">Pied de page</h2>
<div class="{{ namespace }}stackXxl">
{% if showNewsletter %}
<div class="{{ namespace }}footer__logo">
<svg width="214" height="40" viewBox="0 0 214 40" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="Logo SPUERKEESS">
<g clip-path="url(#clip0_1029_767)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M192.88 12.12C193.4 12.56 193.72 13.04 193.92 13.56L196.76 11.92C196.28 10.96 195.6 10.16 195 9.59998C194.28 8.95998 192.84 8.03998 190.36 8.03998C186 8.03998 183.6 11 183.6 14.12C183.6 17.6 186.4 19.16 188.4 20L190.6 20.92C192.16 21.52 193.96 22.56 193.96 24.88C193.96 27.2 192.24 28.76 190.12 28.76C188.68 28.76 187.72 28.24 187.08 27.4C186.52 26.64 186.12 25.56 186.12 24.44L182.6 25.2C182.72 26.8 183.28 28.36 184.52 29.72C185.68 31.04 187.28 32.04 189.96 32.04C194.28 32.04 197.4 29.04 197.4 24.64C197.4 22 196.24 19.56 191.96 17.84L189.64 16.92C187.36 15.96 187.12 14.76 187.12 14.08C187.12 12.56 188.28 11.28 190.4 11.28C191.4 11.28 192.16 11.52 192.88 12.12ZM145.72 8.39999L136.76 17.64V8.39999H133.24V31.52H136.76V21.96L137.44 21.24L145.72 31.52H150.44L139.92 18.88L150.36 8.39999H145.72ZM155.64 11.72H164.88V8.39999H152.08V31.52H164.88V28.2H155.64V20.92H164.6V17.6H155.64V11.72ZM180.76 11.72H171.52V17.6H180.52V20.92H171.52V28.2H180.76V31.52H168.04V8.39999H180.76V11.72ZM210 13.56C209.8 13.04 209.48 12.56 208.96 12.12C208.24 11.52 207.48 11.28 206.44 11.28C204.32 11.28 203.16 12.56 203.16 14.08C203.16 14.76 203.4 15.96 205.68 16.92L208 17.84C212.28 19.56 213.44 22 213.44 24.64C213.44 29.04 210.32 32.04 206 32.04C203.32 32.04 201.72 31.04 200.56 29.72C199.32 28.36 198.76 26.8 198.64 25.2L202.16 24.44C202.16 25.56 202.56 26.64 203.12 27.4C203.76 28.24 204.72 28.76 206.16 28.76C208.28 28.76 210 27.2 210 24.88C210 22.56 208.2 21.52 206.64 20.92L204.44 20C202.56 19.2 199.72 17.64 199.72 14.16C199.72 11.04 202.12 8.07997 206.48 8.07997C209 8.07997 210.4 8.99997 211.12 9.63997C211.72 10.2 212.4 11 212.88 11.96L210 13.56ZM57.56 12.12C58.08 12.56 58.4 13.04 58.6 13.56L61.48 11.96C61 11 60.32 10.2 59.72 9.63997C59 8.99997 57.56 8.07997 55.08 8.07997C50.72 8.07997 48.32 11.04 48.32 14.16C48.32 17.64 51.16 19.2 53.04 20L55.24 20.92C56.8 21.52 58.6 22.56 58.6 24.88C58.6 27.2 56.88 28.76 54.76 28.76C53.32 28.76 52.36 28.24 51.72 27.4C51.16 26.64 50.76 25.56 50.76 24.44L47.24 25.2C47.36 26.8 47.92 28.36 49.16 29.72C50.32 31.04 51.92 32.04 54.6 32.04C58.92 32.04 62.04 29.04 62.04 24.64C62.04 22 60.88 19.56 56.6 17.84L54.28 16.92C52.04 15.96 51.8 14.76 51.8 14.08C51.8 12.56 52.96 11.28 55.08 11.28C56.08 11.28 56.84 11.52 57.56 12.12ZM68.2 18.88H69.8C72.88 18.88 74.32 17.4 74.32 15.24C74.32 13.96 73.8 11.64 69.76 11.64H68.2V18.88ZM69.76 8.39999C71.16 8.39999 73.16 8.51999 74.84 9.63999C76.76 10.92 77.72 13.16 77.72 15.24C77.72 16.6 77.36 18.68 75.48 20.32C73.64 21.88 71.52 22.12 69.84 22.12H68.24V31.52H64.68V8.39999H69.76ZM83.4 22.36V8.39999H80V23.28C80 25.12 80.36 27.36 82.12 29.28C83.32 30.64 85.36 32 88.52 32C91.64 32 93.72 30.6 94.92 29.28C96.68 27.36 97.04 25.12 97.04 23.28V8.39999H93.48V22.36C93.48 23.6 93.44 25.16 92.76 26.36C92.08 27.52 90.48 28.72 88.44 28.72C86.36 28.72 84.8 27.52 84.12 26.36C83.44 25.16 83.4 23.6 83.4 22.36ZM113.24 11.72H104V17.6H112.96V20.92H104V28.2H113.24V31.52H100.44V8.39999H113.24V11.72ZM121.08 19.04H119.96V11.64H121.16C122.88 11.64 126 11.96 126 15.24C126 18.92 122.04 19.04 121.08 19.04ZM126.68 9.75999C125.16 8.75999 123.4 8.39999 120.56 8.39999H116.48V31.52H120.04V22.04H120.64L127.24 31.52H131.52L124.32 21.64C127.4 20.96 129.44 18.56 129.44 15.2C129.44 14.2 129.24 11.44 126.68 9.75999Z" fill="#003060"/>
<path d="M40 0H0V40H40V0Z" fill="#DE0000"/>
<path d="M27.28 15.84V9.95999L24.32 4.07999L21.36 9.95999V15.84H22.88V10.32L24.32 7.35999L25.8 10.32V15.84H27.28Z" fill="white"/>
<path d="M32.04 17.72H8.03999V19.28H32.04V17.72Z" fill="white"/>
<path d="M31.96 22.36C29.36 22.36 27.28 24.44 27.28 27.04V36.36C26.8 35.64 26.28 34.88 25.72 34.2V27.04C25.72 23.6 28.48 20.8 31.96 20.8V22.36Z" fill="white"/>
<path d="M23.16 23.92C23.16 22.2 21.76 20.8 20 20.8C18.24 20.8 16.88 22.2 16.88 23.92V27.2C17.4 27.4 17.92 27.64 18.44 27.92V23.92C18.44 23.08 19.12 22.36 20 22.36C20.84 22.36 21.56 23.04 21.56 23.92V29.8L23.12 31L23.16 23.92Z" fill="white"/>
<path d="M11.12 20.8C12.88 20.8 14.28 22.2 14.28 23.92H14.24V26.6C13.72 26.44 13.2 26.28 12.68 26.16V23.92C12.68 23.04 11.96 22.36 11.12 22.36C10.24 22.36 9.56 23.08 9.56 23.92V25.6L8 25.48V23.92C8 22.2 9.36 20.8 11.12 20.8Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_1029_767">
<rect width="214" height="40" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
{% endif %}
<div class="row justify-content-between">
<div class="col-12 col-lg-4">
{% if showNewsletter %}
<div class="d-flex flex-column align-items-start {{ namespace }}staticStackMd">
<div class="{{ namespace }}staticStackXs">
<h3 class="{{ namespace }}textBodyLg {{ namespace }}textSemiBold {{ namespace }}fontBase {{ namespace }}colorInherit">
Restez informé avec Spuerkeess
</h3>
<p class="{{ namespace }}textHelperSmall">
Inscrivez-vous pour recevoir les dernières news et offres en avant première
</p>
</div>
<div class="w-100">
{% render "@input-text", {
id: "footer-email",
classes: [namespace + "footer__newsletterInput"],
type: "email",
placeholder: "e.g. margot_thaylor@gmail.com",
hint: false
}, true %}
</div>
<div data-scope-wrapper="section" data-scope="inverted" data-scope-no-surface>
{% render "@btn-secondary-inverse", {
text: "S'abonner"
}, true %}
</div>
<p class="{{ namespace }}footer__newsletterInfo">
En m'abonnant, j'accepte de recevoir la newsletter Spuerkeess et d'autres communications marketing par e-mail, conformément à la politique de confidentialité.
</p>
</div>
{% else %}
<div class="{{ namespace }}footer__logo">
<svg width="214" height="40" viewBox="0 0 214 40" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="Logo SPUERKEESS">
<g clip-path="url(#clip0_1029_767)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M192.88 12.12C193.4 12.56 193.72 13.04 193.92 13.56L196.76 11.92C196.28 10.96 195.6 10.16 195 9.59998C194.28 8.95998 192.84 8.03998 190.36 8.03998C186 8.03998 183.6 11 183.6 14.12C183.6 17.6 186.4 19.16 188.4 20L190.6 20.92C192.16 21.52 193.96 22.56 193.96 24.88C193.96 27.2 192.24 28.76 190.12 28.76C188.68 28.76 187.72 28.24 187.08 27.4C186.52 26.64 186.12 25.56 186.12 24.44L182.6 25.2C182.72 26.8 183.28 28.36 184.52 29.72C185.68 31.04 187.28 32.04 189.96 32.04C194.28 32.04 197.4 29.04 197.4 24.64C197.4 22 196.24 19.56 191.96 17.84L189.64 16.92C187.36 15.96 187.12 14.76 187.12 14.08C187.12 12.56 188.28 11.28 190.4 11.28C191.4 11.28 192.16 11.52 192.88 12.12ZM145.72 8.39999L136.76 17.64V8.39999H133.24V31.52H136.76V21.96L137.44 21.24L145.72 31.52H150.44L139.92 18.88L150.36 8.39999H145.72ZM155.64 11.72H164.88V8.39999H152.08V31.52H164.88V28.2H155.64V20.92H164.6V17.6H155.64V11.72ZM180.76 11.72H171.52V17.6H180.52V20.92H171.52V28.2H180.76V31.52H168.04V8.39999H180.76V11.72ZM210 13.56C209.8 13.04 209.48 12.56 208.96 12.12C208.24 11.52 207.48 11.28 206.44 11.28C204.32 11.28 203.16 12.56 203.16 14.08C203.16 14.76 203.4 15.96 205.68 16.92L208 17.84C212.28 19.56 213.44 22 213.44 24.64C213.44 29.04 210.32 32.04 206 32.04C203.32 32.04 201.72 31.04 200.56 29.72C199.32 28.36 198.76 26.8 198.64 25.2L202.16 24.44C202.16 25.56 202.56 26.64 203.12 27.4C203.76 28.24 204.72 28.76 206.16 28.76C208.28 28.76 210 27.2 210 24.88C210 22.56 208.2 21.52 206.64 20.92L204.44 20C202.56 19.2 199.72 17.64 199.72 14.16C199.72 11.04 202.12 8.07997 206.48 8.07997C209 8.07997 210.4 8.99997 211.12 9.63997C211.72 10.2 212.4 11 212.88 11.96L210 13.56ZM57.56 12.12C58.08 12.56 58.4 13.04 58.6 13.56L61.48 11.96C61 11 60.32 10.2 59.72 9.63997C59 8.99997 57.56 8.07997 55.08 8.07997C50.72 8.07997 48.32 11.04 48.32 14.16C48.32 17.64 51.16 19.2 53.04 20L55.24 20.92C56.8 21.52 58.6 22.56 58.6 24.88C58.6 27.2 56.88 28.76 54.76 28.76C53.32 28.76 52.36 28.24 51.72 27.4C51.16 26.64 50.76 25.56 50.76 24.44L47.24 25.2C47.36 26.8 47.92 28.36 49.16 29.72C50.32 31.04 51.92 32.04 54.6 32.04C58.92 32.04 62.04 29.04 62.04 24.64C62.04 22 60.88 19.56 56.6 17.84L54.28 16.92C52.04 15.96 51.8 14.76 51.8 14.08C51.8 12.56 52.96 11.28 55.08 11.28C56.08 11.28 56.84 11.52 57.56 12.12ZM68.2 18.88H69.8C72.88 18.88 74.32 17.4 74.32 15.24C74.32 13.96 73.8 11.64 69.76 11.64H68.2V18.88ZM69.76 8.39999C71.16 8.39999 73.16 8.51999 74.84 9.63999C76.76 10.92 77.72 13.16 77.72 15.24C77.72 16.6 77.36 18.68 75.48 20.32C73.64 21.88 71.52 22.12 69.84 22.12H68.24V31.52H64.68V8.39999H69.76ZM83.4 22.36V8.39999H80V23.28C80 25.12 80.36 27.36 82.12 29.28C83.32 30.64 85.36 32 88.52 32C91.64 32 93.72 30.6 94.92 29.28C96.68 27.36 97.04 25.12 97.04 23.28V8.39999H93.48V22.36C93.48 23.6 93.44 25.16 92.76 26.36C92.08 27.52 90.48 28.72 88.44 28.72C86.36 28.72 84.8 27.52 84.12 26.36C83.44 25.16 83.4 23.6 83.4 22.36ZM113.24 11.72H104V17.6H112.96V20.92H104V28.2H113.24V31.52H100.44V8.39999H113.24V11.72ZM121.08 19.04H119.96V11.64H121.16C122.88 11.64 126 11.96 126 15.24C126 18.92 122.04 19.04 121.08 19.04ZM126.68 9.75999C125.16 8.75999 123.4 8.39999 120.56 8.39999H116.48V31.52H120.04V22.04H120.64L127.24 31.52H131.52L124.32 21.64C127.4 20.96 129.44 18.56 129.44 15.2C129.44 14.2 129.24 11.44 126.68 9.75999Z" fill="#003060"/>
<path d="M40 0H0V40H40V0Z" fill="#DE0000"/>
<path d="M27.28 15.84V9.95999L24.32 4.07999L21.36 9.95999V15.84H22.88V10.32L24.32 7.35999L25.8 10.32V15.84H27.28Z" fill="white"/>
<path d="M32.04 17.72H8.03999V19.28H32.04V17.72Z" fill="white"/>
<path d="M31.96 22.36C29.36 22.36 27.28 24.44 27.28 27.04V36.36C26.8 35.64 26.28 34.88 25.72 34.2V27.04C25.72 23.6 28.48 20.8 31.96 20.8V22.36Z" fill="white"/>
<path d="M23.16 23.92C23.16 22.2 21.76 20.8 20 20.8C18.24 20.8 16.88 22.2 16.88 23.92V27.2C17.4 27.4 17.92 27.64 18.44 27.92V23.92C18.44 23.08 19.12 22.36 20 22.36C20.84 22.36 21.56 23.04 21.56 23.92V29.8L23.12 31L23.16 23.92Z" fill="white"/>
<path d="M11.12 20.8C12.88 20.8 14.28 22.2 14.28 23.92H14.24V26.6C13.72 26.44 13.2 26.28 12.68 26.16V23.92C12.68 23.04 11.96 22.36 11.12 22.36C10.24 22.36 9.56 23.08 9.56 23.92V25.6L8 25.48V23.92C8 22.2 9.36 20.8 11.12 20.8Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_1029_767">
<rect width="214" height="40" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
{% endif %}
</div>
<div class="col-12 col-lg-8 col-xl-7">
<div class="{{ namespace }}footer__links {{ namespace }}textHelper">
<div class="{{ namespace }}staticStackXs">
<h3 class="{{ namespace }}textHelper {{ namespace }}fontBase bold {{ namespace }}colorInherit">
{{ footerLinksTitle }}
</h3>
<ul class="{{ namespace }}staticStackXs {{ namespace }}staticExceptionStackSm list-unstyled">
{% for key, item in footerLinks %}
<li>
<a href="">{{ item.text }}</a>
</li>
{% endfor %}
</ul>
</div>
<div class="{{ namespace }}staticStackXs">
<h3 class="{{ namespace }}textHelper {{ namespace }}fontBase bold {{ namespace }}colorInherit">
{{ footerLinksSecondaryTitle }}
</h3>
<ul class="{{ namespace }}staticStackXs list-unstyled">
{% for key, item in footerLinksSecondary %}
<li>
<a href="">{{ item.text | safe }}</a>
</li>
{% endfor %}
</ul>
</div>
<div class="{{ namespace }}staticStackXs">
<h3 class="{{ namespace }}textHelper {{ namespace }}fontBase bold {{ namespace }}colorInherit">
{{ footerLinksTertiaryTitle }}
</h3>
<ul class="{{ namespace }}staticStackXs list-unstyled">
{% for key, item in footerLinksTertiary %}
<li>
<a href="">{{ item.text | safe }}</a>
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
</div>
<div class="d-flex align-items-center flex-wrap {{ namespace }}staticGapMd">
<h3 class="sr-only">
Restez connecté
</h3>
<ul class="list-unstyled {{ namespace }}btnGroup flex-shrink-0 order-lg-1">
<li class="d-none d-lg-block">
<img src="{{ (mediaPath + "/snet/new-mobile-version/google-play-badge-fr.svg") | path }}" alt="Disponible sur Google Play">
</li>
<li>
<img src="{{ (mediaPath + "/snet/new-mobile-version/app-store-badge-fr.svg") | path }}" alt="Télécharger dans l'App Store">
</li>
</ul>
<ul class="list-unstyled {{ namespace }}footer__socialIconsGroup order-lg-2">
{% for key, item in footerSocialItems %}
{% if item %}
<li>
{% render "@icon-btn-regular", {
eltType: "a",
icon: item.icon,
action: item.label
}, true %}
</li>
{% endif %}
{% endfor %}
</ul>
{% render "@divider", {
classes: [namespace+"footer__divider", "w-100", "order-lg-4"],
attrs: {
"aria-hidden": "true"
}
}, true %}
<div class="{{ namespace }}footer__langSwitcher d-flex justify-content-end align-items-center order-lg-3">
{% render "@spk-language-switcher",{
classes: ["dropup"]
},true %}
</div>
<div class="w-100 d-flex flex-column flex-lg-row align-items-lg-center justify-content-lg-between flex-lg-grow-1 order-lg-5 {{ namespace }}textHelperSmall {{ namespace }}staticGapMd">
<ul class="{{ namespace }}footer__legalLinks list-unstyled d-flex flex-wrap">
{% for key, item in footerLinksLegal %}
<li>
<a href="">{{ item.text | safe }}</a>
</li>
{% endfor %}
</ul>
<p>
© 2026 Spuerkeess - Made by <a href="https://www.apart.lu">Apart Design Studio</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
/* variables specific to current element */
$element-specific-variables: "";
.#{$namespace}footer {
/* Save root element context for easy access if nesting is needed */
$self: &;
/* properties of current element + media queries */
@include custom-prop-fallback("background-color","comp-footer-fallback-background-color");
@include custom-prop-fallback("background-image","comp-footer-background-color");
@include custom-prop-fallback("color","sys-color-text-primary-inverse");
position: relative;
padding-block: map-deep-get($token-spacer-inset-map, "xl");
@include media-breakpoint-up("lg") {
padding-block: var(--comp-footer-inset-v);
}
/* Pseudo Elements */
&::before {
content: "";
position: absolute;
top: 0;
right: 0;
z-index: 0;
width: 100%;
height: 100%;
aspect-ratio: 1;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M16.4871 8.85333V4.6171L14.3593 0.375122L12.2373 4.6171V8.85333H13.295V4.87879L14.3593 2.75967L15.4242 4.87879V8.85333H16.4871Z" fill="%23fff"/><path d="M2.62134 11.2831H19.8713V10.1622H2.62134V11.2831Z" fill="%23fff"/><path d="M19.8713 13.5279C18.0099 13.5279 16.5024 15.0336 16.5024 16.8908V23.6251C16.1606 23.0836 15.7763 22.5502 15.3779 22.0533L15.3696 16.8908C15.3696 14.4093 17.3852 12.3963 19.8713 12.3963V13.5279Z" fill="%23fff"/><path d="M13.4923 14.6465C13.4923 13.4079 12.4863 12.4023 11.2428 12.4023C10.0022 12.4023 8.99568 13.4079 8.99568 14.6465L8.9974 17.0146C9.37682 17.1711 9.7522 17.341 10.1221 17.5254L10.1178 14.6465C10.1178 14.0256 10.6218 13.5221 11.2428 13.5221C11.8656 13.5221 12.369 14.0256 12.369 14.6465L12.373 18.8818C12.7599 19.1582 13.1356 19.4501 13.496 19.7552L13.4923 14.6465Z" fill="%23fff"/><path d="M4.87337 12.4023C6.1143 12.4023 7.12079 13.4079 7.12079 14.6465V16.6002C6.75116 16.4783 6.3752 16.3687 5.99233 16.2718L5.99952 14.6465C5.99952 14.0256 5.49412 13.5221 4.87337 13.5221C4.25002 13.5221 3.74692 14.0256 3.74692 14.6465L3.74865 15.8618C3.3747 15.8209 3.00334 15.7893 2.62134 15.7726L2.6245 14.6465C2.6245 13.4079 3.63071 12.4023 4.87337 12.4023Z" fill="%23fff"/></svg>');
background-size: 400%;
background-position: 50% 100px;
background-repeat: no-repeat;
opacity: 0.15;
@include media-breakpoint-up("md") {
background-size: 2040px auto;
background-position: 300px -1040px;
}
}
&::after {
}
/*
Include elements that are linked to the current element but have to reside at the root level of the stylesheet
(e.g: keyframes)
*/
@at-root {
}
/* children - write selector in full in comments in order to facilitate search */
* {
//color: inherit;
}
.container {
@include containerPaddingInline();
}
// footer__logo
&__logo {
svg {
max-width: 100%;
@include handle-color-case(map-deep-get($design-tokens, 'sys-color-text-primary-vivid')) {
fill: map-deep-get($design-tokens, "sys-color-text-neutral-inverse");
}
}
}
&__newsletterInput {
background-color: transparent;
color: inherit;
&::placeholder {
color: inherit;
}
&:focus-visible {
background-color: inherit;
color: inherit;
}
}
&__newsletterInfo {
color: var(--sys-color-text-primary-muted-inverse);
@extend %textHelper3xs;
}
&__links {
display: flex;
flex-direction: column;
gap: var(--comp-footer-container-link-inline);
@include media-breakpoint-up(md) {
flex-direction: row;
}
@include media-breakpoint-up(lg) {
justify-content: flex-end;
text-align: right;
}
H3 {
font-family: map-deep-get($token-font-family-map, "text") !important;
@include custom-prop-fallback("font-size", "sys-font-size-helper-medium","true","true");
}
A {
min-height: 2rem;
display: inline-flex;
align-items: center;
}
}
&__socialIconsGroup {
display: flex;
align-items: center;
gap: var(--comp-footer-container-social-inline);
margin-left: auto;
margin-bottom: 0;
}
&__divider {
background-color: var(--brand-color-primary-solid-50);
}
&__langSwitcher {
width: 100%;
@include media-breakpoint-up(lg) {
width: auto;
}
}
// footer__legalLinks
&__legalLinks {
LI {
display: inline-flex;
align-items: center;
&::after {
content: "";
width: var(--comp-breadcrumb-divider-width);
height: var(--comp-breadcrumb-divider-height);
background-color: var(--sys-color-text-primary-inverse);
border-radius: var(--comp-breadcrumb-divider-border-radius);
margin-inline: var(--ui-space-inline-static-500);
flex-shrink: 0;
}
&:last-child {
&::after {
content: none;
}
}
A {
display: inline-flex;
align-items: center;
line-height: 2;
}
}
}
/* modifiers */
// footer -altStyle
&.-altStyle {
// follows same logic as base element
}
/* random parent element */
/*
*
* Syntax : .randomParentElt & {}
*
*/
/* Pseudo Classes */
&:hover {
@media (hover: hover) {
}
}
&:focus {
}
&:active {
}
&:focus,
&:active {
}
}