<div class="footer container-fluid background-grey d-lg-block d-md-block d-sm-none d-none">
<div class="container pl-0 pr-0">
<div class="d-flex bd-highlight d-lg-flex d-md-none d-sm-none pb-2 pt-2">
<div class="p-2 text-start my-auto"><p class="footer-text mb-0">{% trans %}Copyright{% endtrans %} © 2023</p></div>
<div class="p-2 text-center my-auto"><a class="footer-text text-nowrap text-decoration-none" href="#tarteaucitron">{% trans %}Cookies{% endtrans %}</a></div>
<div class="p-2 text-center my-auto"><a class="footer-text text-nowrap text-decoration-none" href="{{ path('app_cgv') }}">{% trans %}Condition générales d'utilisation{% endtrans %}</a></div>
{# <div class="p-2 text-center my-auto"><a class="footer-text text-nowrap text-decoration-none" href="#">{% trans %}Vente et remboursement{% endtrans %}</a></div>#}
<div class="p-2 flex-fill text-end my-auto"><a class="footer-text text-nowrap text-decoration-none" href="{{ path('app_about') }}">{% trans %}Qui sommes nous ?{% endtrans %}</a></div>
<div class="p-2 text-end my-auto"><a class="footer-text text-decoration-none" href="{{ path('app_contact') }}">{% trans %}Contact{% endtrans %}</a></div>
<div class="p-2 my-auto">
<div class="d-flex">
<div class="flex-fill pr-10">
<a class="footer-text" href="#"><img src="{{ asset("/images/logo/social/fb_2.png") }}" alt="facebook"></a>
</div>
<div class="flex-fill pr-10">
<a class="footer-text" href="#"><img src="{{ asset("/images/logo/social/twt_2.png") }}" alt="twitter"></a>
</div>
<div class="flex-fill">
<a class="footer-text" href="#"><img src="{{ asset("/images/logo/social/link_2.png") }}" alt="linkdin"></a>
</div>
</div>
</div>
</div>
<div class="d-flex bd-highlight d-lg-none d-md-flex d-sm-none">
<div class="p-2 flex-fill"><p class="footer-text mb-0">{% trans %}Copyright{% endtrans %} © 2023</p></div>
<div class="p-2 flex-fill"><a class="footer-text text-decoration-none" href="{{ path('app_cgv') }}">{% trans %}Condition générales d'utilisation{% endtrans %}</a></div>
{# <div class="p-2 flex-fill"><a class="footer-text text-decoration-none" href="#">{% trans %}Vente et remboursement{% endtrans %}</a></div>#}
<div class="p-2 flex-fill"><a class="footer-text text-decoration-none" href="{{ path('app_about') }}">{% trans %}Qui sommes nous ?{% endtrans %}</a></div>
<div class="p-2 flex-fill"><a class="footer-text text-decoration-none" href="{{ path('app_contact') }}">{% trans %}Contact{% endtrans %}</a><a class="footer-text text-decoration-none d-lg-none d-md-block d-sm-none" href="#">{% trans %}Cookies{% endtrans %}</a></div>
<div class="p-2 flex-fill">
<div class="d-flex">
<a class="footer-text" href="#"><img src="{{ asset("/images/logo/social/fb_2.png") }}" alt="facebook"></a>
<a class="footer-text" href="#"><img src="{{ asset("/images/logo/social/twt_2.png") }}" alt="twitter"></a>
<a class="footer-text" href="#"><img src="{{ asset("/images/logo/social/link_2.png") }}" alt="linkdin"></a>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid d-lg-none d-md-none d-sm-block d-block footer-block">
<div class="container pt-4 pb-4">
<h4 class="text-center text-white mb-3">{% trans %}ENTRETIEN DE VOTRE{% endtrans %} SPA</h4>
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 col-6">
<div class="background-grey bg-grey-explorer">
<div class="position-relative width-img-explorer">
<img width="60px" src="{{ asset("/images/logo/footer-mobile/badge_1.png") }}" alt="badge 1">
<p class="plus-entretien">+</p>
</div>
<div class="position-relative width-img-explorer">
<img width="90px" src="{{ asset("/images/logo/footer-mobile/badge_2.png") }}" alt="badge 2">
</div>
<h4 class="mt-2 text-explorer">{% trans %}Accessoires{% endtrans %}</h4>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-6">
<div class="background-grey bg-grey-explorer">
<div class="d-flex">
<div class="col-6 text-end"><img width="55px" src="{{ asset("/images/logo/footer-mobile/change_1.png") }}" alt="change 1"></div>
<div class="col-6 text-center"><img width="30px" src="{{ asset("/images/logo/footer-mobile/change_2.png") }}" alt="change 2"></div>
</div>
<h4 class="mt-29 text-explorer">{% trans %}Pièces{% endtrans %}</br> {% trans %}Détâchées{% endtrans %}</h4>
</div>
</div>
</div>
</div>
</div>
{# <div class="position-fixed-contact d-lg-none d-md-none d-sm-block d-block">#}
{# <div class="show-menu-right"><img width="16px" src="{{ asset("/images/logo/three_dots.png") }}" alt="dots"></div>#}
{# <div class="toggle-info d-none">#}
{# <div class="link-compare">#}
{# <img width="39px" src="{{ asset("/images/left_link/compares.png") }}" alt="compares">#}
{# </div>#}
{# <div class="link-contact mt-3">#}
{# <div class="img-call-1">#}
{# #}{# <img width="50px" src="{{ asset("/images/left_link/call_1.png") }}" alt="call 1">#}
{# </div>#}
{# <div class="position-relative"><img class="img-call-2" width="50px" src="{{ asset("/images/left_link/calls_2.png") }}" alt="calls 2"></div>#}
{# </div>#}
{# </div>#}
{# </div>#}
<div class="col-md-12">
{% include '_partials/_pages.html.twig' %}
</div>