templates/front/footer.html.twig line 1

Open in your IDE?
  1. <footer>
  2.     <div class="container footer">
  3.         {#<div class="row d-none">#}
  4.             {#<div class="col-lg-12 col-12 col-sm-12 col-md-12 row md-5">#}
  5.                 {#<div class="col-12 row md-5 pl-0">#}
  6.                     {#<div class="col-lg-3 col-12 col-sm-6 col-md-6 pl-0">#}
  7.                         {#<div class="">#}
  8.                             {#<h3>Nos produits d'impression</h3>#}
  9.                             {#<h4><a href="{{ path('imprimerie_impressionA0') }}">    Impression(Format A0)</a></h4>#}
  10.                             {#<h4><a href="{{ path('imprimerie_impressionA1') }}">    Impression(Format A1)</a></h4>#}
  11.                             {#<h4><a href="{{ path('imprimerie_impressionA2') }}">    Impression(Format A2)</a></h4>#}
  12.                             {#<h4><a href="{{ path('imprimerie_impressionA5') }}">    Impression(Format A5)</a></h4>#}
  13.                             {#<h4><a href="{{ path('imprimerie_impressionA6') }}">    Impression(Format A6)</a></h4>#}
  14.                             {#<h4><a href="{{ path('imprimerie_impressioncarteclassique') }}">    Impression(carte visite classique)</a></h4>#}
  15.                             {#<h4><a href="{{ path('imprimerie_impressioncartecarre') }}">    Impression(carte visite carrée)</a></h4>#}
  16.                             {#<h4><a href="{{ path('imprimerie_impressioncartevisite') }}">    Impression carte de visite </a></h4>#}
  17.                         {#</div>#}
  18.                     {#</div>#}
  19.                     {#<div class="col-lg-3 col-12 col-sm-6 col-md-6 pl-0">#}
  20.                         {#<div class="">#}
  21.                             {#<h3>Impression par type de document</h3>#}
  22.                             {#<h4><a href="{{ path('imprimerie_livret') }}">    Impression Livret</a></h4>#}
  23.                             {#<h4><a href="{{ path('imprimerie_brochure') }}">    Impression Brochure</a></h4>#}
  24.                             {#<h4><a href="{{ path('imprimerie_livredepoche') }}">    Impression Livre de poche </a></h4>#}
  25.                             {#<h4><a href="{{ path('imprimerie_catalogue') }}">    Impression Catalogue </a></h4>#}
  26.                             {#<h4><a href="{{ path('imprimerie_cartedecorrespondance') }}">    Impression Carte de correspondance </a></h4>#}
  27.                             {#<h4><a href="{{ path('imprimerie_these') }}">    Impression Thèse </a></h4>#}
  28.                             {#<h4><a href="{{ path('imprimerie_rapportdestage') }}">    Impression Rapport en stage </a></h4>#}
  29.                             {#<h4><a href="{{ path('imprimerie_memoire') }}">    Impression Mémoire </a></h4>#}
  30.                             {#<h4><a href="{{ path('imprimerie_formatcarre') }}">    Impression Format Carré </a></h4>#}
  31.                             {#<h4><a href="{{ path('imprimerie_fairepartmariage') }}">    Impression  Faire Part Mariage </a></h4>#}
  32.                             {#<h4><a href="{{ path('imprimerie_fairepartnaissance') }}">    Impression   Faire Part Naissance  </a></h4>#}
  33.                         {#</div>#}
  34.                     {#</div>#}
  35.                     {#<div class=" col-lg-4  pl-0">#}
  36.                         {#<div class="row">#}
  37.                             {#<div class="col-lg-6 col-12 col-sm-6 col-md-6 p-0">#}
  38.                                 {#<div class="">#}
  39.                                     {#<h3>Impression par type de reliure</h3>#}
  40.                                     {#<h4><a href="{{ path('imprimerie_reliureagrafes') }}">  Reliure Agrafe 2 points métal</a></h4>#}
  41.                                     {#<h4><a href="{{ path('imprimerie_reliuredoscolle') }}"> Reliure Dos Carré Collé</a></h4>#}
  42.                                     {#<h4><a href="{{ path('imprimerie_reliurethermoreliures') }}"> Reliure Thermoreliure </a></h4>#}
  43.                                     {#<h4><a href="{{ path('imprimerie_reliureplastiques') }}"> Reliure Anneaux Plastique </a></h4>#}
  44.                                     {#<h4><a href="{{ path('imprimerie_reliuremetalliques') }}"> Reliure Anneaux métallique </a></h4>#}
  45.                                 {#</div>#}
  46.                             {#</div>#}
  47.                             {#<div class="col-lg-6 col-12 col-sm-6 col-md-6 pl-3 pr-0">#}
  48.                                 {#<div class="">#}
  49.                                     {#<h3>Impression France</h3>#}
  50.                                     {#<h4><a href="{{ path('imprimerie_paris') }}">Impression Paris</a></h4>#}
  51.                                     {#<h4><a href="{{ path('imprimerie_lyon') }}">Impression Lyon</a></h4>#}
  52.                                     {#<h4><a href="{{ path('imprimerie_nantes') }}">Impression Nantes </a></h4>#}
  53.                                     {#<h4><a href="{{ path('imprimerie_montpellier') }}">Impression Montpellier </a></h4>#}
  54.                                     {#<h4><a href="{{ path('imprimerie_toulouse') }}">Impression Toulouse</a></h4>#}
  55.                                     {#<h4><a href="{{ path('imprimerie_reims') }}">Impression Reims</a></h4>#}
  56.                                     {#<h4><a href="{{ path('imprimerie_saintetienne') }}">Impression Saint-Etienne</a></h4>#}
  57.                                     {#<h4><a href="{{ path('imprimerie_lille') }}">Impression Lille</a></h4>#}
  58.                                     {#<h4><a href="{{ path('imprimerie_bordeaux') }}">Impression Bordeaux</a></h4>#}
  59.                                     {#<h4><a href="{{ path('imprimerie_strasbourg') }}">Imprimerie Strasbourg</a></h4>#}
  60.                                     {#<h4><a href="{{ path('imprimerie_orleans') }}">Imprimerie Orleans</a></h4>#}
  61.                                     {#<h4><a href="{{ path('imprimerie_limoges') }}">Imprimerie Limoges</a></h4>#}
  62.                                     {#<h4><a href="{{ path('imprimerie_angers') }}">Imprimerie Angers</a></h4>#}
  63.                                     {#<h4><a href="{{ path('imprimerie_rouen') }}">Imprimerie Rouen</a></h4>#}
  64.                                     {#<h4><a href="{{ path('imprimerie_calais') }}">Imprimerie Calais</a></h4>#}
  65.                                     {#<h4><a href="{{ path('imprimerie_dijon') }}">Imprimerie Dijon</a></h4>#}
  66.                                     {#<h4><a href="{{ path('imprimerie_amiens') }}">Imprimerie Amiens</a></h4>#}
  67.                                     {#<h4><a href="{{ path('imprimerie_marseille') }}">Imprimerie Marseille</a></h4>#}
  68.                                     {#<h4><a href="{{ path('imprimerie_poitiers') }}">Imprimerie Poitiers</a></h4>#}
  69.                                     {#<h4><a href="{{ path('imprimerie_nice') }}">Imprimerie Nice</a></h4>#}
  70.                                     {#<h4><a href="{{ path('imprimerie_rennes') }}">Imprimerie Rennes</a></h4>#}
  72.                                     {#<h3>Impression Belgique</h3>#}
  73.                                     {#<h4><a href="{{ path('imprimerie_bruxelles') }}">Impression Bruxelles</a></h4>#}
  74.                                     {#<h4><a href="{{ path('imprimerie_liege') }}">Impression Liège</a></h4>#}
  75.                                 {#</div>#}
  76.                             {#</div>#}
  77.                         {#</div>#}
  78.                     {#</div>#}
  79.                     {#<div class="col-lg-2 col-12 col-sm-6 col-md-6 pl-0">#}
  80.                         {#<div class="">#}
  81.                             {#<h3>Nos abonnements</h3>#}
  82.                             {#<h4><a href="{{ path('abonnement_page') }}">Copees +</a></h4>#}
  83.                             {#<h4><a href="{{ path('abonnementPro_index') }}">Nos abonnements Entreprise</a></h4>#}
  84.                             {#<h4><a href="{{ path('tarif_abonnement_page') }}">Comparateur d'abonnement</a></h4>#}
  85.                         {#</div>#}
  86.                     {#</div>#}
  87.                 {#</div>#}
  88.                 {#<div class="col-lg-2 col-12 col-sm-6 col-md-6 pl-0 pr-1">#}
  89.                     {#<div class="">#}
  90.                         {#<h3>Nos services de livraison </h3>#}
  91.                         {#<h4><a href="{{ path('copees30mn') }}">Livraison 30 mn</a></h4>#}
  92.                         {#<h4><a href="{{ path('copeesj1') }}">Livraison J+1</a></h4>#}
  93.                         {#<h4><a href="{{ path('livraisonenpointretrait') }}">Points retrait</a></h4>#}
  94.                         {#<h4><a href="{{ path('imprimerie_livraisonsanscontact') }}">Livraison sans contacts</a></h4>#}
  95.                         {#<h4><a href="{{ path('imprimerie_distributionflyer') }}">Distribution flyers</a></h4>#}
  96.                         {#<h4><a href="{{ path('imprimerie_distributionparebrise') }}">Distribution flyers pare-brise</a></h4>#}
  97.                         {#<h4><a href="{{ path('imprimerie_distributionboite') }}">Distribution flyers boites aux lettres</a></h4>#}
  98.                         {#<h4><a href="{{ path('imprimerie_distributionmain') }}">Distribution flyers main à la main</a></h4>#}
  99.                         {#<h4><a href="{{ path('poste_page') }}">Livraison poste</a></h4>#}
  100.                     {#</div>#}
  101.                 {#</div>#}
  102.                 {#<div class="col-lg-2 col-12 col-sm-6 col-md-6 pl-0 pr-1">#}
  103.                     {#<div class="">#}
  104.                         {#<h3>Éditer mes PDF en ligne</h3>#}
  105.                         {#<h4><a href="{{ path('imprimerie_lecteur') }}">Lecture pdf</a></h4>#}
  106.                         {#<h4><a href="{{ path('imprimerie_diviser') }}">Diviser les pdf</a></h4>#}
  107.                         {#<h4><a href="{{ path('imprimerie_rotation') }}">Rotation pdf</a></h4>#}
  108.                         {#<h4><a href="{{ path('imprimerie_fusion') }}">Fusionner les pdf</a></h4>#}
  109.                         {#<h4><a href="{{ path('imprimerie_numeroter') }}">Numeroter des pages</a></h4>#}
  110.                         {#<h4><a href="{{ path('imprimerie_supprimer') }}">Supprimer des pages</a></h4>#}
  111.                     {#</div>#}
  112.                 {#</div>#}
  113.                 {#<div class="col-lg-3 col-12 col-sm-6 col-md-6 pl-0">#}
  114.                     {#<div class="">#}
  115.                         {#<h3>Copees</h3>#}
  116.                         {#<h4><a href="{{ path('tarif_page') }}">Comparateur d’impressions</a></h4>#}
  117.                         {#<h4><a href="https://blog.copees.com/">Le blog</a></h4>#}
  118.                         {#<h4><a href="{{ path('comment_ca_marche_page') }}">Comment ça marche </a></h4>#}
  119.                         {#<h4><a href="{{ path('contact_page') }}">Contact </a></h4>#}
  120.                         {#<h4><a href="{{ path('imprimerie_247_page') }}">Tous nos produits </a></h4>#}
  121.                         {#<h4><a href="{{ path('temoignage') }}">Nos clients</a></h4>#}
  122.                         {#<h4><a href="{{ path('partners_imprimeurs') }}">Nos Partners Imprimeurs</a></h4>#}
  123.                         {#<h4><a href="{{ path('faq_page') }}">FAQ</a></h4>#}
  124.                         {#<h4><a href="https://fr.jooble.org/emploi-commercial-imprimerie">Emplois imprimerie</a></h4>#}
  125.                         {#<h4><a href="{{ path('imprimerie_virtuelle') }}">L'application mobile Copees</a></h4>#}
  126.                     {#</div>#}
  127.                 {#</div>#}
  128.                 {#<div class="col-lg-3 col-12 col-sm-6 col-md-6 pl-0">#}
  129.                     {#<div class="">#}
  130.                         {#<h3>Le concept</h3>#}
  131.                         {#<h4><a href="{{ path('imprimerie_247_page') }}"> Imprimerie 24h/24 7j/7</a></h4>#}
  132.                         {#<h4><a href="{{ path('la_livraison_page') }}">La livraison </a></h4>#}
  133.                         {#<h4><a href="{{ path('click_collect_page') }}">Click & Collect</a></h4>#}
  135.                     {#</div>#}
  136.                 {#</div>#}
  137.                 {#<div class="col-lg-2 col-12 col-sm-6 col-md-6 pl-0">#}
  138.                     {#<div class="">#}
  139.                         {#<h3>Vous </h3>#}
  140.                         {#<h4><a href="{{ path('gerer_commande_page') }}">Gérer ma commande</a></h4>#}
  141.                         {#<h4><a href="{{ path('les_chris_page') }}">Les conseils de Chris</a></h4>#}
  142.                         {#<h4><a href="{{ path('contact_page') }}">Demande spéciale</a></h4>#}
  143.                         {#<h4><a href="{{ path('sommaire_page') }}">Spécialement pour vous</a></h4>#}
  144.                     {#</div>#}
  145.                 {#</div>#}
  146.                 {#<div class="col-lg-2 col-12 col-sm-6 col-md-6 pl-0">#}
  147.                     {#<div class="">#}
  148.                         {#<h3>Infos légales</h3>#}
  149.                         {#<h4><a href="{{ path('mentions_page') }}">Mentions légales</a></h4>#}
  150.                         {#<h4><a href="{{ path('cgv_page') }}">CGV</a></h4>#}
  151.                         {#<h4><a href="{{ path('politique_de_confidentialite_page') }}">Politique de confidentialité</a></h4>#}
  152.                         {#<h4><a href="{{ path('cookies_page') }}">Les cookies</a></h4>#}
  153.                     {#</div>#}
  154.                 {#</div>#}
  155.             {#</div>#}
  156.             {#<div class="col-md-12 mt-5 pt-2 mb-1 text-center">#}
  157.                 {#<div class="icone_soc_top d-flex justify-content-center">#}
  158.                     {#<a href="https://www.facebook.com/copeesofficial/" target="_blank" class="fb"></a>#}
  159.                     {#<a href="https://twitter.com/copeesofficial" target="_blank" class="tw"></a>#}
  160.                     {#<a href="https://www.instagram.com/copeesofficial/" target="_blank" class="ins"></a>#}
  161.                 {#</div>#}
  162.             {#</div>#}
  163.         {#</div>#}
  165.         <div class="row footermaxw">
  166.             <div class="col-md-4">
  167.                 <div class="glob_footer">
  168.                     <h3>{{ 'À propos de Copees' | trans }}</h3>
  169.                     <a href="{{ path('qui_sommesnous') }}"   class="selectTagLinkFooterMenuGoogle" data-link-clicked="Qui sommes nous ?">{{ 'Qui sommes nous ?' | trans }}</a>
  170.                     <a href="{{ path('comment_ca_marche_page') }}"    class="selectTagLinkFooterMenuGoogle" data-link-clicked="Comment ça marche ?">{{ 'Comment ça marche ?' | trans }} </a>
  171.                     <a href="https://blog.copees.com/2021/04/22/replantons-les-arbres-que-nous-avons-coupes/"    class="selectTagLinkFooterMenuGoogle" data-link-clicked="Notre programme Plant a Tree">{{ 'Notre programme Plant a Tree' | trans }}</a>
  172.                     <a href="{{ path('concours_copees') }}"     class="selectTagLinkFooterMenuGoogle" data-link-clicked="Nos jeux concours">{{ 'Nos jeux concours' | trans }}</a>
  174.                     <h3>{{ 'En savoir plus' | trans }}</h3>
  175.                     <a href="https://blog.copees.com/"   class="selectTagLinkFooterMenuGoogle" data-link-clicked="Blog">{{ 'Blog' | trans }}</a>
  176.                     <a href="{{ path('faq_page') }}"  class="selectTagLinkFooterMenuGoogle" data-link-clicked="Foire aux questions">{{ 'Foire aux questions' | trans }}</a>
  177.                     <a href="{{ path('tarif_page') }}" class="selectTagLinkFooterMenuGoogle" data-link-clicked="Comparateur d’impression">{{ 'Comparateur d’impression' | trans }}</a>
  178.                     <a href="{{ path('parrainage_page') }}" class="selectTagLinkFooterMenuGoogle" data-link-clicked="Parrainage">{{ 'Parrainage' | trans }}</a>
  179.                     <a href="{{ path('contact_page') }}" class="selectTagLinkFooterMenuGoogle" data-link-clicked="Contactez-nous">{{ 'Contactez-nous' | trans }}</a>
  181.                     <h3>{{ 'Suivez-nous sur nos réseaux' | trans }}</h3>
  182.                     <div class="rsocial">
  183.                         <a href="https://www.instagram.com/copeesofficial/" target="_blank" ><img src="{{ asset('images/ic1f.png')}}"></a>
  184.                         <a href="https://www.facebook.com/copeesofficial/" target="_blank" ><img src="{{ asset('images/ic2f.png')}}"></a>
  185.                         <a href="https://www.linkedin.com/company/copees"><img src="{{ asset('images/ic3f.png')}}"></a>
  186.                         <a href="https://www.youtube.com/channel/UCkn20IqOf0QXvnJVjW5v81Q"><img src="{{ asset('images/ic4f.png')}}"></a>
  187.                         <a href="https://twitter.com/copeesofficial" target="_blank" ><img src="{{ asset('images/ic5f.png')}}"></a>
  188.                         <a href="https://www.pinterest.fr/Copees21/_created/"><img src="{{ asset('images/ic6f.png')}}"></a>
  189.                     </div>
  190.                 </div>
  191.             </div>
  192.             <div class="col-md-4">
  193.                 <div class="glob_footer">
  194.                     <h3>{{ 'Le service Copees' | trans }}</h3>
  195.                     <a href="{{ path('imprimerie_247_page') }}"  class="selectTagLinkFooterMenuGoogle" data-link-clicked="Nos formats">{{ 'Nos formats' | trans }}</a>
  196.                     <a href="{{ path('besoin_produits') }}" class="selectTagLinkFooterMenuGoogle" data-link-clicked="Nos produits d’impression">{{ 'Nos produits d’impression' | trans }}</a>
  197.                     <a href="{{ path('edit_pdf_page') }}" class="selectTagLinkFooterMenuGoogle" data-link-clicked="Notre éditeur de PDF en ligne">{{ 'Notre éditeur de PDF en ligne' | trans }}</a>
  198.                     <a href="{{ path('abonnementPro_index') }}" class="selectTagLinkFooterMenuGoogle" data-link-clicked="Nos abonnements">{{ 'Nos abonnements' | trans }}</a>
  199.                     <a href="{{ path('imprimerie_virtuelle') }}" class="selectTagLinkFooterMenuGoogle" data-link-clicked="L’application Copees">{{ 'L’application Copees' | trans }}</a>
  201.                     <h3>{{ 'Rejoignez-nous' | trans }}</h3>
  202.                     <a href="{{ path('affiliate_copees') }}" class="selectTagLinkFooterMenuGoogle" data-link-clicked="Devenir affilié">{{ 'Devenir affilié' | trans }}</a>
  203.                     <a href="{{ path('partners_imprimeurs') }}" class="selectTagLinkFooterMenuGoogle" data-link-clicked="Devenir Partners Copees">{{ 'Devenir Partners Copees' | trans }}</a>
  204.                     <a href="https://fr.jooble.org/emploi-commercial-imprimerie" class="selectTagLinkFooterMenuGoogle" data-link-clicked="Emploi Imprimerie">{{ 'Emploi Imprimerie' | trans }}</a>
  206.                     <h3>{{ 'Réclamations' | trans }}</h3>
  207.                     <p class="reclam">{{ 'Vous pouvez nous écrire en ligne via notre chat ou nous envoyer un mail à' | trans }}
  208.                         <a href="mailto:contact@copees.com" class="selectTagLinkFooterMenuGoogle" data-link-clicked="Réclamations">contact@copees.com</a></p>
  211.                 </div>
  212.             </div>
  213.             <div class="col-md-4">
  214.                 <div class="glob_footer">
  215.                     <h3>{{ 'Ressources' | trans }}</h3>
  216.                     <a href="{{ path('mentions_page') }}"  class="selectTagLinkFooterMenuGoogle" data-link-clicked="Mentions légales">{{ 'Mentions légales' | trans }}</a>
  217.                     <a href="{{ path('cgv_page') }}" class="selectTagLinkFooterMenuGoogle" data-link-clicked="CGV">{{ 'CGV' | trans }}</a>
  218.                     <a href="{{ path('politique_de_confidentialite_page') }}" class="selectTagLinkFooterMenuGoogle" data-link-clicked="Politique de confidentialité">{{ 'Politique de confidentialité' | trans }}</a>
  219.                     {#<a href="{{ path('cookies_page') }}">Les cookies</a>#}
  221.                     {#<h3>{{ 'Apps mobiles' | trans }}</h3>#}
  222.                     {#<div class="rsocial_app">#}
  223.                         {#<a href="https://apps.apple.com/us/app/copees/id1566569621"><img src="{{ asset('images/imgappmob1.png')}}"></a>#}
  224.                         {#<a href="https://play.google.com/store/apps/details?id=com.copees"><img src="{{ asset('images/imgappmob2.png')}}"></a>#}
  225.                     {#</div>#}
  226.                 </div>
  227.             </div>
  228.         </div>
  229.     </div>
  230.     {% if app.request.attributes.get('_route') == 'accueil' %}
  231.         {% if is_mobile_view() or is_tablet_view() %}
  232.             <div id="deviceBar" class="device-bar" style="display:none;">
  233.                 <div class="titreDeviceBar text-center">
  234.                     <p class="mb-0">{{ 'Ouvrir Copees dans' | trans }} <span style="margin-right: 17px;float: right;"><a href="#" class="closeBar"><img src="{{ asset('images/close_barDevice.png') }}"></a></span></p>
  235.                 </div>
  236.                 <div class="d-flex justify-content-between mb-3 paddingDevice" style="padding-top: 19px">
  237.                     <div> <img src="{{ asset('images/appCopees.png') }}"> <span class="deviceBarSpan">{{ 'Appli Copees' | trans }}</span> </div>
  238.                     {% if is_ios() %}
  239.                         <div class="pt-2"> <a href="https://apps.apple.com/us/app/copees/id1566569621"> <img src="{{ asset('images/appios.png') }}"></a></div>
  240.                     {% elseif is_android_os() %}
  241.                         <div class="pt-2"> <a href="https://play.google.com/store/apps/details?id=com.copees"> <img src="{{ asset('images/appandroidio.png') }}"></a></div>
  242.                     {% else %}
  243.                         <div class="pt-2"> <a href="https://play.google.com/store/apps/details?id=com.copees"> <img src="{{ asset('images/appandroidio.png') }}"></a></div>
  244.                     {% endif %}
  245.                 </div>
  246.                 <div class="d-flex justify-content-between mb-3 paddingDevice">
  247.                     {% set browserDetct = getBrowser(app.request) %}
  248.                     {% if browserDetct == 'Safari' %}
  249.                         <div> <img src="{{ asset('images/appsafari.png') }}"> <span class="deviceBarSpan">{{ getBrowser(app.request) }}</span> </div>
  250.                     {% elseif browserDetct == 'Firefox' %}
  251.                         <div> <img src="{{ asset('images/appfirefox.png') }}"> <span class="deviceBarSpan">{{ getBrowser(app.request) }}</span> </div>
  252.                     {% else %}
  253.                         <div> <img src="{{ asset('images/appchrome.png') }}"> <span class="deviceBarSpan">{{ getBrowser(app.request) }}</span> </div>
  254.                     {% endif %}
  256.                     <div class="pt-3"> <a href="#" class="closeBar poursuivre">{{ 'Poursuivre' | trans }}</a> </div>
  257.                 </div>
  258.             </div>
  259.         {% endif %}
  260.     {% endif %}
  261. {#    {% if checkCookies(app.request) == false %}#}
  262.         <div class="cookieBanner" id="cookieBanner" style="display: none">
  263.             <div class="container flex-container" style="position: relative;margin-left: auto;margin-right: auto;max-width: 986px;padding-bottom: 15px;padding-top: 10px;">
  264.                 <div class="Row flex-row  align-items-center" style="display: flex; flex-wrap: wrap;">
  265.                     <div class="flex-col flex-col-12 flex-col-md-8" style="flex: 0 0 66.66667%; max-width: 66.66667%;">
  266.                         <p class="pcookieBanner" style="">
  267.                             <img src="https://static.alan.com/fr-web/emoji/🍪.svg" alt="🍪" class="emoji--2-1 emoji-d4--2-30 emoji" style="transform: translateY(25%);">
  268.                              En poursuivant votre navigation, <strong class="Typography">vous acceptez l'utilisation de "cookies"</strong> destinés à améliorer la performance de ce site, à en adapter les fonctionnalités
  269.                             (<a href="#" id="btnPlusInfoCookie" style="color: #007bff;font-weight: 700;" >Plus d’infos</a>).</p>
  270.                     </div>
  271.                     <div class="flex-col flex-col-12 flex-col-md-4" style="flex: 0 0 33.33333%;max-width: 33.33333%;">
  272.                         <div class="Row flex-row " style="justify-content: center;display: flex;flex-wrap: wrap;">
  273.                             <button class="buttoncookieBanner button-action-secondary button-sm" id="cookie_close_btn" style="">
  274.                                     <span class="Typography xs-Text--size-300 xs-Text--weight-bold button-label">Refuser</span>
  275.                             </button>
  276.                             <button class="buttoncookieBanner button-action-secondary button-sm active" id="cookie_btn" style="">
  277.                                     <span class="Typography xs-Text--size-300 xs-Text--weight-bold button-label">Accepter</span>
  278.                             </button>
  279.                         </div>
  280.                     </div>
  281.                 </div>
  282.             </div>
  283.         </div>
  284.         <nav id="sidebarCookieInfo" class="">
  285.             <div id="">
  286.                 <div class="fixed_menu_top_burger" style="box-shadow: 3px 3px 3px rgb(0 0 0 / 20%);">
  287.                     <a class="dismissPrevMenu  dismissUser"  href="#">
  288.                         <div class="livicon-evo"
  289.                              data-options="name: arrow-left.svg; style: lines;size: 45px;strokeColor: #000;strokeColorAction: #000;repeat:loop;colorsOnHover: custom"></div>
  290.                     </a>
  291.                     <div class="logo_menu_toop_dis">
  292.                         <h3>Cookie information</h3>
  293.                     </div>
  294.                 </div>
  295.                 <div class="" id="" style="margin-top: 6rem !important;padding-left: 20px; padding-right: 20px;">
  296.                     <h2>C'est quoi un cookie ?</h2>
  297.                     <p>En plus d'être une délicieuse recette de patisserie, un cookie est un fichier sur votre appareil qui contient des données. Vous pouvez à tout moment supprimer ou limiter le stockage de ces fichiers dans les paramètrages de votre navigateur (voir plus bas).</p>
  298.                     <h2>À quoi ils servent ?</h2>
  299.                     <ul>
  300.                         <li>Les cookies de mesure d’audience nous permettent de connaître l’utilisation et les performances du site Copees.com afin d’établir des statistiques, des volumes de fréquentation et d’utilisation des divers éléments du site (contenus visités, parcours). Ces informations nous permettent d’améliorer l’ergonomie de nos services et de comment nous les présentons. Les données recueillies sont uniquement consultées et analysées par Copees et par aucun autre service tiers.</li>
  301.                         <li>Les cookies liés à la publicité ciblée nous permettent de mesurer l’efficacité de nos campagnes publicitaires et de limiter le nombre de fois où une publicité pour Copees vous est proposée.</li>
  302.                     </ul>
  303.                     <h2 style="font-size: 1.9rem">Comment désactiver les cookies ?</h2>
  304.                     <p>Pour empêcher ou limiter le stockage des cookies sur votre terminal, vous pouvez changer les paramètres du navigateur que vous utilisez :</p>
  305.                     <h5>Pour Chrome :</h5>
  306.                     <ol>
  307.                         <li>Cliquez sur le menu Chrome à droite dans la barre d'outils du navigateur.</li>
  308.                         <li>Sélectionnez Paramètres.</li>
  309.                         <li>Cliquez sur Afficher les paramètres avancés.</li>
  310.                         <li>Dans la section "Confidentialité", cliquez sur le bouton Paramètres de contenu.</li>
  311.                         <li>
  312.                             Dans la section "Cookies", vous pouvez modifier les paramètres suivants :
  313.                             <p style="margin-top: 10px;"><span class="pr-1">a. </span>Supprimer les cookies</p>
  314.                             <p><span class="pr-1">b. </span>Bloquer les cookies par défaut</p>
  315.                             <p><span class="pr-1">c. </span>Autoriser les cookies par défaut</p>
  316.                             <p><span class="pr-1">d. </span>Conserver les cookies et les données de site par défaut jusqu'à la fermeture du navigateur</p>
  317.                             <p><span class="pr-1">e. </span>Définir des exceptions pour les cookies de certains sites Web ou domaines</p>
  318.                         </li>
  319.                     </ol>
  321.                     <h5>Pour Safari :</h5>
  322.                     <ol>
  323.                         <li>Choisissez Safari > "Préférences", puis cliquez sur l'onglet "Sécurité" (ou " Confidentialité").</li>
  324.                         <li>Dans la section "Accepter les cookies", choisissez l'une des options proposées.</li>
  325.                     </ol>
  326.                     <h5>Pour Mozilla Firefox :</h5>
  327.                     <ol>
  328.                         <li>En haut de la fenêtre de Firefox, cliquez sur le menu Outils, puis sélectionnez Options</li>
  329.                         <li>Sélectionnez le panneau Vie privée.</li>
  330.                         <li>Paramétrez Règles de conservation : à utiliser les paramètres personnalisés pour l'historique.</li>
  331.                         <li>Décochez Accepter les cookies.</li>
  332.                         <li>Cliquez sur OK pour fermer la fenêtre « Options »</li>
  333.                     </ol>
  335.                     <p>Si votre navigateur ne figure pas dans la liste vous pouvez vous rendre directement sur le site de son éditeur.</p>
  336.                     <p>Pour disposer d’informations complémentaires sur les Cookies, nous vous invitons à consulter la rubrique « Vos traces » du site de la CNIL (Commission Nationale de l’Informatique et des Libertés)<a href=" http://www.cnil.fr/vos-droits/vos-traces/les-cookies/"> http://www.cnil.fr/vos-droits/vos-traces/les-cookies/</a> . </p>
  337.                 </div>
  338.             </div>
  339.         </nav>
  340. {#    {% endif %}#}
  341. </footer>