templates/front/accueil/besoin-products-new.html.twig line 1

Open in your IDE?
  1. {% extends 'front/layout.html.twig' %}
  2. {% block googleTagManagerDataLayer %}
  3.     {% include 'google_tag.html.twig' with {'titlePage':'Nos produits d’impression','categoryPage':'product-list','navigation_category1':'','navigation_category2':'','navigation_category3':'' }   %}
  4. {% endblock %}
  5.     {% block stylesheets %}
  6.         {{ parent() }}
  7.         {{ encore_entry_link_tags('besoin_product_page') }}
  8.     {% endblock %}
  9.  {% set productPapier = getProductByType(constant('App\\Entity\\Product::PAPIER'))  %}
  10.  {% set productCarte = getProductByType(constant('App\\Entity\\Product::CARTE'))  %}
  11.  {% set productFlyer = getProductByType(constant('App\\Entity\\Product::FLYERS'))  %}
  12.  {% set productAffiche = getProductByType(constant('App\\Entity\\Product::AFFICHE'))  %}
  13.  {% set productMenu = getProductByType(constant('App\\Entity\\Product::MENU'))  %}
  14.  {% set productCV = getProductByType(constant('App\\Entity\\Product::CV'))  %}
  15.  {% set productFACTURES = getProductByType(constant('App\\Entity\\Product::FACTURES'))  %}
  16.  {% set productCALENDRIER = getProductByType(constant('App\\Entity\\Product::CALENDRIER'))  %}
  17.  {% set productTETE_LETTRE = getProductByType(constant('App\\Entity\\Product::TETE_LETTRE'))  %}
  18.  {% set productDEPLIANT = getProductByType(constant('App\\Entity\\Product::DEPLIANT'))  %}
  19.  {% set productDEPLIANT2 = getProductByType(constant('App\\Entity\\Product::DEPLIANT2'))  %}
  20.  {% set productSTICKERS_AUTOCOLLANT = getProductByType(constant('App\\Entity\\Product::STICKERS_AUTOCOLLANT'))  %}
  21.  {% set productBROCHURES = getProductByType(constant('App\\Entity\\Product::BROCHURES'))  %}
  22.  {% set productPROPOSITION_COMMERCIALE = getProductByType(constant('App\\Entity\\Product::PROPOSITION_COMMERCIALE'))  %}
  23.  {% set productCERTIFICAT = getProductByType(constant('App\\Entity\\Product::CERTIFICAT'))  %}
  24.  {% set productINVITATION = getProductByType(constant('App\\Entity\\Product::INVITATION'))  %}
  25.  {% set productCARTES_POSTALE = getProductByType(constant('App\\Entity\\Product::CARTES_POSTALE'))  %}
  26.  {% set productPRESENTATION = getProductByType(constant('App\\Entity\\Product::PRESENTATION'))  %}
  27.  {% set productCARTESDEVOEUX = getProductByType(constant('App\\Entity\\Product::CARTESDEVOEUX'))  %}
  28.  {% set productTICKET = getProductByType(constant('App\\Entity\\Product::TICKET'))  %}
  29.  {% set productETIQUETTE = getProductByType(constant('App\\Entity\\Product::ETIQUETTE'))  %}
  30.  {% set productTOTEBAG = getProductByType(constant('App\\Entity\\Product::TOTEBAG'))  %}
  31.  {% set productMUG = getProductByType(constant('App\\Entity\\Product::MUG'))  %}
  32.  {% set productKAKEMONO = getProductByType(constant('App\\Entity\\Product::KAKEMONO'))  %}
  33.  {% set productTSHIRT = getProductByType(constant('App\\Entity\\Product::TSHIRT'))  %}
  34.  {% set productHODDIES = getProductByType(constant('App\\Entity\\Product::HODDIES'))  %}
  35.  {% set productPULL = getProductByType(constant('App\\Entity\\Product::PULL'))  %}
  36.  {% set productPHOTOS = getProductByType(constant('App\\Entity\\Product::PHOTOS'))  %}
  37.  {% set productSTANDS = getProductByType(constant('App\\Entity\\Product::STANDS'))  %}
  38.  {% set productPHOTOS_POLAROID = getProductByType(constant('App\\Entity\\Product::PHOTOS_POLAROID'))  %}
  39.  {% set productPHOTOS_ENCADRE = getProductByType(constant('App\\Entity\\Product::PHOTOS_ENCADRE'))  %}
  40.  {% set productVITROPHANIE = getProductByType(constant('App\\Entity\\Product::VITROPHANIE'))  %}
  41. {% block body %}
  42.     {% include 'front/header.html.twig' %}
  44. <section class="content_home_hd besoin_produit_page">
  45.     {% set banniere = getImagesBanniere() %}
  46.     <style>
  47.         .btnBannierBesoinProduct a.btnBloc1OptionProduct{color: {{ banniere.colourBtnBloc1OptionProduct }};background: {{ banniere.backgroundBtnBloc1OptionProduct }};}
  48.         .btnBannierBesoinProduct a.btnBloc1OptionProduct:hover{color: {{ banniere.colourHoverBtnBloc1OptionProduct }};background: {{ banniere.backgroundHoverBtnBloc1OptionProduct }};}
  49.         .btnBannierBesoinProduct a.btnBloc2OptionProduct{color: {{ banniere.colourBtnBloc2OptionProduct }};background: {{ banniere.backgroundBtnBloc2OptionProduct }};}
  50.         .btnBannierBesoinProduct a.btnBloc2OptionProduct:hover{color: {{ banniere.colourHoverBtnBloc2OptionProduct }};background: {{ banniere.backgroundHoverBtnBloc2OptionProduct }};}
  51.         .btnBannierBesoinProduct a.btnBloc3OptionProduct{color: {{ banniere.colourBtnBloc3OptionProduct }};background: {{ banniere.backgroundBtnBloc3OptionProduct }};}
  52.         .btnBannierBesoinProduct a.btnBloc3OptionProduct:hover{color: {{ banniere.colourHoverBtnBloc3OptionProduct }};background: {{ banniere.backgroundHoverBtnBloc3OptionProduct }};}
  53.     </style>
  54.     <div class="part_hd1_slide besoin_product_bannier_desktop">
  55.         <div class="row">
  56.             <div class="col-md-12 col-lg-12 col-xl-5 pr-2">
  57.                 <div  class="row divBesoinProductBannier1 divBesoinProductBannier1Background">
  58.                     <div class="col-6">
  59.                         {% if banniere.descriptionBloc1OptionProduct %}<div class="descriptionBannierBesoinProduct">{{ banniere.descriptionBloc1OptionProduct|raw }}</div>{% endif %}
  60.                         <p class="btnBannierBesoinProduct">
  61.                             <a href="{{ banniere.linkBtnBloc1OptionProduct }}" class="btnBloc1OptionProduct">
  62.                                 {{ banniere.titreBtnBloc1OptionProduct }}
  63.                                 <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="none">
  64.                                     <path d="M3.96 0.333336V1.66667H8.35333L0.626663 9.39334L1.56666 10.3333L9.29333 2.60667V7H10.6267V0.333336H3.96Z" fill="white"/>
  65.                                 </svg>
  66.                             </a>
  67.                         </p>
  68.                     </div>
  69.                     <div class="col-6 divBesoinProductBannier1Image">
  70.                         <img src="{{ asset('imageSite/'~banniere.imageBloc1OptionProduct) }}">
  71.                     </div>
  72.                 </div>
  73.             </div>
  74.             <div class="col-xl-7 col-md-12 col-lg-12 pl-2 row">
  75.                 <div class="col-xl-5 col-md-12 col-lg-5 p-0">
  76.                     <div  class="divBesoinProductBannier1 divBesoinProductBannier1Background2 p-3" style="background-image: url(/imageSite/{{ banniere.imageBloc2OptionProduct }});">
  77.                         {% if banniere.descriptionBloc2OptionProduct %}<div class="descriptionBannierBesoinProduct">{{ banniere.descriptionBloc2OptionProduct|raw }}</div>{% endif %}
  78.                         <p class="btnBannierBesoinProduct">
  79.                             <a href="{{ banniere.linkBtnBloc2OptionProduct }}" class="btnBloc2OptionProduct">
  80.                                 {{ banniere.titreBtnBloc2OptionProduct }}
  81.                                 <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="none">
  82.                                     <path d="M3.96 0.333336V1.66667H8.35333L0.626663 9.39334L1.56666 10.3333L9.29333 2.60667V7H10.6267V0.333336H3.96Z" fill="white"/>
  83.                                 </svg>
  84.                             </a>
  85.                         </p>
  86.                     </div>
  87.                 </div>
  88.                 <div class="col-xl-7 col-md-12 col-lg-7 pr-0 row">
  89.                     <div class="col-md-12 p-0">
  90.                         <div  class="divBesoinProductBannier2" style="background-image: url(/imageSite/{{ banniere.imageBloc3OptionProduct }});">
  91.                             <p class="btnBannierBesoinProduct">
  92.                                 <a href="{{ banniere.linkBtnBloc3OptionProduct }}" class="btnBloc3OptionProduct">
  93.                                     {{ banniere.titreBtnBloc3OptionProduct }}
  94.                                     <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="none">
  95.                                         <path d="M3.96 0.333336V1.66667H8.35333L0.626663 9.39334L1.56666 10.3333L9.29333 2.60667V7H10.6267V0.333336H3.96Z" fill="white"/>
  96.                                     </svg>
  97.                                 </a>
  98.                             </p>
  99.                             {% if banniere.descriptionBloc3OptionProduct %}<div class="descriptionBannierBesoinProduct">{{ banniere.descriptionBloc3OptionProduct|raw }}</div>{% endif %}
  100.                         </div>
  101.                     </div>
  102.                     <div class="col-md-12 row p-0">
  103.                         <div  class="divBesoinProductBannier3" style="">
  104.                             <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
  105.                                 <div class="carousel-inner">
  106.                                     {% for item in banniere.besoinProductPageBannierItemBloc4 %}
  107.                                         <style>
  108.                                             .btnBannierBesoinProduct a.btnBloc4OptionProduct{{ item.id }}{color: {{ item.colourBtnBloc4OptionProduct }};background: {{ item.backgroundBtnBloc4OptionProduct }};}
  109.                                             .btnBannierBesoinProduct a.btnBloc4OptionProduct{{ item.id }}:hover{color: {{ item.colourHoverBtnBloc4OptionProduct }};background: {{ item.backgroundHoverBtnBloc4OptionProduct }};}
  110.                                         </style>
  111.                                         <div class="carousel-item {% if loop.index0 == 0 %}active{% endif %}" style="background-image: url(/imageSite/{{ item.fileImage }});">
  112.                                             {% if item.descriptionBloc4OptionProduct %}<div class="descriptionBannierBesoinProduct">{{ item.descriptionBloc4OptionProduct|raw }}</div>{% endif %}
  113.                                             <p class="btnBannierBesoinProduct">
  114.                                                 <a href="{{ item.linkBtnBloc4OptionProduct }}" class="btnBloc4OptionProduct{{ item.id }}">
  115.                                                     {{ item.titreBtnBloc4OptionProduct }}
  116.                                                     <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="none">
  117.                                                         <path d="M3.96 0.333336V1.66667H8.35333L0.626663 9.39334L1.56666 10.3333L9.29333 2.60667V7H10.6267V0.333336H3.96Z" fill="white"/>
  118.                                                     </svg>
  119.                                                 </a>
  120.                                             </p>
  121.                                         </div>
  122.                                     {% endfor %}
  123.                                 </div>
  124.                                 <a class="carousel-control-next divBesoinProductBannier3nextBtn introApp" href="#carouselExampleControls" role="button" data-slide="next">
  125.                                     <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
  126.                                         <g filter="url(#filter0_d_47_94)">
  127.                                             <rect x="4" width="24" height="24" rx="12" fill="white" shape-rendering="crispEdges"/>
  128.                                             <path d="M13.9333 15.0667L10.8667 12L13.9333 8.93333L13 8L9 12L13 16L13.9333 15.0667ZM17.4 15.0667L20.4667 12L17.4 8.93333L18.3333 8L22.3333 12L18.3333 16L17.4 15.0667Z" fill="#323232"/>
  129.                                         </g>
  130.                                         <defs>
  131.                                             <filter id="filter0_d_47_94" x="0" y="0" width="32" height="32" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
  132.                                                 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
  133.                                                 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
  134.                                                 <feOffset dy="4"/>
  135.                                                 <feGaussianBlur stdDeviation="2"/>
  136.                                                 <feComposite in2="hardAlpha" operator="out"/>
  137.                                                 <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
  138.                                                 <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_47_94"/>
  139.                                                 <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_47_94" result="shape"/>
  140.                                             </filter>
  141.                                         </defs>
  142.                                     </svg>
  143.                                 </a>
  144.                             </div>
  145.                         </div>
  146.                     </div>
  147.                 </div>
  148.             </div>
  149.         </div>
  150.     </div>
  152.     <div class=" besoin_product_bannier_mobile">
  153.         <div class="blocLivraisonBesoinProduct">
  154.             <div class="bloc1LivraisonBesoinProduct">
  155.                 <p style="display: flex;margin-bottom:0px">
  156.                     <span>
  157.                         đźš€
  158.                     </span>
  159.                     <span class="bloc1LivraisonBesoinProductText">
  160.                         {{ 'Commandez avant 17h, livrĂ© aujourd’hui chez vous !' | trans({}, "productTranslate") }}
  161.                     </span>
  162.                 </p>
  163.             </div>
  164.             {% if addresse.addresseAdresse %}
  165.                 <div class="bloc2LivraisonBesoinProduct">
  166.                     <p style="">
  167.                         <span>
  168.                             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  169.                               <g clip-path="url(#clip0_39_1752)">
  170.                                 <path d="M12 2C8.13 2 5 5.13 5 9C5 14.25 12 22 12 22C12 22 19 14.25 19 9C19 5.13 15.87 2 12 2ZM12 11.5C10.62 11.5 9.5 10.38 9.5 9C9.5 7.62 10.62 6.5 12 6.5C13.38 6.5 14.5 7.62 14.5 9C14.5 10.38 13.38 11.5 12 11.5Z" fill="#323232"/>
  171.                               </g>
  172.                               <defs>
  173.                                 <clipPath id="clip0_39_1752">
  174.                                   <rect width="24" height="24" fill="white"/>
  175.                                 </clipPath>
  176.                               </defs>
  177.                             </svg>
  178.                         </span>
  179.                         <span class="bloc1LivraisonBesoinProductText">
  180.                             {{ addresse.addresseAdresse }}
  181.                         </span>
  182.                     </p>
  183.                     {% if time %}
  184.                     <p style="border-top: 0.5px solid #DDD;">
  185.                         <span>
  186.                             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  187.                               <g clip-path="url(#clip0_39_1755)">
  188.                                 <path d="M7 2V13H10V22L17 10H13L17 2H7Z" fill="#323232"/>
  189.                               </g>
  190.                               <defs>
  191.                                 <clipPath id="clip0_39_1755">
  192.                                   <rect width="24" height="24" fill="white"/>
  193.                                 </clipPath>
  194.                               </defs>
  195.                             </svg>
  196.                         </span>
  197.                         <span class="bloc1LivraisonBesoinProductText">
  198.                             Livraison {{ time.day|lower  }} dĂ©s {{  time.time|split(' ')[0] }}
  199.                         </span>
  200.                     </p>
  201.                     {% endif %}
  202.                 </div>
  203.             {% endif %}
  204.             <div class="bloc3LivraisonBesoinProduct">
  205.                 <div>
  206.                     <div id="blocMobileSearchProduct">
  207.                         <input type="text" id="searchBesoinProductMobile" placeholder="{{ 'Rechercher un produit' | trans({}, "productTranslate") }}">
  208.                         <span class="close_result_head" id="close_result_besoin_product_mobile" style="cursor: pointer;position: absolute;right: 36px;top: -6px;display: none;">
  209.                                 <img src="{{ asset('images/bg_closeh.png') }}">
  210.                             </span>
  211.                     </div>
  213.                     <div class="collapse ipstresl " id="collapseProductBesoinProductMobile">
  214.                         <div class="divSearchProductBesoinProduct">
  215.                             <div id="divSearchProductBesoinProductMobile" style="min-height: 300px; display: none;max-height: 461px;overflow: auto;text-shadow: none;color: #000;">
  217.                             </div>
  218.                         </div>
  219.                     </div>
  220.                 </div>
  221.                 <div class="bloc3LivraisonBesoinProductStr">
  222.                     <h4>{{ 'Voici les options disponibles Ă  cette adresse' | trans({}, "productTranslate") }} :</h4>
  223.                     <div class="bloc3LivraisonBesoinProductStrDispo">
  224.                         {% if dataLivraison is defined and dataLivraison.imprimeurZoneChalandise %}
  225.                             <p style="">
  226.                                 <span class="livStatusNew2Green">
  227.                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
  228.                                         <rect width="20" height="20" rx="10" fill="#8CC378"/>
  229.                                         <path d="M6 10.2L8.86364 13L15 7" stroke="white" stroke-width="2.5" stroke-linecap="round"/>
  230.                                     </svg>
  231.                                 </span>
  232.                                 <span>Livraison 30 min</span>
  233.                             </p>
  234.                         {% endif %}
  235.                         {% if dataLivraison is defined and dataLivraison.imprimeurPointRetrait %}
  236.                             <p style="">
  237.                                 <span class="livStatusNew2Green">
  238.                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
  239.                                         <rect width="20" height="20" rx="10" fill="#8CC378"/>
  240.                                         <path d="M6 10.2L8.86364 13L15 7" stroke="white" stroke-width="2.5" stroke-linecap="round"/>
  241.                                     </svg>
  242.                                 </span>
  243.                                 <span>Point retrait 1h</span>
  244.                             </p>
  245.                         {% endif %}
  246.                         {% if dataLivraison is defined and (dataLivraison.imprimeurLivraisonNationalJ5 or dataLivraison.imprimeurLivraisonNational) %}
  247.                             <p style="">
  248.                                 <span class="livStatusNew2Green">
  249.                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
  250.                                         <rect width="20" height="20" rx="10" fill="#8CC378"/>
  251.                                         <path d="M6 10.2L8.86364 13L15 7" stroke="white" stroke-width="2.5" stroke-linecap="round"/>
  252.                                     </svg>
  253.                                 </span>
  254.                                 <span>Livraison 48h/J+5</span>
  255.                             </p>
  256.                         {% endif %}
  258.                     </div>
  259.                 </div>
  260.             </div>
  261.             <div class="bloc4LivraisonBesoinProduct">
  262.                 <p>
  263.                     <a class="ratingListeBtnAccueil" style="">
  264.                         {% set ratingCopeesTab = getRatingCopeesTab() %}
  265.                         <span>4.6</span>
  266.                         {#<span>{% if ratingCopeesTab.rating is defined %}{{ getRatingCopees() }}{% endif %}</span>#}
  267.                         <span class="etoileGoogle">
  268.                             <svg xmlns="http://www.w3.org/2000/svg" width="80" height="20" viewBox="0 0 100 20" fill="none">
  269.                                 <path d="M9.36032 1.28746C9.62296 0.758848 10.377 0.75885 10.6397 1.28746L12.7847 5.60461C12.8887 5.81394 13.0885 5.95914 13.3198 5.99337L18.0884 6.69931C18.6723 6.78574 18.9054 7.50291 18.4838 7.91605L15.0408 11.2901C14.8738 11.4537 14.7975 11.6887 14.8364 11.9192L15.6386 16.6726C15.7368 17.2546 15.1268 17.6979 14.6036 17.4246L10.3307 15.1927C10.1235 15.0845 9.87649 15.0845 9.6693 15.1927L5.39641 17.4246C4.87322 17.6979 4.26316 17.2546 4.36139 16.6726L5.16361 11.9192C5.20251 11.6887 5.12617 11.4537 4.95923 11.2901L1.51621 7.91605C1.09463 7.50291 1.32765 6.78574 1.91156 6.69931L6.68025 5.99337C6.91147 5.95914 7.11132 5.81394 7.21533 5.60461L9.36032 1.28746Z" fill="#FEA500"/>
  270.                                 <path d="M29.3603 1.28746C29.623 0.758848 30.377 0.75885 30.6397 1.28746L32.7847 5.60461C32.8887 5.81394 33.0885 5.95914 33.3198 5.99337L38.0884 6.69931C38.6723 6.78574 38.9054 7.50291 38.4838 7.91605L35.0408 11.2901C34.8738 11.4537 34.7975 11.6887 34.8364 11.9192L35.6386 16.6726C35.7368 17.2546 35.1268 17.6979 34.6036 17.4246L30.3307 15.1927C30.1235 15.0845 29.8765 15.0845 29.6693 15.1927L25.3964 17.4246C24.8732 17.6979 24.2632 17.2546 24.3614 16.6726L25.1636 11.9192C25.2025 11.6887 25.1262 11.4537 24.9592 11.2901L21.5162 7.91605C21.0946 7.50291 21.3277 6.78574 21.9116 6.69931L26.6802 5.99337C26.9115 5.95914 27.1113 5.81394 27.2153 5.60461L29.3603 1.28746Z" fill="#FEA500"/>
  271.                                 <path d="M49.3603 1.28746C49.623 0.758848 50.377 0.75885 50.6397 1.28746L52.7847 5.60461C52.8887 5.81394 53.0885 5.95914 53.3198 5.99337L58.0884 6.69931C58.6723 6.78574 58.9054 7.50291 58.4838 7.91605L55.0408 11.2901C54.8738 11.4537 54.7975 11.6887 54.8364 11.9192L55.6386 16.6726C55.7368 17.2546 55.1268 17.6979 54.6036 17.4246L50.3307 15.1927C50.1235 15.0845 49.8765 15.0845 49.6693 15.1927L45.3964 17.4246C44.8732 17.6979 44.2632 17.2546 44.3614 16.6726L45.1636 11.9192C45.2025 11.6887 45.1262 11.4537 44.9592 11.2901L41.5162 7.91605C41.0946 7.50291 41.3277 6.78574 41.9116 6.69931L46.6802 5.99337C46.9115 5.95914 47.1113 5.81394 47.2153 5.60461L49.3603 1.28746Z" fill="#FEA500"/>
  272.                                 <path d="M69.3603 1.28746C69.623 0.758848 70.377 0.75885 70.6397 1.28746L72.7847 5.60461C72.8887 5.81394 73.0885 5.95914 73.3198 5.99337L78.0884 6.69931C78.6723 6.78574 78.9054 7.50291 78.4838 7.91605L75.0408 11.2901C74.8738 11.4537 74.7975 11.6887 74.8364 11.9192L75.6386 16.6726C75.7368 17.2546 75.1268 17.6979 74.6036 17.4246L70.3307 15.1927C70.1235 15.0845 69.8765 15.0845 69.6693 15.1927L65.3964 17.4246C64.8732 17.6979 64.2632 17.2546 64.3614 16.6726L65.1636 11.9192C65.2025 11.6887 65.1262 11.4537 64.9592 11.2901L61.5162 7.91605C61.0946 7.50291 61.3277 6.78574 61.9116 6.69931L66.6802 5.99337C66.9115 5.95914 67.1113 5.81394 67.2153 5.60461L69.3603 1.28746Z" fill="#FEA500"/>
  273.                                 <path d="M89.3692 1.18774C89.6377 0.682086 90.3623 0.682087 90.6308 1.18774L92.9046 5.4689C93.0079 5.66328 93.195 5.79922 93.4118 5.83734L98.186 6.67691C98.7499 6.77607 98.9738 7.46515 98.5759 7.87682L95.2069 11.3623C95.0539 11.5205 94.9825 11.7405 95.0132 11.9584L95.6901 16.7585C95.77 17.3254 95.1838 17.7513 94.6694 17.5001L90.3134 15.373C90.1156 15.2765 89.8844 15.2765 89.6866 15.373L85.3306 17.5001C84.8161 17.7513 84.23 17.3254 84.3099 16.7585L84.9868 11.9584C85.0175 11.7405 84.9461 11.5205 84.7931 11.3623L81.4241 7.87682C81.0262 7.46514 81.2501 6.77607 81.814 6.67691L86.5882 5.83734C86.805 5.79922 86.9921 5.66328 87.0954 5.46889L89.3692 1.18774Z" fill="#6A6A6A"/>
  274.                                 <mask id="mask0_3_61" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="80" y="0" width="10" height="20">
  275.                                 <rect x="80" width="10" height="20" fill="#D9D9D9"/>
  276.                                 </mask>
  277.                                 <g mask="url(#mask0_3_61)">
  278.                                 <path d="M89.3692 1.18774C89.6377 0.682086 90.3623 0.682087 90.6308 1.18774L92.9046 5.4689C93.0079 5.66328 93.195 5.79922 93.4118 5.83734L98.186 6.67691C98.7499 6.77607 98.9738 7.46515 98.5759 7.87682L95.2069 11.3623C95.0539 11.5205 94.9825 11.7405 95.0132 11.9584L95.6901 16.7585C95.77 17.3254 95.1838 17.7513 94.6694 17.5001L90.3134 15.373C90.1156 15.2765 89.8844 15.2765 89.6866 15.373L85.3306 17.5001C84.8161 17.7513 84.23 17.3254 84.3099 16.7585L84.9868 11.9584C85.0175 11.7405 84.9461 11.5205 84.7931 11.3623L81.4241 7.87682C81.0262 7.46514 81.2501 6.77607 81.814 6.67691L86.5882 5.83734C86.805 5.79922 86.9921 5.66328 87.0954 5.46889L89.3692 1.18774Z" fill="#FEA500"/>
  279.                                 </g>
  280.                             </svg>
  281.                         </span>
  282.                         sur
  283.                         <span style="vertical-align: middle;">
  284.                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  285.                             <path d="M22.56 12.25C22.56 11.47 22.49 10.72 22.36 10H12V14.26H17.92C17.66 15.63 16.88 16.79 15.71 17.57V20.34H19.28C21.36 18.42 22.56 15.6 22.56 12.25Z" fill="#4285F4"></path>
  286.                             <path d="M12 23C14.97 23 17.46 22.02 19.28 20.34L15.71 17.57C14.73 18.23 13.48 18.63 12 18.63C9.13999 18.63 6.70999 16.7 5.83999 14.1H2.17999V16.94C3.98999 20.53 7.69999 23 12 23Z" fill="#34A853"></path>
  287.                             <path d="M5.84 14.09C5.62 13.43 5.49 12.73 5.49 12C5.49 11.27 5.62 10.57 5.84 9.91001V7.07001H2.18C1.43 8.55001 1 10.22 1 12C1 13.78 1.43 15.45 2.18 16.93L5.03 14.71L5.84 14.09Z" fill="#FBBC05"></path>
  288.                             <path d="M12 5.38C13.62 5.38 15.06 5.94 16.21 7.02L19.36 3.87C17.45 2.09 14.97 1 12 1C7.69999 1 3.98999 3.47 2.17999 7.07L5.83999 9.91C6.70999 7.31 9.13999 5.38 12 5.38Z" fill="#EA4335"></path>
  289.                         </svg>
  290.                     </span>
  291.                     </a>
  292.                 </p>
  293.             </div>
  294.         </div>
  295.         <div class="picto_besoin_product bloc_besoin_product_sous_content  mt-3">
  296.             <div class="container">
  297.             </div>
  298.             <div class=" mobileProductBesoinProductPage">
  299.                     <div class="bloc_besoin_product_global_content product_slide">
  300.                         <div class="position-relative CreezCommuniquezBesoinProduct" style="    margin-right: 12px;">
  301.                             <div class="slick_bouton">
  303.                             </div>
  304.                             <div class="mobileProductBesoinProductPageSlide3 mobileProductBesoinProductPageSlideGlobal responsive slider" style=" margin:0px auto;">
  305.                                 {% set besoinProductHeaderMobile = besoinProductHeaderMobile() %}
  306.                                 {% if besoinProductHeaderMobile|length >  0 %}
  307.                                     {% for item in besoinProductHeaderMobile %}
  308.                                         <div class="text-center divSlick blockBesoinProductParrent" style="width: 100%;display: inline-block;">
  309.                                             <div class="text-center  blockBesoinProduct  marginBottomBlocBesoin50">
  310.                                                 <a href="{{ item.url }}"><p><img style="    width: 50px; height: 50px;" src="{{ asset('imageSite/'~item.fileBesoinImage) }}"></p><span>{{ item.titre | trans({}, "productTranslate") }}</span></a>
  311.                                             </div>
  312.                                         </div>
  313.                                     {% endfor %}
  314.                                 {% endif %}
  315.                             </div>
  316.                         </div>
  317.                     </div>
  318.                 </div>
  319.         </div>
  320.     </div>
  321.     <div class="bloc_besoin_product_global product_slide" id="product_slide_besoin_product" style="border-bottom: 1px solid #D7D4D4;margin-bottom: 40px;">
  322.         <div class="position-relative CreezCommuniquezBesoinProduct" style="    margin-right: 12px;">
  323.             <div class="slick_bouton">
  324.                 <div class="slickNext2model1 slickNext3"><img src="{{ asset('images/rightfls.png')}}"></div>
  325.                 <div class="slickNext2model1 slickPrev3"><img src="{{ asset('images/leftfls.png')}}"></div>
  326.             </div>
  327.             <div class="product_slick_blocBesoinProduct responsive slider row">
  328.                 {% set besoinProductHeader = besoinProductHeader() %}
  329.                 {% if besoinProductHeader|length >  0 %}
  330.                     {% for item in besoinProductHeader %}
  331.                         <div class="text-center divSlick" style="min-height: 145px !important;{% if item.backgroundColor %}background: {{ item.backgroundColor }};{% endif %};border-radius: 7px;">
  332.                             <div class="linkBesoinProductGlobal" style="min-height: 161px;min-height: 161px;{% if item.backgroundColor %}background: {{ item.backgroundColor }};{% endif %}border-radius: 7px;">
  333.                                 {#<a class="linkBesoinProduct"  href="{{ item.url }}"  style="position: relative;">#}
  334.                                 <a class=""  href="{{ item.url }}"  style="position: relative;">
  335.                                     {% set imageBesoinProductHeaderLang = getImageBesoinProductHeaderLang(item) %}
  336.                                     {% if imageBesoinProductHeaderLang.fileBesoinInfoBule %}
  337.                                         <span style="position: absolute;right: -15px;top: -50px;"><img src="{{ asset('imageSite/'~imageBesoinProductHeaderLang.fileBesoinInfoBule) }}"> </span>
  338.                                     {% endif%}
  339.                                     {% if item.titre %}
  340.                                         <span class="besoin_product_titre_bloc_slick">{{ item.titre | trans({}, "productTranslate") }}</span>
  341.                                     {% endif%}
  342.                                     <img src="{{ asset('imageSite/'~imageBesoinProductHeaderLang.fileBesoinImage) }}">
  343.                                 </a>
  344.                             </div>
  345.                         </div>
  346.                     {% endfor %}
  347.                 {% endif %}
  348.             </div>
  349.         </div>
  350.     </div>
  352.     {#{% include 'front/accueil/besoin-product-bloc/preference.html.twig' %}#}
  353.     {% set categorys = getAllCategoryActiveBesoinProduct() %}
  354.     <div class="bloc_besoin_product_global d-flex" >
  355.         <div class="menu_bloc_besoin_product">
  356.             <div class="menu_besoin_product">
  357.                 {#<a href="#" id="preferenceBesoinProduct" data-toggle="modal" data-target="#preferenceBesoinProductModal"> {{ 'Mes prĂ©fĂ©rences' | trans({}, "productTranslate") }} <span class="countFilter" style="display: none"></span></a>#}
  358.                 <ul>
  359.                     {% for category in categorys %}
  360.                         <li>
  361.                             <a class="linkBesoinProduct selectListTagGoogle" data-category="{{ category.id }}" href="#besoin_product_category{{ category.id }}">{{category.name | trans({}, "productTranslate")}}</a>
  362.                             {% for file in category.iconesCategoryMenu %}
  363.                                 <img src="{{ asset('imageSite/'~file.file) }}" style="margin-left: 5px;margin-top: -3px;width: 25px;">
  364.                             {% endfor %}
  365.                             {% if category.isSoon %}
  366.                                 <span class="infoBulleSoon" style="position: relative;right: 0;top: -1px;margin-left: 7px;">{{ 'Soon' | trans({}, "productTranslate") }}</span>
  367.                             {% endif %}
  368.                         </li>
  369.                     {% endfor %}
  371.                     <li><a class="selectList2TagGoogle" href="{{ path('merch_pack_index') }}">{{ 'Merch pack' | trans({}, "productTranslate") }} <span style="cursor: pointer;vertical-align: middle; margin-left: 5px;" data-toggle="tooltip"  data-title="Tout votre merchandising gĂ©nĂ©rĂ© en 2 clics et livrĂ© le jour mĂŞme ou en J+1" class="icons"><img src="{{ asset('images/hd33.png') }}" style="width: 30px;vertical-align: baseline;"></span></a></li>
  372.                     <li><a class="linkBesoinProduct selectList2TagGoogle" href="#besoin_product_moment" data-num="1">{{ 'Nos crĂ©as du moment' | trans({}, "productTranslate") }}</a> <span class="infoBulleNew" style="position: relative;right: 0;top: -1px;margin-left: 7px;">{{ 'New' | trans({}, "productTranslate") }}</span></li>
  373.                     <li><a class="linkBesoinProduct selectList2TagGoogle" href="#besoin_product_new" data-num="2">{{ 'Nos nouveautĂ©s' | trans({}, "productTranslate") }}</a></li>
  374.                     {#<li><a class="linkBesoinProduct selectList2TagGoogle" href="#besoin_product_promo" data-num="3">{{ 'Nos promos' | trans({}, "productTranslate") }}</a><span class="infoBullePromo" style="position: relative;right: 0;top: 0px;margin-left: 7px;">{{ 'Promo' | trans({}, "productTranslate") }}</span></li>#}
  375.                     <li><a class="linkBesoinProduct selectList2TagGoogle" href="#besoin_product_luxe" data-num="4">{{ 'Nos produits Luxe' | trans({}, "productTranslate") }}</a></li>
  376.                     <li><a class="linkBesoinProduct" href="#besoin_product_distribuez_envoyez">{{ 'Distribuer & envoyer' | trans({}, "productTranslate") }}</a></li>
  377.                     <li><a class="linkBesoinProduct" href="#besoin_product_editer_Modifier">{{ 'Editer & Modifier' | trans({}, "productTranslate") }}</a></li>
  378.                 </ul>
  379.             </div>
  380.         </div>
  382.         <div class="bloc_besoin_product_content">
  384.             {% include 'front/accueil/besoin-product-bloc/banniere_promo.html.twig' %}
  385.             <div style="text-align: center; display: none;">
  386.                 <a href="#" id="preferenceBesoinProductMobile" data-toggle="modal" data-target="#preferenceBesoinProductModal"> {{ 'Mes prĂ©fĂ©rences' | trans({}, "productTranslate") }} <span class="countFilter" style="display: none"></span></a>
  387.             </div>
  388.             <div id="filtrePreferences">
  389.                 <div class="container">
  390.                     <div class="col-lg-12 pl-0">
  391.                         {% set categorysPreferences = getAllActiveByPreferenceCategoryBesoinProduct() %}
  392.                         {% for category in categorysPreferences %}
  393.                             <div class="btn-group  mr-1">
  394.                                 <a href="#" class="filtrePreferencesLi" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  395.                                     {{category.name | trans({}, "productTranslate")}}
  396.                                     <svg xmlns="http://www.w3.org/2000/svg" width="11" height="8" viewBox="0 0 11 8" fill="none">
  397.                                         <path d="M0.99997 1.33307L5.52567 6.66694L10.239 1.33307" stroke="#8B3DFF" stroke-width="1.5" stroke-linecap="round"/>
  398.                                     </svg>
  399.                                 </a>
  400.                                 <div class="dropdown-menu" x-placement="bottom-start" style="padding:14px 16px 0px 16px;margin-top: 8px;position: absolute; transform: translate3d(0px, 38px, 0px); top: 0px; left: 0px; will-change: transform;">
  401.                                     {% set criteres = getAllActiveByPreferenceCategorySousBesoinProduct(category.id) %}
  402.                                     {% for critere in criteres %}
  403.                                         <div class="form-group">
  404.                                             <input type="checkbox" id="critrie{{ critere.id }}" class="critere"  data-value-critere="{{ critere.id }}" data-value-cat="{{ category.id }}" value="{{ critere.id }}" >
  405.                                             <label for="critrie{{ critere.id }}" class="critrieLabel">{{ critere.name | trans({}, "productTranslate") }}</label>
  406.                                         </div>
  407.                                     {% endfor %}
  409.                                 </div>
  410.                             </div>
  411.                         {% endfor %}
  412.                     </div>
  413.                 </div>
  414.                 <a href="#" id="submitFilter" style="display:none;">{{ 'Appliquer' | trans({}, "productTranslate") }}</a>
  415.             </div>
  416.             <div class="bloc_besoin_product_content_content" id="bloc_besoin_product_content_content" style="margin-top: 47px;">
  417.                 {% include 'front/accueil/besoin-product-bloc/content-new.html.twig' with {'categorys': categorys} %}
  418.             </div>
  419.             <div class="bloc_besoin_product_sous_content" id="besoin_product_distribuez_envoyez">
  420.                 <div class="col-lg-12 text-center">
  421.                     <h2>{{ 'Distribuer & envoyer' | trans({}, "productTranslate") }}
  422.                         <img src="{{ asset('images/đź“ś.png') }}" style="margin-left: 10px;margin-top: -3px;width: 25px;">
  423.                         <img src="{{ asset('images/📨.png') }}" style="margin-left: 10px;margin-top: -3px;width: 25px;">
  424.                     </h2>
  425.                 </div>
  426.                 <div class="position-relative desctopProductBesoinProductPage">
  427.                     <div class="product_slick_bloc01 row">
  428.                         <div class="text-center col-xl-2 col-lg-3 col-md-4 col-sm-4 col-6">
  429.                             <a style="display: block;" class="link_invisi_besoin_product" href="{{ path('distribution_calcule') }}"><img style=""  src="{{ asset('images/hd14distribution.png')}}"></a>
  430.                             <h3><a href="{{ path('distribution_calcule') }}">{{ 'Distribution main a main' | trans({}, "productTranslate") }}</a></h3>
  431.                         </div>
  432.                         <div class="text-center col-xl-2 col-lg-3 col-md-4 col-sm-4 col-6">
  433.                             <a style="display: block;"  class="link_invisi_besoin_product" href="{{ path('distribution_calcule') }}"><img style=""  src="{{ asset('images/hd14distribution_pare_brise.png')}}"></a>
  434.                             <h3><a href="{{ path('distribution_calcule') }}">{{ 'Distribution sur pare-brise' | trans({}, "productTranslate") }}</a></h3>
  435.                         </div>
  436.                         <div class="text-center col-xl-2 col-lg-3 col-md-4 col-sm-4 col-6">
  437.                             <a style="display: block;" class="link_invisi_besoin_product" href="{{ path('poste_page') }}"><img style="" src="{{ asset('images/hdlettrej1.png')}}"></a>
  438.                             <h3><a href="{{ path('poste_page') }}">{{ 'Lettre normal J+2' | trans({}, "productTranslate") }}</a></h3>
  439.                         </div>
  440.                         <div class="text-center col-xl-2 col-lg-3 col-md-4 col-sm-4 col-6">
  441.                             <a style="display: block;" class="link_invisi_besoin_product" href="{{ path('poste_page') }}"><img style=""  src="{{ asset('images/hd15.png')}}"></a>
  442.                             <h3><a href="{{ path('poste_page') }}">{{ 'Lettre suivie J+2' | trans({}, "productTranslate") }}</a></h3>
  443.                         </div>
  444.                         <div class="text-center col-xl-2 col-lg-3 col-md-4 col-sm-4 col-6">
  445.                             <a style="display: block;" class="link_invisi_besoin_product" href="{{ path('poste_page') }}"><img style=""  src="{{ asset('images/hd15letter.png')}}"></a>
  446.                             <h3><a href="{{ path('poste_page') }}">{{ 'Lettre recommandĂ©e AR J+1' | trans({}, "productTranslate") }}</a></h3>
  447.                         </div>
  448.                     </div>
  449.                 </div>
  450.                 <div class=" mobileProductBesoinProductPage">
  451.                     <div class="bloc_besoin_product_global_content product_slide">
  452.                         <div class="position-relative CreezCommuniquezBesoinProduct" style="    margin-right: 12px;">
  453.                             <div class="slick_bouton">
  454.                                 <div class="slickNext2model1 slickNextBesoinProductBloc2"><img src="{{ asset('images/rightfls.png')}}"></div>
  455.                                 <div class="slickNext2model1 slickPrevBesoinProductBloc2"><img src="{{ asset('images/leftfls.png')}}"></div>
  456.                             </div>
  457.                             <div class="mobileProductBesoinProductPageSlide2 mobileProductBesoinProductPageSlideGlobal responsive slider">
  458.                                 <div class="text-center divSlick blockBesoinProductParrent" style="width: 100%;display: inline-block;">
  459.                                     <div class="text-center  blockBesoinProduct  marginBottomBlocBesoin50">
  460.                                         <a style="display: block;" class="link_invisi_besoin_product" href="{{ path('distribution_calcule') }}"><img style=""  src="{{ asset('images/hd14distribution.png')}}"></a>
  461.                                         <h3><a href="{{ path('distribution_calcule') }}">{{ 'Distribution main a main' | trans({}, "productTranslate") }}</a></h3>
  462.                                     </div>
  463.                                 </div>
  464.                                 <div class="text-center divSlick blockBesoinProductParrent" style="width: 100%;display: inline-block;">
  465.                                     <div class="text-center  blockBesoinProduct  marginBottomBlocBesoin50">
  466.                                         <a style="display: block;"  class="link_invisi_besoin_product" href="{{ path('distribution_calcule') }}"><img style=""  src="{{ asset('images/hd14distribution_pare_brise.png')}}"></a>
  467.                                         <h3><a href="{{ path('distribution_calcule') }}">{{ 'Distribution sur pare-brise' | trans({}, "productTranslate") }}</a></h3>
  468.                                     </div>
  469.                                 </div>
  470.                                 <div class="text-center divSlick blockBesoinProductParrent" style="width: 100%;display: inline-block;">
  471.                                     <div class="text-center  blockBesoinProduct  marginBottomBlocBesoin50">
  472.                                         <a style="display: block;" class="link_invisi_besoin_product" href="{{ path('poste_page') }}"><img style="" src="{{ asset('images/hdlettrej1.png')}}"></a>
  473.                                         <h3><a href="{{ path('poste_page') }}">{{ 'Lettre normal J+2' | trans({}, "productTranslate") }}</a></h3>
  474.                                     </div>
  475.                                 </div>
  476.                                 <div class="text-center divSlick blockBesoinProductParrent" style="width: 100%;display: inline-block;">
  477.                                     <div class="text-center  blockBesoinProduct  marginBottomBlocBesoin50">
  478.                                         <a style="display: block;" class="link_invisi_besoin_product" href="{{ path('poste_page') }}"><img style=""  src="{{ asset('images/hd15.png')}}"></a>
  479.                                         <h3><a href="{{ path('poste_page') }}">{{ 'Lettre suivie J+2' | trans({}, "productTranslate") }}</a></h3>
  480.                                     </div>
  481.                                 </div>
  482.                                 <div class="text-center divSlick blockBesoinProductParrent" style="width: 100%;display: inline-block;">
  483.                                     <div class="text-center  blockBesoinProduct  marginBottomBlocBesoin50">
  484.                                         <a style="display: block;" class="link_invisi_besoin_product" href="{{ path('poste_page') }}"><img style=""  src="{{ asset('images/hd15letter.png')}}"></a>
  485.                                         <h3><a href="{{ path('poste_page') }}">{{ 'Lettre recommandĂ©e AR J+1' | trans({}, "productTranslate") }}</a></h3>
  486.                                     </div>
  487.                                 </div>
  488.                             </div>
  489.                         </div>
  490.                     </div>
  491.                 </div>
  492.             </div>
  493.             <div class="bloc_besoin_product_sous_content" id="besoin_product_editer_Modifier">
  494.                 <div class="col-lg-12  text-center">
  495.                     <h2>{{ 'Éditer & modifier' | trans({}, "productTranslate") }}
  496.                         <img src="{{ asset('images/✂️.png') }}" style="margin-left: 10px;margin-top: -3px;width: 25px;">
  497.                         <img src="{{ asset('images/đź–‹.png') }}" style="margin-left: 10px;margin-top: -3px;width: 25px;">
  498.                     </h2>
  499.                 </div>
  500.                 <div class="position-relative desctopProductBesoinProductPage">
  501.                     <div class="product_slick_bloc02 row">
  502.                         <div class="text-center col-xl-2 col-lg-3 col-md-4 col-sm-4 col-6">
  503.                             <div class="glb_epd position-relative">
  504.                                 <div class="titre_edp tedp1">
  505.                                     <h3>{{ 'Diviser les PDF' | trans({}, "productTranslate") }}</h3>
  506.                                 </div>
  507.                                 <p>{{ 'Extrayez des pages de vote PDF ou enregistrez chaque page en tant que PDF sĂ©parĂ©' | trans({}, "productTranslate") }}</p>
  508.                                 <a class="link_invisi link_invisi_besoin_product" href="{{ path('imprimerie_diviser') }}"></a>
  509.                             </div>
  510.                         </div>
  511.                         <div class="text-center col-xl-2 col-lg-3 col-md-4 col-sm-4 col-6">
  512.                             <div class="glb_epd position-relative">
  513.                                 <div class="titre_edp tedp2">
  514.                                     <h3>{{ 'Rotation PDF' | trans({}, "productTranslate") }}</h3>
  515.                                 </div>
  516.                                 <p>{{ 'Pivotez une ou toutes les pages de votre PDF' | trans({}, "productTranslate") }}</p>
  517.                                 <a class="link_invisi link_invisi_besoin_product"  href="{{ path('imprimerie_rotation') }}"></a>
  518.                             </div>
  519.                         </div>
  520.                         <div class="text-center col-xl-2 col-lg-3 col-md-4 col-sm-4 col-6">
  521.                             <div class="glb_epd position-relative">
  522.                                 <div class="titre_edp tedp3">
  523.                                     <h3>{{ 'Fusionner PDF' | trans({}, "productTranslate") }}</h3>
  524.                                 </div>
  525.                                 <p>{{ 'Fusionnez facilement plusieurs de vos documents.' | trans({}, "productTranslate") }}</p>
  526.                                 <a class="link_invisi link_invisi_besoin_product" href="{{ path('imprimerie_fusion') }}"></a>
  527.                             </div>
  528.                         </div>
  529.                         <div class="text-center col-xl-2 col-lg-3 col-md-4 col-sm-4 col-6">
  530.                             <div class="glb_epd position-relative">
  531.                                 <div class="titre_edp tedp4">
  532.                                     <h3>{{ 'Lecteur PDF' | trans({}, "productTranslate") }}</h3>
  533.                                 </div>
  534.                                 <p>{{ 'Affichez, imprimez et partagez des PDF en ligne' | trans({}, "productTranslate") }}</p>
  535.                                 <a class="link_invisi link_invisi_besoin_product" href="{{ path('imprimerie_lecteur') }}"></a>
  536.                             </div>
  537.                         </div>
  538.                         <div class="text-center col-xl-2 col-lg-3 col-md-4 col-sm-4 col-6">
  539.                             <div class="glb_epd position-relative">
  540.                                 <div class="titre_edp tedp5">
  541.                                     <h3>{{ 'Numeroter des pages' | trans({}, "productTranslate") }}</h3>
  542.                                 </div>
  543.                                 <p>{{ 'InsĂ©rez facilement les numĂ©ros de pages dans un PDF' | trans({}, "productTranslate") }}</p>
  544.                                 <a class="link_invisi link_invisi_besoin_product" href="{{ path('imprimerie_numeroter') }}"></a>
  545.                             </div>
  546.                         </div>
  547.                         <div class="text-center col-xl-2 col-lg-3 col-md-4 col-sm-4 col-6">
  548.                             <div class="glb_epd position-relative">
  549.                                 <div class="titre_edp tedp6">
  550.                                     <h3>{{ 'Supprimer des pages' | trans({}, "productTranslate") }}</h3>
  551.                                 </div>
  552.                                 <p>{{ 'Supprimez une ou plusieurs pages de votre PDF' | trans({}, "productTranslate") }}</p>
  553.                                 <a class="link_invisi link_invisi_besoin_product " href="{{ path('imprimerie_supprimer') }}"></a>
  554.                             </div>
  555.                         </div>
  556.                     </div>
  557.                 </div>
  558.                 <div class=" mobileProductBesoinProductPage">
  559.                     <div class="bloc_besoin_product_global_content product_slide">
  560.                         <div class="position-relative CreezCommuniquezBesoinProduct" style="    margin-right: 12px;">
  561.                             <div class="slick_bouton">
  562.                                 <div class="slickNext2model1 slickNextBesoinProductBloc2"><img src="{{ asset('images/rightfls.png')}}"></div>
  563.                                 <div class="slickNext2model1 slickPrevBesoinProductBloc2"><img src="{{ asset('images/leftfls.png')}}"></div>
  564.                             </div>
  565.                             <div class="mobileProductBesoinProductPageSlide2 mobileProductBesoinProductPageSlideGlobal responsive slider">
  566.                                 <div class="text-center divSlick blockBesoinProductParrent" style="width: 100%;display: inline-block;">
  567.                                     <div class="text-center  blockBesoinProduct  marginBottomBlocBesoin50">
  568.                                         <div class="glb_epd position-relative">
  569.                                             <div class="titre_edp tedp1">
  570.                                                 <h3>{{ 'Diviser les PDF' | trans({}, "productTranslate") }}</h3>
  571.                                             </div>
  572.                                             <p>{{ 'Extrayez des pages de vote PDF ou enregistrez chaque page en tant que PDF sĂ©parĂ©' | trans({}, "productTranslate") }}</p>
  573.                                             <a class="link_invisi link_invisi_besoin_product" href="{{ path('imprimerie_diviser') }}"></a>
  574.                                         </div>
  575.                                     </div>
  576.                                 </div>
  577.                                 <div class="text-center divSlick blockBesoinProductParrent" style="width: 100%;display: inline-block;">
  578.                                     <div class="text-center  blockBesoinProduct  marginBottomBlocBesoin50">
  579.                                         <div class="glb_epd position-relative">
  580.                                             <div class="titre_edp tedp2">
  581.                                                 <h3>{{ 'Rotation PDF' | trans({}, "productTranslate") }}</h3>
  582.                                             </div>
  583.                                             <p>{{ 'Pivotez une ou toutes les pages de votre PDF' | trans({}, "productTranslate") }}</p>
  584.                                             <a class="link_invisi link_invisi_besoin_product"  href="{{ path('imprimerie_rotation') }}"></a>
  585.                                         </div>
  586.                                     </div>
  587.                                 </div>
  588.                                 <div class="text-center divSlick blockBesoinProductParrent" style="width: 100%;display: inline-block;">
  589.                                     <div class="text-center  blockBesoinProduct  marginBottomBlocBesoin50">
  590.                                         <div class="glb_epd position-relative">
  591.                                             <div class="titre_edp tedp3">
  592.                                                 <h3>{{ 'Fusionner PDF' | trans({}, "productTranslate") }}</h3>
  593.                                             </div>
  594.                                             <p>{{ 'Fusionnez facilement plusieurs de vos documents.' | trans({}, "productTranslate") }}</p>
  595.                                             <a class="link_invisi link_invisi_besoin_product" href="{{ path('imprimerie_fusion') }}"></a>
  596.                                         </div>
  597.                                     </div>
  598.                                 </div>
  599.                                 <div class="text-center divSlick blockBesoinProductParrent" style="width: 100%;display: inline-block;">
  600.                                     <div class="text-center  blockBesoinProduct  marginBottomBlocBesoin50">
  601.                                         <div class="glb_epd position-relative">
  602.                                             <div class="titre_edp tedp4">
  603.                                                 <h3>{{ 'Lecteur PDF' | trans({}, "productTranslate") }}</h3>
  604.                                             </div>
  605.                                             <p>{{ 'Affichez, imprimez et partagez des PDF en ligne' | trans({}, "productTranslate") }}</p>
  606.                                             <a class="link_invisi link_invisi_besoin_product" href="{{ path('imprimerie_lecteur') }}"></a>
  607.                                         </div>
  608.                                     </div>
  609.                                 </div>
  610.                                 <div class="text-center divSlick blockBesoinProductParrent" style="width: 100%;display: inline-block;">
  611.                                     <div class="text-center  blockBesoinProduct  marginBottomBlocBesoin50">
  612.                                         <div class="glb_epd position-relative">
  613.                                             <div class="titre_edp tedp5">
  614.                                                 <h3>{{ 'Numeroter des pages' | trans({}, "productTranslate") }}</h3>
  615.                                             </div>
  616.                                             <p>{{ 'InsĂ©rez facilement les numĂ©ros de pages dans un PDF' | trans({}, "productTranslate") }}</p>
  617.                                             <a class="link_invisi link_invisi_besoin_product" href="{{ path('imprimerie_numeroter') }}"></a>
  618.                                         </div>
  619.                                     </div>
  620.                                 </div>
  621.                                 <div class="text-center divSlick blockBesoinProductParrent" style="width: 100%;display: inline-block;">
  622.                                     <div class="text-center  blockBesoinProduct  marginBottomBlocBesoin50">
  623.                                         <div class="glb_epd position-relative">
  624.                                             <div class="titre_edp tedp6">
  625.                                                 <h3>{{ 'Supprimer des pages' | trans({}, "productTranslate") }}</h3>
  626.                                             </div>
  627.                                             <p>{{ 'Supprimez une ou plusieurs pages de votre PDF' | trans({}, "productTranslate") }}</p>
  628.                                             <a class="link_invisi link_invisi_besoin_product " href="{{ path('imprimerie_supprimer') }}"></a>
  629.                                         </div>
  630.                                     </div>
  631.                                 </div>
  632.                             </div>
  633.                         </div>
  634.                     </div>
  635.                 </div>
  636.             </div>
  637.             {{ getProductsMoment()|raw }}
  638.             {{ getProductsNew()|raw }}
  639.             {#{{ getProductsPromo()|raw }}#}
  640.             {{ getProductsLuxe()|raw }}
  641.             <div class="bloc_besoin_product_sous_content">
  642.                 <div class="mt-5">
  643.                     <div class="container">
  644.                         <div class="row">
  645.                             <div class="col-lg-12 text-center">
  646.                                 <h2>{{ 'Nos clients en parlent mieux que nous' | trans({}, "productTranslate") }}</h2>
  647.                             </div>
  648.                             <div class="clear"></div>
  649.                             <script src="https://static.elfsight.com/platform/platform.js" async></script> <div class="elfsight-app-2eb16dd1-c686-4d7e-9abf-d006da716293" data-elfsight-app-lazy></div>
  650.                         </div>
  651.                     </div>
  652.                 </div>
  653.             </div>
  654.         </div>
  655.     </div>
  656.     <div class="modal mdl1"  id="addToCartLoading" tabindex="-1" role="dialog">
  657.         <div class="modal-dialog modal-lg" style="margin-top: 3vw;">
  658.             <div class="modal-content modalProduct" id="addToCartLoadingContent">
  660.             </div>
  661.         </div>
  662.     </div>
  663. </section>
  664.     <style>
  665.         /*header, .darkHeader {*/
  666.             /*background-color: #fff !important;*/
  667.             /*border-bottom: 1px solid #D9D9D9;*/
  668.         /*}*/
  669.         /*input#searchProductMenu , input#addressLivHeader{*/
  670.             /*border: 1px solid #D9D9D9;*/
  671.             /*border-radius: 10px;*/
  672.             /*min-height: 44px;*/
  673.             /*padding-top: 11px;*/
  674.             /*padding-bottom: 11px;*/
  675.             /*padding-left: 40px;*/
  676.         /*}*/
  677.         /*input#addressLivHeader::placeholder{*/
  678.             /*color: #727272;*/
  679.             /*font-size:16px;*/
  680.             /*font-weight:500;*/
  681.         /*}*/
  682.         /*input.for_velo {*/
  683.             /*background-position: 7px;*/
  684.             /*width: 100%;*/
  685.         /*}*/
  686.         /*.form_center_velo_heure{*/
  687.             /*padding-top: 0px;*/
  688.         /*}*/
  689.     </style>
  690.     {% set showWidthoutPapier = app.request.get('showcarteFlyer') %}
  691.     {{ render(controller('App\\Controller\\Front\\ProductController::productBlock',{ 'showWidthoutPapier': showWidthoutPapier })) }}
  692.     {% include 'front/footer.html.twig' %}
  693.     <div class="elfsight-app-eaf5d12e-308e-4116-bee5-690b97eaae1f" data-elfsight-app-lazy></div>
  694.     <style>
  695.         .elfsight-app-eaf5d12e-308e-4116-bee5-690b97eaae1f {
  696.             display: none;
  697.         }
  698.     </style>
  699.     <script src="https://static.elfsight.com/platform/platform.js" async></script>
  700. {% endblock %}
  701. {% block javascripts %}
  702.     {{ parent() }}
  703.     <script>
  704.        var displayProduct = "{{  app.request.get('displayProduct')  }}";
  705.        var displayProductImprimer = "{{  app.request.get('imprimerRelier')  }}";
  706.        var displayProductImprimerEdit = "{{  app.request.get('imprimerRelierEdit')  }}";
  707.        var displayProductFlyer = "{{  app.request.get('flyer')  }}";
  708.        var displayProductCarteVisite = "{{  app.request.get('carteVisite')  }}";
  709.        var displayProductAffiche = "{{  app.request.get('affiche')  }}";
  710.        var displayProductMenu = "{{  app.request.get('menu')  }}";
  711.        var displayProductFaireMariage = "{{  app.request.get('faire_mariage')  }}";
  712.        var displayProductFaireNaissance = "{{  app.request.get('faire_naissance')  }}";
  713.     </script>
  714.     <script src="https://create.vista.com/js/frame_v2.min.js"></script>
  715.     {{ encore_entry_script_tags('block_product') }}
  716.     {{ encore_entry_script_tags('besoin_product_page') }}
  717.     {{ encore_entry_script_tags('uploadfileCustom') }}
  718.     {{ encore_entry_script_tags('vignette_front') }}
  719. {% endblock %}