https://www.newcom-fr.com/

Submitted URL:
https://www.newcom-fr.com/
Report Finished:

The outgoing links identified from the page

JavaScript Variables · 13 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

Console log messages · 4 found

Messages logged to the web console

HTML

The raw HTML body of the page

<!DOCTYPE html><html lang="fr" class="show--consent"><head> <meta charset="utf-8"> <title>Goodies personnalisés | 30 ans d’expertise en objets publicitaires. - Newcom</title>
<meta name="description" content="Spécialiste de l'objet publicitaire depuis 30 ans, Newcom sélectionne des cadeaux d'affaires tendances personnalisables afin de répondre à tous vos besoins de communication.">
<link rel="canonical" href="https://www.newcom-fr.com">
<meta name="robots" content="index, follow">


<script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-YC6NY90SQS&amp;l=dataLayer&amp;cx=c"></script><script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-PRSH7P6J"></script><script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Organization","name":"Newcom","url":"https:\/\/www.newcom-fr.com","logo":"https:\/\/www.newcom-fr.com\/img\/front\/logo.png","address":{"@type":"PostalAddress","streetAddress":"76 rue Jean Jaurès","postalCode":"59410","addressLocality":"Anzin","addressCountry":"FR"},"contactPoint":{"@type":"ContactPoint","contactType":"customer support","telephone":"[03 27 28 27 90]","email":"[email protected]","sameAs":["https:\/\/www.facebook.com\/pages\/category\/Advertising-Agency\/Newcom-LObjet-Pub-567469149993648\/","https:\/\/www.instagram.com\/newcomlobjetpub\/","https:\/\/twitter.com\/Newcomcrea"]}}</script><script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"WebSite","url":"https:\/\/www.newcom-fr.com","name":"Newcom","potentialAction":{"@type":"SearchAction","target":"https:\/\/www.newcom-fr.com\/page\/techniques-de-marquage\/14?query={query}","query-input":"required name=query"}}</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/www.newcom-fr.com","name":"Accueil"}}]}</script> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff">  <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin=""> <link rel="preload" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900&amp;display=swap" as="style"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900&amp;display=swap" type="text/css"> <link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico"> <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"> <link rel="apple-touch-icon" href="/apple-icon.png"> <link rel="stylesheet" href="/front/css/app.css?id=4e98a06a155c463cb82ad47f1fc9ddd3"> <style type="text/css"> :root { --marketing-action-bg-color: #9900ff ;  } </style> <meta name="google-captcha-public-key" content="6LfcBG0aAAAAAM-UShi8Zlg7iBRZpTXv_-aYi3h7">  </head> <body>  <header role="banner">  <div x-data="App.Partials.Banner" class="relative w-full overflow-hidden h-16 sm:h-8 bg-black text-white text-center text-spaced-sm top-banner js-top-banner"> <div x-ref="bannerContainer" class="absolute top-0 w-full h-full transition-all duration-500" style="top: 0px;">  <div>  <a href="/page/responsabilite-sociale-et-environnementale/35">  <p><strong>Certification RSE <span style="color: #fdf65f;">Ecovadis PLATINIUM</span></strong> - Newcom dans le top 1% des entreprises en 2023</p>  </a>  </div>  <div>  <p>Beaux, utiles, durables, <strong>des textiles et objets publicitaire</strong> à votre image</p>  </div>  </div> </div>  <div x-data="App.Partials.Navigation" class="bg-white relative pb-4 md:pb-0 pt-6 md:pt-10 text-body-xs md:text-body-2xs lg:text-body-sm layout"> <div class="2xl:container"> <div class="flex flex-wrap md:flex-nowrap items-center md:gap-x-8 xl:gap-x-12 md:mb-8"> <div @nav-open.window="$el.click()" @click="navToggle('0');" class="order-1 s-6 mr-4 md:hidden"> <i class="i-menu s-6"></i> </div> <div class="order-2 md:order-1 w-[140px] md:w-40 lg:w-[195px]"> <a href="https://www.newcom-fr.com" title="Newcom" aria-label="Newcom"> <picture> <img src="https://www.newcom-fr.com/img/front/logo.svg" alt="Newcom" width="195" height="28" class="w-full"> </picture> </a> </div> <form action="https://www.newcom-fr.com/page/recherche/101" class="w-full md:w-80 lg:w-96 order-3 md:order-2 mt-5 md:mt-0" x-data="{ active: false }"> <div class="input-wrapper input-wrapper-search mb-0"> <input type="text" class="input-search text-body-xs md:text-body-2xs lg:text-body-sm pr-14 focus:pr-24" :class="active ? 'pr-24' : 'pr-14 focus:pr-24'" placeholder="Rechercher un produit à personnaliser" value="" name="query" x-ref="input" x-on:keyup="active = $refs.input.value.length" x-init="active = $refs.input.value.length"> <div class="input-actions before:absolute before:left-1/2 before:top-0 before:bottom-0 before:w-px before:-translate-x-[calc(-50%+2px)] before:transition-colors before:duration-200 before:bg-transparent" :class="active ? 'before:bg-grey-500' : 'before:bg-transparent'"> <div class="input-i inline-flex flex-center pointer-events-none opacity-0" :class="active ? 'opacity-100' : 'pointer-events-none opacity-0'" x-on:click="$refs.input.value = ''; $refs.input.focus(); active = false;"> <i class="i-times-lg s-3"></i> </div> <button class="input-i" type="submit" aria-label="Rechercher"> <i class="i-search h-full w-full"></i> </button> </div> </div> </form> <ul class="flex-grow flex items-center gap-x-4 md:gap-x-2 lg:gap-x-6 justify-end order-2 md:order-3 text-spaced-2xs md:text-spaced-xs lg:text-spaced-sm !font-semibold text-left"> <li class="inline-flex" x-data="{ isOpen: false }">  <a @contact-layer.window="$el.click()" @click.prevent="isOpen = true; document.body.classList.add('overflow-hidden');" href="https://www.newcom-fr.com/page/contact/100" class="link link-ui-black inline-flex items-center gap-x-2 uppercase" aria-label="Contact"> <i class="v-phone-alt s-8 md:s-6 xl:s-8"></i> <span class="hidden md:block text-left">On vous accompagne</span> </a>  <div x-transition:enter="transition-appear ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition-appear ease-out duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" x-show="isOpen" @keyup.escape.window="isOpen = false; document.body.classList.remove('overflow-hidden');" class="sm:layout fixed top-0 left-0 h-full w-full flex flex-start sm:flex-center before:bg-black/60 before:absolute before:z-10 before:abs-full z-30 sm:overflow-y-scroll scrollbar-none" @click.self="isOpen = false; document.body.classList.remove('overflow-hidden');" style="display: none;"> <div class="relative bg-white max-w-[840px] z-20 overflow-y-scroll sm:overflow-y-auto scrollbar-none"> <div class="absolute -top-20 -right-20 sm:-top-16 sm:-right-16 w-44 h-44 bg-gradient-radial z-10"></div> <span @click="isOpen = false; document.body.classList.remove('overflow-hidden');" class="absolute top-4 right-4 text-white hoverable:hover:text-purple transition-colors cursor-pointer z-10"> <i class="i-times-lg s-6 md:s-8"></i> </span> <picture class="relative hidden sm:block sm:aspect-auto before:opacity-5 before:bg-black before:absolute before:top-0 before:left-0 before:h-full before:w-full"> <source type="image/webp" data-srcset="https://www.newcom-fr.com/img/front/contact/team-desktop.webp" class="lazy"> <img data-src="https://www.newcom-fr.com/img/front/contact/team-desktop.jpeg" alt="Equipe Newcom" height="277" width="840" class="lazy h-full w-full object-cover"> </picture> <picture class="relative block sm:hidden aspect-auto before:opacity-5 before:bg-black before:absolute before:top-0 before:left-0 before:h-full before:w-full"> <source type="image/webp" data-srcset="https://www.newcom-fr.com/img/front/contact/team-mobile.webp" class="lazy"> <img data-src="https://www.newcom-fr.com/img/front/contact/team-mobile.jpeg" alt="Equipe Newcom" height="277" width="840" class="lazy h-full w-full object-cover"> </picture> <div class="grid grid-cols-1 md:grid-cols-2"> <div class="bg-purple-lighter p-8 md:p-10"> <div class="text-purple uppercase text-spaced-sm font-semibold mb-3"> On vous accompagne </div> <div class="text-heading-lg md:text-heading-xl font-extrabold mb-4 md:mb-6"> Une question, besoin d’un devis, un conseil ? </div> <a href="tel:0327288280" class="flex items-center link link-ui-black gap-x-4"> <i class="v-phone-alt s-9"></i> <div> <div class="text-body-xl font-semibold"> 03 27 28 82 80 </div> <div class="text-body-sm"> Du lundi au vendredi de 9h00 à 17h00 </div> </div> </a> </div> <div class="p-8 md:p-10"> <a href="https://www.newcom-fr.com/page/contact/100?form=callback" class="flex w-full justify-between md:w-auto md:justify-start items-center gap-x-4 link link-ui-black mb-5"> <div> <div class="text-body-md font-bold"> Être rappelé </div> <p class="text-body-sm"> Notre équipe commerciale vous recontactera sous 24h ouvrés. </p> </div> <i class="i-arrow-sm -rotate-90 s-8"></i> </a> <a href="https://www.newcom-fr.com/page/contact/100" class="flex w-full justify-between md:w-auto md:justify-start items-center gap-x-4 link link-ui-black mb-5"> <div> <div class="text-body-md font-bold"> Envoyer un e-mail </div> <p class="text-body-sm"> Laissez-vous guider par notre formulaire pour préciser votre demande. </p> </div> <i class="i-arrow-sm -rotate-90 s-8"></i> </a>  <a href="https://www.newcom-fr.com/page/nos-agences/12" title="Nous rendre visite" class="flex w-full justify-between md:w-auto md:justify-start items-center gap-x-4 link link-ui-black"> <div> <div class="text-body-md font-bold"> Nous rendre visite </div> <p class="text-body-sm"> Venez découvrir nos produits directement dans l’une de nos agences. </p> </div> <i class="i-arrow-sm -rotate-90 s-8"></i> </a>  </div> </div> </div> </div> </li> <li class="hidden md:inline-flex">  <a href="https://www.newcom-fr.com/login" class="link link-ui-black inline-flex items-center gap-x-2 uppercase" title="Mon compte"> <i class="i-user s-8 md:s-6 xl:s-8"></i>  <span class="hidden md:block">Mon compte</span>  </a>  </li> <li class="inline-flex relative" :class="scrolled ? '' : 'relative'" x-data="App.Modules.Quote.QuoteCart"> <input x-ref="productCount" type="hidden" name="product_count" value="0">  <a href="https://www.newcom-fr.com/page/devis/102" class="link link-ui-black inline-flex items-center gap-x-2 uppercase"> <div class="relative s-8 md:s-6 xl:s-8"> <i class="i-quote s-8 md:s-6 xl:s-8"></i> <span x-ref="productCountDisplay" class="absolute bottom-1 -right-1 s-5 md:s-4 xl:s-5 bg-purple rounded-full text-body-xs md:text-body-2xs xl:text-body-xs inline-flex flex-center text-white" x-text="productCount">0</span> </div> <span class="hidden md:block">Mon devis</span> </a>  <div class="fixed h-full w-full md:h-auto md:w-[408px] top-0 left-0 md:left-auto right-0 bottom-0 md:bottom-auto z-[200] md:shadow-box-square md:absolute md:-right-1 lg:-right-2 md:top-[calc(100%+20px)]" :class="scrolled ? 'md:fixed md:right-5 md:top-5' : ' md:absolute md:-right-1 lg:-right-2 md:top-[calc(100%+20px)]'" x-transition:enter="transition-appear ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition-appear ease-out duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" x-show="isCartOpen &amp;&amp; products &amp;&amp; products.length > 0" style="display: none;"> <div class="bg-black/60 md:bg-purple absolute right-0 w-full md:w-24 lg:w-32 h-full md:h-2 top-0 md:-top-2" :class="scrolled ? 'md:hidden' : ''"></div> <div class="absolute bottom-0 left-0 right-0 md:relative rounded-t-2xl md:rounded-none w-full bg-white z-10" @click.outside="closeCart();"> <div class="px-10 pt-10 pb-6"> <div class="flex items-center text-purple text-heading-md font-extrabold mb-6 gap-x-3"> <i class="i-check s-6"></i> <span class="flex-grow" x-text="products.length > 1 ? 'Produits ajoutés !' : 'Produit ajouté !'">Produit ajouté !</span> <div class="text-right text-black hoverable:hover:text-purple transition-colors h-7 cursor-pointer" @click="closeCart();"> <i class="i-times s-7"></i> </div> </div> <template x-for="(product, index) in products.slice(0, 3)" :key="product.id"> <div class="flex items-center gap-x-4 mb-6"> <span class="flex-none block s-24 shrink-0 overflow-hidden"> <x-template x-show="!product.media"> <picture class="bg-lemon flex flex-center s-24"> <img data-src="https://www.newcom-fr.com/img/front/logo.svg" class="lazy max-w-[75%] mx-auto w-full h-full object-contain" height="96" width="96"> </picture> </x-template> <x-template x-show="product.media"> <span x-html="product.media"></span> </x-template> </span> <div class="text-body-md"> <div> <span class="uppercase font-bold" x-text="product.name"></span> <span x-text="product.short_description"></span> </div> <div class="text-grey-600 text-body-sm"> <x-template x-show="product.color"> Coloris : <span x-text="product.color"></span><br> </x-template> <x-template x-show="product.quantity"> Quantité : <span x-text="product.quantity"></span> </x-template> </div> </div> </div> </template> <template x-if="products.length > 3"> <div class="font-bold text-purple mb-5 text-body-md text-center"> et <span x-text="products.length - 3"></span> <span x-text="products.length - 3 === 1 ? 'autre produit' : 'autres produits'"></span> </div> </template> <a href="https://www.newcom-fr.com/page/devis/102" class="btn btn-ui-purple w-full btn-s-md"> Finaliser ma demande </a> </div> <div class="bg-purple-lighter flex justify-center items-center gap-x-0.5 p-4 text-body-sm"> <i class="i-check s-4"></i> Devis envoyé <span class="font-bold text-purple">sous 24H</span> </div> </div> </div> </li> </ul> </div>  <nav class="items-center hidden md:flex gap-x-6 xl:gap-x-12"> <ul class="flex items-center gap-x-6 xl:gap-x-12">   <li> <a @click.prevent="navToggle('1');" href="/objets-publicitaires/rub-2" class="relative link link-ui-black pb-3 font-bold before:transition-[right] before:absolute before:-bottom-1 before:left-0 before:right-full before:bg-purple before:h-2 hoverable:hover:before:right-0 " :class="{ 'before:!right-0': '', 'inline-flex items-center gap-2': '' }"> <span style=" "> Tous nos goodies </span>  </a> </li>    <li> <a @click.prevent="navToggle('2');" href="" class="relative link link-ui-black pb-3 font-bold before:transition-[right] before:absolute before:-bottom-1 before:left-0 before:right-full before:bg-purple before:h-2 hoverable:hover:before:right-0 " :class="{ 'before:!right-0': '', 'inline-flex items-center gap-2': '' }"> <span style=" "> Nos spécialités </span>  </a> </li>    <li> <a @click.prevent="navToggle('3');" href="/inspirations/rub-400" class="relative link link-ui-black pb-3 font-bold before:transition-[right] before:absolute before:-bottom-1 before:left-0 before:right-full before:bg-purple before:h-2 hoverable:hover:before:right-0 " :class="{ 'before:!right-0': '', 'inline-flex items-center gap-2': '' }"> <span style=" "> Nos thématiques </span>  </a> </li>    <li> <a @click.prevent="navToggle('4');" href="/marques" class="relative link link-ui-black pb-3 font-bold before:transition-[right] before:absolute before:-bottom-1 before:left-0 before:right-full before:bg-purple before:h-2 hoverable:hover:before:right-0 " :class="{ 'before:!right-0': '', 'inline-flex items-center gap-2': '' }"> <span style=" "> Nos marques </span>  </a> </li>    <li> <a href="/made-in-france/rub-452" class="relative link link-ui-black pb-3 font-bold before:transition-[right] before:absolute before:-bottom-1 before:left-0 before:right-full before:bg-purple before:h-2 hoverable:hover:before:right-0 " :class="{ 'before:!right-0': '', 'inline-flex items-center gap-2': '' }"> <span style=" "> Made in France </span>  </a> </li>    <li> <a href="/eco-responsables/rub-454" class="relative link link-ui-black pb-3 font-bold before:transition-[right] before:absolute before:-bottom-1 before:left-0 before:right-full before:bg-purple before:h-2 hoverable:hover:before:right-0 inline-flex items-center gap-2" :class="{ 'before:!right-0': '', 'inline-flex items-center gap-2': '1' }"> <span style=" "> Goodies Éco </span>  <i class="v-badge-eco s-4"></i>  </a> </li>   </ul> <ul class="flex-grow flex items-center justify-end gap-x-6 xl:gap-x-12"> <li> <a href="https://www.newcom-fr.com/page/nos-catalogues/41" class="link link-ui-black pb-3"> Nos catalogues </a> </li>  <li> <a href="https://www.newcom-fr.com/page/entreprise/172" class="link link-ui-black pb-3"> 30 ans de savoir-faire </a> </li>  </ul> </nav>  </div>  <nav x-show="isNavOpen" @click.self="navClose();" class="navigation-overlay" x-ref="sidebar" style="top: 32px; height: calc(100% - 32px); display: none;"> <div x-transition:enter="navigation-trans" x-transition:enter-start="navigation-trans-entry-start" x-transition:enter-end="navigation-trans-entry-end" class="navigation-entry md:max-w-[408px]"> <div class="layout relative z-50 md:navigation-header pb-4 pt-6"> <div class="2xl:container"> <div class="flex flex-wrap items-center"> <div class="order-1 flex md:justify-between items-center md:gap-x-4 md:w-full md:mb-6"> <button type="button" @click="navClose();" class="md:order-2 s-6 mr-4 md:size-auto md:mr-0 md:inline-flex md:items-center md:gap-x-2 md:text-body-sm hoverable:hover:text-purple" aria-label="Fermer"> <span class="hidden md:block"> Fermer </span> <i class="i-times s-6 md:i-times-lg md:s-5"></i> </button> <div class="md:order-1 w-[140px]"> <a href="https://www.newcom-fr.com" title="Newcom" aria-label="Newcom"> <picture> <img src="https://www.newcom-fr.com/img/front/logo.svg" alt="Newcom" width="140" height="20" class="w-full"> </picture> </a> </div> </div> <form action="https://www.newcom-fr.com/page/recherche/101" class="w-full order-3 mt-5 md:mt-0" x-data="{ active: false }"> <div class="input-wrapper input-wrapper-search mb-0"> <input type="text" class="input-search text-body-xs md:h-[42px] md:text-body-2xs lg:text-body-sm pr-14 focus:pr-24" :class="active ? 'pr-24' : 'pr-14 focus:pr-24'" placeholder="Rechercher un produit à personnaliser" value="" name="query" x-ref="input" x-on:keyup="active = $refs.input.value.length" x-init="active = $refs.input.value.length"> <div class="input-actions before:absolute before:left-1/2 before:top-0 before:bottom-0 before:w-px before:-translate-x-[calc(-50%+2px)] before:transition-colors before:duration-200 before:bg-transparent" :class="active ? 'before:bg-grey-500' : 'before:bg-transparent'"> <div class="input-i inline-flex flex-center pointer-events-none opacity-0" :class="active ? 'opacity-100' : 'pointer-events-none opacity-0'" x-on:click="$refs.input.value = ''; $refs.input.focus(); active = false"> <i class="i-times-lg s-3"></i> </div> <button class="input-i" type="submit" aria-label="Rechercher"> <i class="i-search h-full w-full"></i> </button> </div> </div> </form> <ul class="flex-grow flex items-center gap-x-4 justify-end order-2 text-spaced-2xs font-semibold md:hidden"> <li class="inline-flex"> <button @click="$dispatch('contact-layer'); $dl.push({ event: 'cta_layercontact' })" type="button" class="link link-ui-black inline-flex items-center gap-x-2 uppercase" aria-label="Nous contacter"> <i class="v-phone-alt s-8"></i> </button> </li> <li class="inline-flex relative" x-data="App.Modules.Quote.QuoteCart"> <input x-ref="productCount" type="hidden" name="product_count" value="0"> <a href="https://www.newcom-fr.com/page/devis/102" class="link link-ui-black inline-flex items-center gap-x-2 uppercase"> <div class="relative s-8"> <i class="i-quote s-8"></i> <span x-ref="productCountDisplay" class="absolute bottom-1 -right-1 s-5 bg-purple rounded-full text-body-xs inline-flex flex-center text-white" x-text="productCount">0</span> </div> </a> </li> </ul> </div> </div> </div> <div x-show="currentIndex == '0'" class="navigation-list__wrapper gap-y-0" style="display: none;"> <ul class="navigation-list flex-grow">   <li>  <button @click="navToggle(1);" class="navigation-item border-b border-b-grey-400 font-bold" aria-label="Tous nos goodies"> Tous nos goodies <i class="i-arrow-sm s-6 -rotate-90"></i> </button>  </li>    <li>  <button @click="navToggle(2);" class="navigation-item border-b border-b-grey-400 font-bold" aria-label="Nos spécialités"> Nos spécialités <i class="i-arrow-sm s-6 -rotate-90"></i> </button>  </li>    <li>  <button @click="navToggle(3);" class="navigation-item border-b border-b-grey-400 font-bold" aria-label="Nos thématiques"> Nos thématiques <i class="i-arrow-sm s-6 -rotate-90"></i> </button>  </li>    <li>  <button @click="navToggle(4);" class="navigation-item border-b border-b-grey-400 font-bold" aria-label="Nos marques"> Nos marques <i class="i-arrow-sm s-6 -rotate-90"></i> </button>  </li>    <li>  <a href="/made-in-france/rub-452" class="navigation-item border-b border-b-grey-400 font-bold"> Made in France </a>  </li>    <li>  <a href="/eco-responsables/rub-454" class="navigation-item border-b border-b-grey-400 font-bold"> Goodies Éco </a>  </li>   </ul> <div> <div> <a href="https://www.newcom-fr.com/login" class="navigation-item font-normal justify-start border-b border-b-grey-400 bg-grey-300 gap-x-6"> <i class="i-user s-8"></i> Mon compte </a> </div> <div> <a @click.prevent="$dispatch('contact-layer'); $dl.push({ event: 'cta_layercontact' })" href="tel:0327288280" class="navigation-item font-normal justify-start bg-grey-300 gap-x-6" title="On vous accompagne"> <i class="v-phone-alt s-8"></i> <div class="leading-5"> On vous accompagne<br> <span class="underline font-extrabold"> 03 27 28 82 80 </span> </div> </a> </div> <div class="bg-black py-4 px-5 text-white text-body-md font-semibold flex flex-col gap-y-4">  <a href="https://www.newcom-fr.com/page/nos-catalogues/41" title="Nos catalogues" class="link link-ui-white"> Nos catalogues </a>   <a href="https://www.newcom-fr.com/page/entreprise/172" title="30 ans de savoir-faire" class="link link-ui-white"> 30 ans de savoir-faire </a>   <a href="https://www.newcom-fr.com/page/nos-agences/12" title="Nos 4 agences" class="link link-ui-white"> Nos 4 agences </a>  </div> </div> </div>   <div x-show="currentIndex == '1'" class="navigation-list__wrapper" style="display: none;"> <div class="layout-px md:px-10 mt-4 flex items-center gap-x-3 text-heading-md font-extrabold text-purple"> <span @click="navToggle('0')" class="s-6 md:hidden"> <i class="i-arrow-sm rotate-90 s-6"></i> </span> Tous nos goodies </div> <ul class="navigation-list">     <li>  <button @click="navToggleChild('9');" :class="{ 'bg-purple-lighter font-semibold': currentChildIndex == '9' }" class="navigation-item" aria-label="Textile publicitaire"> Textile publicitaire <i class="i-arrow-sm s-6 -rotate-90"></i> </button> <nav x-show="currentChildIndex == '9'" x-transition:enter="navigation-trans" x-transition:enter-start="navigation-trans-start" x-transition:enter-end="navigation-trans-end" class="navigation-subentry" style="display: none;"> <div class="hidden lg:navigation-header"></div> <div class="navigation-list__wrapper"> <div class="layout-px md:px-10 mt-4 flex items-center gap-x-3 text-heading-md font-extrabold text-purple"> <span @click="navToggleChild('9')" class="s-6 md:hidden"> <i class="i-arrow-sm rotate-90 s-6"></i> </span> Textile publicitaire </div> <ul class="navigation-list">   <li>  <a href="/vestes-sans-manches-bodywarmer/rub-515" class="navigation-item "> Doudoune, Blouson sans manche, Bodywarmer </a>  </li>    <li>  <button @click="navToggleSubChild('62');" :class="{ 'bg-purple-lighter font-semibold': currentSubChildIndex == '62' }" class="navigation-item" aria-label="Veste &amp; Parka"> Veste &amp; Parka <i class="i-arrow-sm s-6 -rotate-90"></i> </button> <nav x-show="currentSubChildIndex == '62'" x-transition:enter="navigation-trans" x-transition:enter-start="navigation-trans-start" x-transition:enter-end="navigation-trans-end" class="navigation-subentry top-0" style="display: none;"> <div class="hidden lg:navigation-header"></div> <div class="navigation-list__wrapper"> <div class="layout-px md:px-10 mt-4 flex items-center gap-x-3 text-heading-md font-extrabold text-purple"> <span @click="navToggleSubChild('62')" class="s-6 md:hidden"> <i class="i-arrow-sm rotate-90 s-6"></i> </span> Veste &amp; Parka </div> <ul class="navigation-list">    <li> <a href="/veste-softshell/rub-530" class="navigation-item "> Veste softshell </a> </li>    <li> <a href="/parka-coupe-vents/rub-531" class="navigation-item "> Parka, Coupe-vent </a> </li>    <li> <a href="/vestes/rub-19" class="navigation-item font-bold"> Voir tout </a> </li>    </ul> </div> </nav>  </li>    <li>  <button @click="navToggleSubChild('56');" :class="{ 'bg-purple-lighter font-semibold': currentSubChildIndex == '56' }" class="navigation-item" aria-label="Sweat-shirt, Polaire &amp; Pull"> Sweat-shirt, Polaire &amp; Pull <i class="i-arrow-sm s-6 -rotate-90"></i> </button> <nav x-show="currentSubChildIndex == '56'" x-transition:enter="navigation-trans" x-transition:enter-start="navigation-trans-start" x-transition:enter-end="navigation-trans-end" class="navigation-subentry top-0" style="display: none;"> <div class="hidden lg:navigation-header"></div> <div class="navigation-list__wrapper"> <div class="layout-px md:px-10 mt-4 flex items-center gap-x-3 text-heading-md font-extrabold text-purple"> <span @click="navToggleSubChild('56')" class="s-6 md:hidden"> <i class="i-arrow-sm rotate-90 s-6"></i> </span> Sweat-shirt, Polaire &amp; Pull </div> <ul class="navigation-list">    <li> <a href="/sweats/rub-524" class="navigation-item "> Sweat </a> </li>    <li> <a href="/vestes-polaires/rub-516" class="navigation-item "> Veste polaire </a> </li>      <li> <a href="/hoodie-sweat-a-capuche/rub-571" class="navigation-item "> Hoodie, sweat à capuche </a> </li>    <li> <a href="/pulls-a-motifs/rub-523" class="navigation-item "> Pulls de Noël </a> </li>    <li> <a href="/sweat-shirts/rub-18" class="navigation-item font-bold"> Voir tout </a> </li>    </ul> </div> </nav>  </li>    <li>  <a href="/t-shirts/rub-17" class="navigation-item "> T-shirt </a>  </li>    <li>  <a href="/polos/rub-15" class="navigation-item "> Polo </a>  </li>    <li>  <a href="/chemises/rub-16" class="navigation-item "> Chemise </a>  </li>    <li>  <a href="/echarpes-gants-bonnets/rub-181" class="navigation-item "> Echarpe, Gant &amp; Bonnet </a>  </li>    <li>  <a href="/casquettes/rub-21" class="navigation-item "> Casquette, Bob &amp; Chapeau </a>  </li>    <li>  <a href="/chaussettes/rub-559" class="navigation-item "> Chaussette </a>  </li>    <li>  <button @click="navToggleSubChild('60');" :class="{ 'bg-purple-lighter font-semibold': currentSubChildIndex == '60' }" class="navigation-item" aria-label="Serviette, Fouta &amp; Plaid"> Serviette, Fouta &amp; Plaid <i class="i-arrow-sm s-6 -rotate-90"></i> </button> <nav x-show="currentSubChildIndex == '60'" x-transition:enter="navigation-trans" x-transition:enter-start="navigation-trans-start" x-transition:enter-end="navigation-trans-end" class="navigation-subentry top-0" style="display: none;"> <div class="hidden lg:navigation-header"></div> <div class="navigation-list__wrapper"> <div class="layout-px md:px-10 mt-4 flex items-center gap-x-3 text-heading-md font-extrabold text-purple"> <span @click="navToggleSubChild('60')" class="s-6 md:hidden"> <i class="i-arrow-sm rotate-90 s-6"></i> </span> Serviette, Fouta &amp; Plaid </div> <ul class="navigation-list">    <li> <a href="/plaids/rub-558" class="navigation-item "> Plaid </a> </li>    <li> <a href="/foutas/rub-544" class="navigation-item "> Fouta </a> </li>    <li> <a href="/serviettes/rub-568" class="navigation-item "> Serviette </a> </li>    <li> <a href="/serviettes-plaids/rub-503" class="navigation-item font-bold"> Voir tout </a> </li>    </ul> </div> </nav>  </li>    <li>  <a href="/vetements-de-sport/rub-260" class="navigation-item "> Vêtement de sport </a>  </li>    <li>  <a href="/pantalons-et-jupes/rub-532" class="navigation-item "> Pantalon &amp; Jupe </a>  </li>    <li>  <a href="/chaussures-et-chaussons/rub-542" class="navigation-item "> Chaussure &amp; Chausson </a>  </li>    <li>  <a href="/textile-publicitaire/rub-11" class="navigation-item font-bold"> Voir tout </a>  </li>   </ul> </div> </nav>  </li>      <li>  <button @click="navToggleChild('8');" :class="{ 'bg-purple-lighter font-semibold': currentChildIndex == '8' }" class="navigation-item" aria-label="Ecriture &amp; Bureau"> Ecriture &amp; Bureau <i class="i-arrow-sm s-6 -rotate-90"></i> </button> <nav x-show="currentChildIndex == '8'" x-transition:enter="navigation-trans" x-transition:enter-start="navigation-trans-start" x-transition:enter-end="navigation-trans-end" class="navigation-subentry" style="display: none;"> <div class="hidden lg:navigation-header"></div> <div class="navigation-list__wrapper"> <div class="layout-px md:px-10 mt-4 flex items-center gap-x-3 text-heading-md font-extrabold text-purple"> <span @click="navToggleChild('8')" class="s-6 md:hidden"> <i class="i-arrow-sm rotate-90 s-6"></i> </span> Ecriture &amp; Bureau </div> <ul class="navigation-list">   <li>  <button @click="navToggleSubChild('80');" :class="{ 'bg-purple-lighter font-semibold': currentSubChildIndex == '80' }" class="navigation-item" aria-label="Ecriture - Stylos"> Ecriture - Stylos <i class="i-arrow-sm s-6 -rotate-90"></i> </button> <nav x-show="currentSubChildIndex == '80'" x-transition:enter="navigation-trans" x-transition:enter-start="navigation-trans-start" x-transition:enter-end="navigation-trans-end" class="navigation-subentry top-0" style="display: none;"> <div class="hidden lg:navigation-header"></div> <div class="navigation-list__wrapper"> <div class="layout-px md:px-10 mt-4 flex items-center gap-x-3 text-heading-md font-extrabold text-purple"> <span @click="navToggleSubChild('80')" class="s-6 md:hidden"> <i class="i-arrow-sm rotate-90 s-6"></i> </span> Ecriture - Stylos </div> <ul class="navigation-list">    <li> <a href="/stylos-bille/rub-292" class="navigation-item "> Stylos bille </a> </li>    <li> <a href="/stylos-metal/rub-585" class="navigation-item "> Stylos métal </a> </li>    <li> <a href="/parures-stylos-personnalisables/rub-587" class="navigation-item "> Parures </a> </li>    <li> <a href="/stylos-de-marque-personnalises/rub-586" class="navigation-item "> Stylos de Marques </a> </li>    <li> <a href="/crayons-papier-porte-mines/rub-91" class="navigation-item "> Crayons &amp; porte-mines </a> </li>    <li> <a href="/surligneurs/rub-33" class="navigation-item "> Surligneurs &amp; feutres </a> </li>    <li> <a href="/crayons-de-couleur/rub-173" class="navigation-item "> Coloriage &amp; écriture enfant </a> </li>    <li> <a href="/ecriture/rub-286" class="navigation-item font-bold"> Voir tout </a> </li>    </ul> </div> </nav>  </li>    <li>  <button @click="navToggleSubChild('74');" :class="{ 'bg-purple-lighter font-semibold': currentSubChildIndex == '74' }" class="navigation-item" aria-label="Carnets &amp; Papeterie"> Carnets &amp; Papeterie <i class="i-arrow-sm s-6 -rotate-90"></i> </button> <nav x-show="currentSubChildIndex == '74'" x-transition:enter="navigation-trans" x-transition:enter-start="navigation-trans-start" x-transition:enter-end="navigation-trans-end" class="navigation-subentry top-0" style="display: none;"> <div class="hidden lg:navigation-header"></div> <div class="navigation-list__wrapper"> <div class="layout-px md:px-10 mt-4 flex items-center gap-x-3 text-heading-md font-extrabold text-purple"> <span @click="navToggleSubChild('74')" class="s-6 md:hidden"> <i class="i-arrow-sm rotate-90 s-6"></i> </span> Carnets &amp; Papeterie </div> <ul class="navigation-list">    <li> <a href="/carnets/rub-546" class="navigation-item "> Carnets </a> </li>    <li> <a href="/blocs-notes-memos/rub-37" class="navigation-item "> Blocs-Notes &amp; mémos </a> </li>    <li> <a href="/calendriers-agenda/rub-522" class="navigation-item "> Agendas et calendriers </a> </li>    <li> <a href="/carte-de-voeux/rub-521" class="navigation-item "> Carte de voeux </a> </li>    <li> <a href="/calendrier-de-l-avent/rub-572" class="navigation-item "> Calendrier de l'Avent </a> </li>    <li> <a href="/papeterie/rub-283" class="navigation-item font-bold"> Voir tout </a> </li>    </ul> </div> </nav>  </li>    <li>  <a href="/pots-a-crayons/rub-501" class="navigation-item "> Pots à crayons </a>  </li>    <li>  <a href="/lampes-de-bureau/rub-526" class="navigation-item "> Lampes de bureau </a>  </li>    <li>  <a href="/souris-tapis/rub-500" class="navigation-item "> Souris &amp; Tapis </a>  </li>    <li>  <a href="/conferenciers-porte-documents/rub-30" class="navigation-item "> Conférenciers &amp; Porte-documents </a>  </li>    <li>  <a href="/office/rub-3" class="navigation-item font-bold"> Voir tout </a>  </li>   </ul> </div> </nav>  </li>      <li>  <button @click="navToggleChild('16');" :class="{ 'bg-purple-lighter font-semibold': currentChildIndex == '16' }" class="navigation-item" aria-label="Bagagerie &amp; Sacs"> Bagagerie &amp; Sacs <i class="i-arrow-sm s-6 -rotate-90"></i> </button> <nav x-show="currentChildIndex == '16'" x-transition:enter="navigation-trans" x-transition:enter-start="navigation-trans-start" x-transition:enter-end="navigation-trans-end" class="navigation-subentry" style="display: none;"> <div class="hidden lg:navigation-header"></div> <div class="navigation-list__wrapper"> <div class="layout-px md:px-10 mt-4 flex items-center gap-x-3 text-heading-md font-extrabold text-purple"> <span @click="navToggleChild('16')" class="s-6 md:hidden"> <i class="i-arrow-sm rotate-90 s-6"></i> </span> Bagagerie &amp; Sacs </div> <ul class="navigation-list">   <li>  <a href="/sacs-shopping/rub-22" class="navigation-item "> Tote bags &amp; sacs shopping </a>  </li>    <li>  <a href="/sacs-a-dos/rub-256" class="navigation-item "> Sacs à dos </a>  </li>    <li>  <a href="/sacs-bananes/rub-565" class="navigation-item "> Sacs bananes </a>  </li>    <li>  <a href="/sacoches/rub-144" class="navigation-item "> Sacoches ordinateur </a>  </li>    <li>  <a href="/sacs-de-voyage-valises/rub-25" class="navigation-item "> Sacs de voyage &amp; valises </a>  </li>    <li>  <a href="/trousses-de-toilette-personnalisables/rub-569" class="navigation-item "> Trousses de toilette </a>  </li>    <li>  <a href="/sacs-isothermes-glacieres-personnalisables/rub-217" class="navigation-item "> Sacs isotherme &amp; Glacières </a>  </li>    <li>  <a href="/accessoires-de-voyage/rub-505" class="navigation-item "> Accessoires de voyage </a>  </li>    <li>  <a href="/bagagerie-sacs/rub-5" class="navigation-item font-bold"> Voir tout </a>  </li>   </ul> </div> </nav>  </li>      <li>  <button @click="navToggleChild('97');" :class="{ 'bg-purple-lighter font-semibold': currentChildIndex == '97' }" class="navigation-item" aria-label="Parapluies"> Parapluies <i class="i-arrow-sm s-6 -rotate-90"></i> </button> <nav x-show="currentChildIndex == '97'" x-transition:enter="navigation-trans" x-transition:enter-start="navigation-trans-start" x-transition:enter-end="navigation-trans-end" class="navigation-subentry" style="display: none;"> <div class="hidden lg:navigation-header"></div> <div class="navigation-list__wrapper"> <div class="layout-px md:px-10 mt-4 flex items-center gap-x-3 text-heading-md font-extrabold text-purple"> <span @click="navToggleChild('97')" class="s-6 md:hidden"> <i class="i-arrow-sm rotate-90 s-6"></i> </span> Parapluies </div> <ul class="navigation-list">   <li>  <a href="/parapluies-droits/rub-514" class="navigation-item "> Parapluies droits </a>  </li>    <li>  <a href="/parapluies-pliables/rub-513" class="navigation-item "> Parapluies pliables </a>  </li>    <li>  <a href="/parapluies/rub-74" class="navigation-item font-bold"> Voir tout </a>  </li>   </ul> </div> </nav>  </li>      <li>  <button @click="navToggleChild('17');" :class="{ 'bg-purple-lighter font-semibold': currentChildIndex == '17' }" class="navigation-item" aria-label="Drinkware"> Drinkware <i class="i-arrow-sm s-6 -rotate-90"></i> </button> <nav x-show="currentChildIndex == '17'" x-transition:enter="navigation-trans" x-transition:enter-start="navigation-trans-start" x-transition:enter-end="navigation-trans-end" class="navigation-subentry" style="display: none;"> <div class="hidden lg:navigation-header"></div> <div class="navigation-list__wrapper"> <div class="layout-px md:px-10 mt-4 flex items-center gap-x-3 text-heading-md font-extrabold text-purple"> <span @click="navToggleChild('17')" class="s-6 md:hidden"> <i class="i-arrow-sm rotate-90 s-6"></i> </span> Drinkware </div> <ul class="navigation-list">   <li>  <a href="/gourdes-bouteilles/rub-504" class="navigation-item "> Gourdes &amp; Bouteilles </a>  </li>    <li>  <a href="/gobelets-et-verres-en-tritan-personnalisables/rub-303" class="navigation-item "> Gobelets </a>  </li>    <li>  <a href="/verres-personnalisables/rub-545" class="navigation-item "> Verres </a>  </li>    <li>  <a href="/mugs-tasses/rub-264" class="navigation-item "> Mugs &amp; Tasses </a>  </li>    <li>  <a href="/drinkware/rub-8" class="navigation-item font-bold"> Voir tout </a>  </li>   </ul> </div> </nav>  </li>      <li>  <button @click="navToggleChild('18');" :class="{ 'bg-purple-lighter font-semibold': currentChildIndex == '18' }" class="navigation-item" aria-label="High-Tech &amp; Multimédia"> High-Tech &amp; Multimédia <i class="i-arrow-sm s-6 -rotate-90"></i> </button> <nav x-show="currentChildIndex == '18'" x-transition:enter="navigation-trans" x-transition:enter-start="navigation-trans-start" x-transition:enter-end="navigation-trans-end" class="navigation-subentry" style="display: none;"> <div class="hidden lg:navigation-header"></div> <div class="navigation-list__wrapper"> <div class="layout-px md:px-10 mt-4 flex items-center gap-x-3 text-heading-md font-extrabold text-purple"> <span @click="navToggleChild('18')" class="s-6 md:hidden"> <i class="i-arrow-sm rotate-90 s-6"></i> </span> High-Tech &amp; Multimédia </div> <ul class="navigation-list">   <li>  <a href="/batteries-externes/rub-251" class="navigation-item "> Batteries externes </a>  </li>    <li>  <button @click="navToggleSubChild('126');" :class="{ 'bg-purple-lighter font-semibold': currentSubChildIndex == '126' }" class="navigation-item" aria-label="Câbles de charge &amp; chargeurs induction"> Câbles de charge &amp; chargeurs induction <i class="i-arrow-sm s-6 -rotate-90"></i> </button> <nav x-show="currentSubChildIndex == '126'" x-transition:enter="navigation-trans" x-transition:enter-start="navigation-trans-start" x-transition:enter-end="navigation-trans-end" class="navigation-subentry top-0" style="display: none;"> <div class="hidden lg:navigation-header"></div> <div class="navigation-list__wrapper"> <div class="layout-px md:px-10 mt-4 flex items-center gap-x-3 text-heading-md font-extrabold text-purple"> <span @click="navToggleSubChild('126')" class="s-6 md:hidden"> <i class="i-arrow-sm rotate-90 s-6"></i> </span> Câbles de charge &amp; chargeurs induction </div> <ul class="navigation-list">    <li> <a href="/cables-chargeurs/rub-573" class="navigation-item "> Câbles de charge </a> </li>    <li> <a href="/chargeurs-inductions/rub-574" class="navigation-item "> Chargeurs induction </a> </li>    <li> <a href="/chargeurs-usb-cables/rub-53" class="navigation-item font-bold"> Voir tout </a> </li>    </ul> </div> </nav>  </li>    <li>  <a href="/support-telephone-personnalise/rub-566" class="navigation-item "> Support téléphone </a>  </li>    <li>  <a href="/casques-ecouteurs/rub-49" class="navigation-item "> Casques &amp; écouteurs </a>  </li>    <li>  <a href="/haut-parleurs-enceinte-bluetooth/rub-502" class="navigation-item "> Haut-parleurs &amp; enceinte bluetooth </a>  </li>    <li>  <a href="/cles-usb/rub-48" class="navigation-item "> Clés USB </a>  </li>    <li>  <a href="/electronique/rub-536" class="navigation-item "> Electronique </a>  </li>    <li>  <a href="/montres-horlogerie/rub-10" class="navigation-item "> Montres &amp; Horlogerie </a>  </li>    <li>  <a href="/high-tech-multimedia/rub-9" class="navigation-item font-bold"> Voir tout </a>  </li>   </ul> </div> </nav>  </li>      <li>  <button @click="navToggleChild('21');" :class="{ 'bg-purple-lighter font-semibold': currentChildIndex == '21' }" class="navigation-item" aria-label="Signalétique &amp; PLV"> Signalétique &amp; PLV <i class="i-arrow-sm s-6 -rotate-90"></i> </button> <nav x-show="currentChildIndex == '21'" x-transition:enter="navigation-trans" x-transition:enter-start="navigation-trans-start" x-transition:enter-end="navigation-trans-end" class="navigation-subentry" style="display: none;"> <div class="hidden lg:navigation-header"></div> <div class="navigation-list__wrapper"> <div class="layout-px md:px-10 mt-4 flex items-center gap-x-3 text-heading-md font-extrabold text-purple"> <span @click="navToggleChild('21')" class="s-6 md:hidden"> <i class="i-arrow-sm rotate-90 s-6"></i> </span> Signalétique &amp; PLV </div> <ul class="navigation-list">   <li>  <a href="/roll-up-kakemono-publicitaires/rub-576" class="navigation-item "> Roll-up &amp; Kakémono </a>  </li>    <li>  <a href="/beach-flags-drapeaux-baches-publicitaires/rub-297" class="navigation-item "> Beach Flags, Drapeaux &amp; bâches publicitaires </a>  </li>    <li>  <a href="/tentes-domes-publicitaires/rub-517" class="navigation-item "> Tentes &amp; Dômes publicitaires </a>  </li>    <li>  <a href="/comptoirs-publicitaires/rub-518" class="navigation-item "> Comptoirs publicitaires </a>  </li>    <li>  <a href="/publicite-sur-lieu-de-vente-plv/rub-304" class="navigation-item font-bold"> Voir tout </a>  </li>   </ul> </div> </nav>  </li>      <li>  <button @click="navToggleChild('34');" :class="{ 'bg-purple-lighter font-semibold': currentChildIndex == '34' }" class="navigation-item" aria-label="Sport &amp; Loisir"> Sport &amp; Loisir <i class="i-arrow-sm s-6 -rotate-90"></i> </button> <nav x-show="currentChildIndex == '34'" x-transition:enter="navigation-trans" x-transition:enter-start="navigation-trans-start" x-transition:enter-end="navigation-trans-end" class="navigation-subentry" style="display: none;"> <div class="hidden lg:navigation-header"></div> <div class="navigation-list__wrapper"> <div class="layout-px md:px-10 mt-4 flex items-center gap-x-3 text-heading-md font-extrabold text-purple"> <span @click="navToggleChild('34')" class="s-6 md:hidden"> <i class="i-arrow-sm rotate-90 s-6"></i> </span> Sport &amp; Loisir </div> <ul class="navigation-list">   <li>  <a href="/accessoires-de-loisirs/rub-78" class="navigation-item "> Accessoires de loisirs </a>  </li>    <li>  <a href="/accessoires-de-sport/rub-80" class="navigation-item "> Accessoires de sport </a>  </li>    <li>  <a href="/sport-loisirs/rub-4" class="navigation-item font-bold"> Voir tout </a>  </li>   </ul> </div> </nav>  </li>      <li>  <button @click="navToggleChild('23');" :class="{ 'bg-purple-lighter font-semibold': currentChildIndex == '23' }" class="navigation-item" aria-label="Trophée &amp; Médaille"> Trophée &amp; Médaille <i class="i-arrow-sm s-6 -rotate-90"></i> </button> <nav x-show="currentChildIndex == '23'" x-transition:enter="navigation-trans" x-transition:enter-start="navigation-trans-start" x-transition:enter-end="navigation-trans-end" class="navigation-subentry" style="display: none;"> <div class="hidden lg:navigation-header"></div> <div class="navigation-list__wrapper"> <div class="layout-px md:px-10 mt-4 flex items-center gap-x-3 text-heading-md font-extrabold text-purple"> <span @click="navToggleChild('23')" class="s-6 md:hidden"> <i class="i-arrow-sm rotate-90 s-6"></i> </span> Trophée &amp; Médaille </div> <ul class="navigation-list">   <li>  <a href="/medaille-personnalisee/rub-581" class="navigation-item "> Médaille personnalisée </a>  </li>    <li>  <a href="/trophee-personnalise/rub-580" class="navigation-item "> Trophée personnalisé </a>  </li>    <li>  <a href="/trophee-medaille/rub-579" class="navigation-item font-bold"> Voir tout </a>  </li>   </ul> </div> </nav>  </li>      <li>  <button @click="navToggleChild('19');" :class="{ 'bg-purple-lighter font-semibold': currentChildIndex == '19' }" class="navigation-item" aria-label="Outil, sécurité &amp; santé"> Outil, sécurité &amp; santé <i class="i-arrow-sm s-6 -rotate-90"></i> </button> <nav x-show="currentChildIndex == '19'" x-transition:enter="navigation-trans" x-transition:enter-start="navigation-trans-start" x-transition:enter-end="navigation-trans-end" class="navigation-subentry" style="display: none;"> <div class="hidden lg:navigation-header"></div> <div class="navigation-list__wrapper"> <div class="layout-px md:px-10 mt-4 flex items-center gap-x-3 text-heading-md font-extrabold text-purple"> <span @click="navToggleChild('19')" class="s-6 md:hidden"> <i class="i-arrow-sm rotate-90 s-6"></i> </span> Outil, sécurité &amp; santé </div> <ul class="navigation-list">   <li>  <a href="/couteaux/rub-64" class="navigation-item "> Couteaux </a>  </li>    <li>  <a href="/lampes-torches/rub-62" class="navigation-item "> Lampes-torches </a>  </li>    <li>  <a href="/accessoires-reflechissants/rub-42" class="navigation-item "> Accessoires réfléchissants </a>  </li>    <li>  <a href="/outils-pinces-multifonctions/rub-63" class="navigation-item "> Outils &amp; Pinces multifonctions </a>  </li>    <li>  <a href="/kit-de-secours/rub-132" class="navigation-item "> Santé &amp; Kit de secours </a>  </li>    <li>  <a href="/accessoires-voiture/rub-150" class="navigation-item "> Accessoires voiture </a>  </li>    <li>  <a href="/accessoires-antivols/rub-512" class="navigation-item "> Accessoires Antivols </a>  </li>    <li>  <a href="/regles-mesureurs/rub-511" class="navigation-item "> Règles &amp; mesureurs </a>  </li>    <li>  <a href="/outils-securite-sante/rub-6" class="navigation-item font-bold"> Voir tout </a>  </li>   </ul> </div> </nav>  </li>      <li>  <button @click="navToggleChild('20');" :class="{ 'bg-purple-lighter font-semibold': currentChildIndex == '20' }" class="navigation-item" aria-label="Art de vivre &amp; Maison"> Art de vivre &amp; Maison <i class="i-arrow-sm s-6 -rotate-90"></i> </button> <nav x-show="currentChildIndex == '20'" x-transition:enter="navigation-trans" x-transition:enter-start="navigation-trans-start" x-transition:enter-end="navigation-trans-end" class="navigation-subentry" style="display: none;"> <div class="hidden lg:navigation-header"></div> <div class="navigation-list__wrapper"> <div class="layout-px md:px-10 mt-4 flex items-center gap-x-3 text-heading-md font-extrabold text-purple"> <span @click="navToggleChild('20')" class="s-6 md:hidden"> <i class="i-arrow-sm rotate-90 s-6"></i> </span> Art de vivre &amp; Maison </div> <ul class="navigation-list">   <li>  <a href="/bougie-personnalisee/rub-575" class="navigation-item "> Bougies </a>  </li>    <li>  <a href="/planche-a-decouper/rub-584" class="navigation-item "> Planches à découper </a>  </li>    <li>  <a href="/vins-champagnes-spiritueux/rub-540" class="navigation-item "> Vins, Champagnes et Spiritueux </a>  </li>    <li>  <a href="/lunch-box-boites-a-gouter-personnalisables/rub-506" class="navigation-item "> Lunch box &amp; boîtes à goûter </a>  </li>    <li>  <a href="/bien-etre/rub-13" class="navigation-item "> Bien-être </a>  </li>    <li>  <a href="/couverts-personnalisables/rub-557" class="navigation-item "> Couverts </a>  </li>    <li>  <a href="/sommelier/rub-563" class="navigation-item "> Sommeliers </a>  </li>    <li>  <a href="/accessoires-de-cuisine-tablier/rub-61" class="navigation-item "> Tabliers </a>  </li>    <li>  <a href="/autour-du-vin/rub-221" class="navigation-item "> Autour du vin </a>  </li>    <li>  <a href="/accessoires-de-cuisine/rub-539" class="navigation-item "> Accessoires de cuisine </a>  </li>    <li>  <a href="/maison/rub-537" class="navigation-item "> Maison </a>  </li>    <li>  <a href="/jardin-barbecue/rub-135" class="navigation-item "> Jardin &amp; BBQ </a>  </li>      <li>  <a href="/art-de-vivre-maison/rub-7" class="navigation-item font-bold"> Voir tout </a>  </li>   </ul> </div> </nav>  </li>      <li>  <button @click="navToggleChild('22');" :class="{ 'bg-purple-lighter font-semibold': currentChildIndex == '22' }" class="navigation-item" aria-label="Goodies utiles"> Goodies utiles <i class="i-arrow-sm s-6 -rotate-90"></i> </button> <nav x-show="currentChildIndex == '22'" x-transition:enter="navigation-trans" x-transition:enter-start="navigation-trans-start" x-transition:enter-end="navigation-trans-end" class="navigation-subentry" style="display: none;"> <div class="hidden lg:navigation-header"></div> <div class="navigation-list__wrapper"> <div class="layout-px md:px-10 mt-4 flex items-center gap-x-3 text-heading-md font-extrabold text-purple"> <span @click="navToggleChild('22')" class="s-6 md:hidden"> <i class="i-arrow-sm rotate-90 s-6"></i> </span> Goodies utiles </div> <ul class="navigation-list">   <li>  <a href="/porte-cles/rub-75" class="navigation-item "> Porte-clés </a>  </li>    <li>  <a href="/bracelets/rub-507" class="navigation-item "> Bracelets </a>  </li>    <li>  <a href="/badges-pins/rub-197" class="navigation-item "> Badges &amp; Pin's </a>  </li>    <li>  <a href="/lunettes/rub-76" class="navigation-item "> Lunettes </a>  </li>    <li>  <a href="/tours-de-cou-lanyards/rub-296" class="navigation-item "> Tours de cou &amp; Lanyards </a>  </li>    <li>  <a href="/confiseries-et-bonbons-personnalisables/rub-567" class="navigation-item "> Confiseries et Bonbons </a>  </li>    <li>  <a href="/bonbons-confiseries-chocolat/rub-228" class="navigation-item "> Chocolats </a>  </li>    <li>  <a href="/bouteilles-deau-canettes/rub-508" class="navigation-item "> Bouteilles d'eau &amp; Canettes </a>  </li>    <li>  <a href="/briquets-boite-dallumettes-personnalisables/rub-510" class="navigation-item "> Briquets &amp; Boîtes d'allumettes </a>  </li>    <li>  <a href="/accessoires-supporters/rub-509" class="navigation-item "> Accessoires supporters </a>  </li>    <li>  <a href="/goodies/rub-298" class="navigation-item font-bold"> Voir tout </a>  </li>   </ul> </div> </nav>  </li>      <li>  <a href="/objets-publicitaires/rub-2" class="navigation-item font-bold"> Voir tout </a>  </li>     </ul>    </div>    <div x-show="currentIndex == '2'" class="navigation-list__wrapper" style="display: none;"> <div class="layout-px md:px-10 mt-4 flex items-center gap-x-3 text-heading-md font-extrabold text-purple"> <span @click="navToggle('0')" class="s-6 md:hidden"> <i class="i-arrow-sm rotate-90 s-6"></i> </span> Nos spécialités </div> <ul class="navigation-list">     <li class="mb-4 px-5 md:px-10"> <a href="/cse/rub-457" class="flex flex-center group relative h-[136px]"> <picture class="absolute abs-full z-0 before:bg-navigation-picture before:absolute before:abs-full bg-cover bg-center bg-no-repeat" style="background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgADAAeAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A7nx9Zx2VwPM78V5Jc+H7QXckpOC7V7Z8VolMqEjoa8VQmbVpUckqG4FenWbueZh0nE3IPhMmpaLPMkTOxXK4rw7xT8Pp7C+MbIVOTxX3x4DtIh4QjbYMmPr+FfPXxSto/wC3HOwD5jXl0r+2d+p6c3+7S7H/2Q==)"> <source class="lazy" type="image/webp" data-srcset="https://www.newcom-fr.com/storage/menu/35032/cse-okjpg___main_335_136.webp 335w" data-sizes="335px"> <img class="lazy w-full h-full object-cover" data-srcset="https://www.newcom-fr.com/storage/menu/35032/cse-okjpg___main_335_136.jpg 335w" data-sizes="335px" alt="CSE-OK.jpg"> </picture>   <div class="relative z-10 text-white text-body-2xl font-bold flex items-center justify-between gap-x-4 w-full pl-6 pr-4"> <div> CSE </div> <span class="group-hover:animate-slide"> <i class="i-arrow-sm s-8 -rotate-90"></i> </span> </div> </a> </li>      <li class="mb-4 px-5 md:px-10"> <a href="/bde-et-grandes-ecoles/rub-456" class="flex flex-center group relative h-[136px]"> <picture class="absolute abs-full z-0 before:bg-navigation-picture before:absolute before:abs-full bg-cover bg-center bg-no-repeat" style="background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgADAAeAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A98034jWl1pPmxSDJHrXG+IvjrHoepWUKTAh3wwzXlOuXk2laVILaQxgDjFeU6vdS32q6bJM5ZjIMmuXD0XOC5tz2cRVhSxElFe6j6j8X/E+7utbtpLd/3OAcV7j4R1T+1tEt52PzMozXxsL2Vr+BC2VCivpf4c3sv9gxDdwBW2Ly+pgmpTldM8vB5tSzC8KcHFxP/9k=)"> <source class="lazy" type="image/webp" data-srcset="https://www.newcom-fr.com/storage/menu/35033/grandes-ecoles-2jpg___main_335_136.webp 335w" data-sizes="335px"> <img class="lazy w-full h-full object-cover" data-srcset="https://www.newcom-fr.com/storage/menu/35033/grandes-ecoles-2jpg___main_335_136.jpg 335w" data-sizes="335px" alt="Grandes-ecoles-2.jpg"> </picture>   <div class="relative z-10 text-white text-body-2xl font-bold flex items-center justify-between gap-x-4 w-full pl-6 pr-4"> <div> Grandes écoles </div> <span class="group-hover:animate-slide"> <i class="i-arrow-sm s-8 -rotate-90"></i> </span> </div> </a> </li>      <li class="mb-4 px-5 md:px-10"> <a href="/agricado/rub-455" class="flex flex-center group relative h-[136px]"> <picture class="absolute abs-full z-0 before:bg-navigation-picture before:absolute before:abs-full bg-cover bg-center bg-no-repeat" style="background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgADAAeAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A7nVvhbpumRTPJqCbSOpNedr4DsZLiX7HqEUrjsDWF8UvFGpPoMZ+0sC45waw/gGGvteHnyPJlu7VySmoq7R0Rg27XPevhvbv4V83zQd7qQDXmXjq2+167cS+YF3MTya941K0ihlhRFwNteF/GOyitNViaHKF+uDV1LU1fuZ05Oq7bH//2Q==)"> <source class="lazy" type="image/webp" data-srcset="https://www.newcom-fr.com/storage/menu/35034/agricolejpg___main_335_136.webp 335w, https://www.newcom-fr.com/storage/menu/35034/agricolejpg___main_280_113.webp 280w" data-sizes="335px"> <img class="lazy w-full h-full object-cover" data-srcset="https://www.newcom-fr.com/storage/menu/35034/agricolejpg___main_335_136.jpg 335w, https://www.newcom-fr.com/storage/menu/35034/agricolejpg___main_280_113.jpg 280w" data-sizes="335px" alt="agricole.jpg"> </picture>   <div class="relative z-10 text-white text-body-2xl font-bold flex items-center justify-between gap-x-4 w-full pl-6 pr-4"> <div> Monde Agricole </div> <span class="group-hover:animate-slide"> <i class="i-arrow-sm s-8 -rotate-90"></i> </span> </div> </a> </li>      <li class="mb-4 px-5 md:px-10"> <a href="/special-exposant-salon-creez-du-trafic-sur-votre-stand/rub-543" class="flex flex-center group relative h-[136px]"> <picture class="absolute abs-full z-0 before:bg-navigation-picture before:absolute before:abs-full bg-cover bg-center bg-no-repeat" style="background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgADAAeAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A+x7v4y+GfFDm0hvIzJ6bqyZ49KvbncJVIUZJzX53/CvW76bxvIHuHI9M19FNr19bRzCOdgPLPesJVGkk+p3/AFZOU+XZHtVj460fw54mTbdR+V0Y7ulenWvxBsobcT2kqvHKeoNflV4m8Y6uNR1DF4/EhxzX0J8HPE+pXfgy2Mty7kepr1ZYVUY3vueEsU6rta1j/9k=)"> <source class="lazy" type="image/webp" data-srcset="https://www.newcom-fr.com/storage/menu/35035/exposantjpg___main_335_136.webp 335w" data-sizes="335px"> <img class="lazy w-full h-full object-cover" data-srcset="https://www.newcom-fr.com/storage/menu/35035/exposantjpg___main_335_136.jpg 335w" data-sizes="335px" alt="exposant.jpg"> </picture>   <div class="relative z-10 text-white text-body-2xl font-bold flex items-center justify-between gap-x-4 w-full pl-6 pr-4"> <div> Exposants / Salon </div> <span class="group-hover:animate-slide"> <i class="i-arrow-sm s-8 -rotate-90"></i> </span> </div> </a> </li>     </ul>    </div>    <div x-show="currentIndex == '3'" class="navigation-list__wrapper" style="display: none;"> <div class="layout-px md:px-10 mt-4 flex items-center gap-x-3 text-heading-md font-extrabold text-purple"> <span @click="navToggle('0')" class="s-6 md:hidden"> <i class="i-arrow-sm rotate-90 s-6"></i> </span> Nos thématiques </div> <ul class="navigation-list">     <li>  <a href="/nouveautes" class="navigation-item "> Nouveautés </a>  </li>      <li>  <a href="/cadeaux-daffaires/rub-401" class="navigation-item "> Cadeaux d'affaires </a>  </li>      <li>  <a href="/les-repas-nomades/rub-562" class="navigation-item "> Repas Nomade </a>  </li>      <li>  <a href="/les-indispensables-au-travail/rub-570" class="navigation-item "> Les indispensables au travail </a>  </li>      <li>  <a href="/sobriete-energetique-equiper-vos-collaborateurs-de-vetement-chauds-est-utile/rub-555" class="navigation-item "> Sobriété énergétique </a>  </li>      <li>  <a href="/express/rub-453" class="navigation-item "> Livraison en Express </a>  </li>      <li>  <a href="/octobre-rose/rub-553" class="navigation-item "> Octobre rose </a>  </li>      <li>  <a href="/noel-chargez-votre-hotte-avec-lobjet-publicitaire/rub-554" class="navigation-item "> Notre sélection spéciale Noël </a>  </li>      <li>  <a href="/idees-nature/rub-58" class="navigation-item "> Idées nature </a>  </li>      <li>  <button @click="navToggleChild('6');" :class="{ 'bg-purple-lighter font-semibold': currentChildIndex == '6' }" class="navigation-item" aria-label="Sur-mesure"> Sur-mesure <i class="i-arrow-sm s-6 -rotate-90"></i> </button> <nav x-show="currentChildIndex == '6'" x-transition:enter="navigation-trans" x-transition:enter-start="navigation-trans-start" x-transition:enter-end="navigation-trans-end" class="navigation-subentry" style="display: none;"> <div class="hidden lg:navigation-header"></div> <div class="navigation-list__wrapper"> <div class="layout-px md:px-10 mt-4 flex items-center gap-x-3 text-heading-md font-extrabold text-purple"> <span @click="navToggleChild('6')" class="s-6 md:hidden"> <i class="i-arrow-sm rotate-90 s-6"></i> </span> Sur-mesure </div> <ul class="navigation-list">   <li>  <a href="/onboarding-welcome-pack-newcom/rub-525" class="navigation-item "> Welcome Pack </a>  </li>    <li>  <a href="/actualite/tipii-by-newcom/88" class="navigation-item "> Album photo </a>  </li>   </ul> </div> </nav>  </li>     </ul>      </div>    <div x-show="currentIndex == '4'" class="navigation-list__wrapper" style="display: none;"> <div class="layout-px md:px-10 mt-4 flex items-center gap-x-3 text-heading-md font-extrabold text-purple"> <span @click="navToggle('0')" class="s-6 md:hidden"> <i class="i-arrow-sm rotate-90 s-6"></i> </span> Nos marques </div> <ul class="navigation-list">     <li>  <a href="/marques/opinel/rub-65" class="navigation-item "> Opinel </a>  </li>      <li>  <a href="/marques/gobi/rub-48" class="navigation-item "> Gobi </a>  </li>      <li>  <a href="/marques/epc/rub-61" class="navigation-item "> Champagne EPC </a>  </li>      <li>  <a href="/marques/lexon/rub-6" class="navigation-item "> Lexon </a>  </li>      <li>  <a href="/marques/rituals/rub-70" class="navigation-item "> Rituals </a>  </li>      <li>  <a href="/marques/carandache/rub-71" class="navigation-item "> Carand'ache </a>  </li>      <li>  <a href="/marques/victorinox/rub-24" class="navigation-item "> Victorinox </a>  </li>      <li>  <a href="/marques/parker/rub-17" class="navigation-item "> Parker </a>  </li>      <li>  <a href="/marques/xoopar/rub-2" class="navigation-item "> Xoopar </a>  </li>      <li>  <a href="/marques/cross/rub-16" class="navigation-item "> Cross </a>  </li>      <li>  <a href="/marques" class="navigation-item "> Toutes les marques de A à Z </a>  </li>     </ul>      </div>    <div x-show="currentIndex == '179'" class="navigation-list__wrapper" style="display: none;"> <div class="layout-px md:px-10 mt-4 flex items-center gap-x-3 text-heading-md font-extrabold text-purple"> <span @click="navToggle('0')" class="s-6 md:hidden"> <i class="i-arrow-sm rotate-90 s-6"></i> </span> Made in France </div> <ul class="navigation-list">  </ul>    </div>    <div x-show="currentIndex == '5'" class="navigation-list__wrapper" style="display: none;"> <div class="layout-px md:px-10 mt-4 flex items-center gap-x-3 text-heading-md font-extrabold text-purple"> <span @click="navToggle('0')" class="s-6 md:hidden"> <i class="i-arrow-sm rotate-90 s-6"></i> </span> Goodies Éco </div> <ul class="navigation-list">  </ul>      </div>   </div> </nav>  </div> </header>  <main>   <section class="md:layout bg-grey-300 pt-10 md:pt-11"> <div class="md:container"> <div class="layout md:px-0"> <h1 class="text-center text-heading-lg md:text-heading-3xl !font-extrabold"> Depuis <span class="bg-lemon leading-none inline-block">30 ans</span>, nous personnalisons avec soin ce qui se fait de mieux en matière de goodies </h1> </div> </div> </section> <section class="md:layout bg-grey-300 pt-10 md:pt-11 md:pb-[90px]"> <div class="md:container"> <div class="grid grid-cols-1 xs:grid-cols-2 md:grid-cols-3 md:gap-6">  <div x-data="" @click="$refs.link.click()" :class="'group cursor-pointer'" class="col-span-1 order-1 xs:order-2 md:order-1 relative justify-center items-end inline-flex aspect-square xs:aspect-auto md:aspect-square group cursor-pointer">  <picture class="abs-full z-[1] before:bg-cms-block before:absolute before:bottom-0 before:left-0 before:w-full before:top-1/4 bg-cover bg-center bg-no-repeat" style="background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgAIAAgAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A+6WfFZ7aiUmYMMKO9Lf6nDZ/6xguayLvUobi3kEcql2HGDXwjlrY+zSKV38TtNs7t4HkAZTg810Oj63DrNsJoG3Ka+TviH52n6/JiQku/Y17x8KJ2j8PwBjyVB5qYTutVqbzoqKvF6G94y0G61eDbbEh/Wuc8O/DXVYbrzLm6bZ6Zr1IDHalyTWyUU7nLzS2R4x4x+DS6nqayqxck5Jrs/DfhqTRraKHsgxXZGIHk0eWKhxV7o1VWXLys//Z)"> <source class="lazy entered" type="image/webp" data-srcset="https://www.newcom-fr.com/storage/blocks/35320/welcomepack-hpjpg___main_477_477.webp 477w, https://www.newcom-fr.com/storage/blocks/35320/welcomepack-hpjpg___main_399_399.webp 399w, https://www.newcom-fr.com/storage/blocks/35320/welcomepack-hpjpg___main_333_333.webp 333w" data-sizes="520px" data-ll-status="entered" sizes="520px" srcset="https://www.newcom-fr.com/storage/blocks/35320/welcomepack-hpjpg___main_477_477.webp 477w, https://www.newcom-fr.com/storage/blocks/35320/welcomepack-hpjpg___main_399_399.webp 399w, https://www.newcom-fr.com/storage/blocks/35320/welcomepack-hpjpg___main_333_333.webp 333w"> <img class="lazy object-cover h-full w-full entered loaded" data-srcset="https://www.newcom-fr.com/storage/blocks/35320/welcomepack-hpjpg___main_477_477.jpg 477w, https://www.newcom-fr.com/storage/blocks/35320/welcomepack-hpjpg___main_399_399.jpg 399w, https://www.newcom-fr.com/storage/blocks/35320/welcomepack-hpjpg___main_333_333.jpg 333w" data-sizes="520px" alt="welcomepack-hp.jpg" data-ll-status="loaded" sizes="520px" srcset="https://www.newcom-fr.com/storage/blocks/35320/welcomepack-hpjpg___main_477_477.jpg 477w, https://www.newcom-fr.com/storage/blocks/35320/welcomepack-hpjpg___main_399_399.jpg 399w, https://www.newcom-fr.com/storage/blocks/35320/welcomepack-hpjpg___main_333_333.jpg 333w"> </picture>    <div class="px-5 md:px-7 py-12 md:p-10 z-[2] text-white text-center">  <h2 class="text-heading-xl md:text-heading-3xl !font-extrabold"> Welcome pack </h2>   <a href="/onboarding-welcome-pack-newcom/rub-525" class="text-body-sm md:text-body-md mt-2 md:mb-6" x-ref="link" @click="$dl.push({ event: 'blocs_hp' })"> La sélection de produits sur-mesure qui bichonne vos nouveaux collaborateurs !&nbsp; <span class="leading-none align-middle"> <i class="i-arrow s-4 group-hover:animate-slide"></i> </span> </a>  </div> </div>   <div x-data="" @click="$refs.link.click()" :class="'group cursor-pointer'" class="order-2 xs:order-1 md:order-2 xs:col-span-2 relative justify-center items-end inline-flex aspect-square xs:aspect-[600/291] md:aspect-auto md:h-full group cursor-pointer">  <picture class="abs-full z-[1] before:bg-cms-block before:absolute before:bottom-0 before:left-0 before:w-full before:top-1/4 bg-cover bg-center bg-no-repeat" style="background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgADwAeAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A+nfEfxTe18ZpaFtkK9c1jD42wz6xfW8U4k2qcBfWsD4zeELmLWnvIZQoZT3rw34TCW1+JN1Hcnzkycg81hCN73ZrzXtoe26X4zvvHR1PRiWV2zsJFep/DWwk8N6ClndyAyr1zXFeEdKtrfXZ7+OMIfatdJ7q91G5ZZMIOgqHeFlcptTu0rH/2Q==)"> <source type="image/webp" srcset="https://www.newcom-fr.com/storage/blocks/35038/textile___main_1680_816.webp 1680w, https://www.newcom-fr.com/storage/blocks/35038/textile___main_1405_682.webp 1405w, https://www.newcom-fr.com/storage/blocks/35038/textile___main_1176_571.webp 1176w, https://www.newcom-fr.com/storage/blocks/35038/textile___main_983_477.webp 983w, https://www.newcom-fr.com/storage/blocks/35038/textile___main_823_399.webp 823w, https://www.newcom-fr.com/storage/blocks/35038/textile___main_688_334.webp 688w, https://www.newcom-fr.com/storage/blocks/35038/textile___main_576_279.webp 576w, https://www.newcom-fr.com/storage/blocks/35038/textile___main_482_234.webp 482w, https://www.newcom-fr.com/storage/blocks/35038/textile___main_403_195.webp 403w" sizes="1060px"> <img srcset="https://www.newcom-fr.com/storage/blocks/35038/textile___main_1680_816.jpg 1680w, https://www.newcom-fr.com/storage/blocks/35038/textile___main_1405_682.jpg 1405w, https://www.newcom-fr.com/storage/blocks/35038/textile___main_1176_571.jpg 1176w, https://www.newcom-fr.com/storage/blocks/35038/textile___main_983_477.jpg 983w, https://www.newcom-fr.com/storage/blocks/35038/textile___main_823_399.jpg 823w, https://www.newcom-fr.com/storage/blocks/35038/textile___main_688_334.jpg 688w, https://www.newcom-fr.com/storage/blocks/35038/textile___main_576_279.jpg 576w, https://www.newcom-fr.com/storage/blocks/35038/textile___main_482_234.jpg 482w, https://www.newcom-fr.com/storage/blocks/35038/textile___main_403_195.jpg 403w" sizes="1060px" alt="textile" class="object-cover h-full w-full"> </picture>    <div class="p-10 z-[2] text-white text-center">  <h2 class="text-heading-xl md:text-heading-3xl !font-extrabold mb-4"> Textile publicitaire </h2>   <a href="/textile-publicitaire/rub-11" class="btn btn-ui-purple btn-s-sm w-28 group-hover:btn-ui-purple--hover" x-ref="link" @click="$dl.push({ event: 'blocs_hp' })"> Découvrir </a>  </div> </div>   <div class="order-3 xs:order-5 md:order-3 col-span-1 relative justify-center items-end inline-flex border-purple border-[16px] w-full aspect-square md:aspect-auto md:h-full cursor-pointer group" x-data="" @click="$refs.link.click()" :class="'cursor-pointer group'">  <picture class="abs-full z-[1] bg-cover bg-center bg-no-repeat" style="background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgAKwAgAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A/RoITS+XXPxeOLJ7tYdwBNaupakLa2WVeVbvXFh8dh8Xf2M1KxtOjOnbnViwye9V5I6hXUIVhEzzDGM4zXN6140SIlYecd68/MM6wWWRviJ2fbqa0cLVrv3Ecjq3hia01FJEkwFOetdM+tudH8hhuYDGa5l9elu5f3hzT7jUwsJXIya+Jy/G5W8DVrYOfs+mu57NeniHUjCquY5aLWdXg1eWOZma1J+X2q9NeBuXYL9TVLUr9oycDHvXNaj5+oONkpUj0r8xrYfEZjF4itNW79z34ctH3Yo6UXXoaas7bsls1QVjnrUhY4618ZeSXKnoepZEl6ROpBqjGiQCpJGPrVSYn1rWM58vs+bTsFle5//Z)"> <source class="lazy" type="image/webp" data-srcset="https://www.newcom-fr.com/storage/blocks/35039/realisations___main_816_1100.webp 816w, https://www.newcom-fr.com/storage/blocks/35039/realisations___main_682_919.webp 682w, https://www.newcom-fr.com/storage/blocks/35039/realisations___main_571_769.webp 571w, https://www.newcom-fr.com/storage/blocks/35039/realisations___main_477_643.webp 477w, https://www.newcom-fr.com/storage/blocks/35039/realisations___main_399_537.webp 399w, https://www.newcom-fr.com/storage/blocks/35039/realisations___main_334_450.webp 334w" data-sizes="630px"> <img class="lazy object-cover h-full w-full" data-srcset="https://www.newcom-fr.com/storage/blocks/35039/realisations___main_816_1100.jpg 816w, https://www.newcom-fr.com/storage/blocks/35039/realisations___main_682_919.jpg 682w, https://www.newcom-fr.com/storage/blocks/35039/realisations___main_571_769.jpg 571w, https://www.newcom-fr.com/storage/blocks/35039/realisations___main_477_643.jpg 477w, https://www.newcom-fr.com/storage/blocks/35039/realisations___main_399_537.jpg 399w, https://www.newcom-fr.com/storage/blocks/35039/realisations___main_334_450.jpg 334w" data-sizes="630px" alt="realisations"> </picture>     <a href="/page/realisations/53" class="w-full p-6 z-[2] flex items-end justify-between text-heading-xl lg:text-heading-3xl !font-extrabold text-white" x-ref="link" @click="$dl.push({ event: 'blocs_hp' })"> Nos<br>réalisations <div class="s-8 lg:h-auto lg:w-auto group-hover:animate-slide"> <i class="i-arrow-sm s-8 -rotate-90"></i> </div> </a>  </div>   <div class="order-4 xs:order-3 md:order-4 col-span-1 bg-white h-full"> <div x-data="App.Components.Sliders.BaseSlider" x-init="start()" class="slider-x-wrapper" @click="$dl.push({ event: 'blocs_hp' })"> <div class="slider-x slider-x-items-[1] gap-x-px slider-x-snap-center scrollbar-none" x-ref="wrapper">     <div class="slider-x-item"> <div class=" product product-xs sm:product-sm md:product-md group shadow-none " x-data="" @click="$refs.link.click()"> <div class="product-wrapper"> <div class="product-img">  <picture class=" bg-cover bg-center bg-no-repeat" style="background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgAIAAgAwERAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A/U52CjJ6UAeB/tD/ALUWj/BOw3yOs9x/zzU81ai2Zymoifs7ftSaP8brLdG6w3A/gY80OLQRmpHvqtuHFQaGX4ovTp+h3lwDgpExB/CmhPY/Ej9prx7f+MPiXqsNzcPJDHKyqpPA5rtirI8uo22S/svePr3wZ8TNLit7ho4JZQrKDweac1dCpydz9tPDN7/aOiWdxnPmRg5/CuA9VbGZ8R32eDtTP/TFv5U1uKWx+HHxj05o/G+qXGCS07dveu+Ox5U1qR/CKxZ/GumXABBSdefxolsKG5+5Hwym87wXpbZz+5X+VcD3PWjsbOu6UmtabPZyfclUqaNhtXPnLW/2HPCOvXMs9zGGd2LE4rRVGjF0kxNG/YZ8IaHOk1vHtdGDA0e0bBUkj6L8O6NHoOl29lF9yJQorI2Ssj//2Q==)"> <source type="image/webp" srcset="https://www.newcom-fr.com/storage/products/31515/newc2300180-vert-fonceu-jpg___main_2000_2000.webp 2000w, https://www.newcom-fr.com/storage/products/31515/newc2300180-vert-fonceu-jpg___main_1673_1673.webp 1673w, https://www.newcom-fr.com/storage/products/31515/newc2300180-vert-fonceu-jpg___main_1400_1400.webp 1400w, https://www.newcom-fr.com/storage/products/31515/newc2300180-vert-fonceu-jpg___main_1171_1171.webp 1171w, https://www.newcom-fr.com/storage/products/31515/newc2300180-vert-fonceu-jpg___main_979_979.webp 979w, https://www.newcom-fr.com/storage/products/31515/newc2300180-vert-fonceu-jpg___main_819_819.webp 819w, https://www.newcom-fr.com/storage/products/31515/newc2300180-vert-fonceu-jpg___main_685_685.webp 685w, https://www.newcom-fr.com/storage/products/31515/newc2300180-vert-fonceu-jpg___main_573_573.webp 573w, https://www.newcom-fr.com/storage/products/31515/newc2300180-vert-fonceu-jpg___main_480_480.webp 480w, https://www.newcom-fr.com/storage/products/31515/newc2300180-vert-fonceu-jpg___main_401_401.webp 401w, https://www.newcom-fr.com/storage/products/31515/newc2300180-vert-fonceu-jpg___main_336_336.webp 336w" sizes="(max-width: 1024px) 50vw, (max-width: 1440px) 33vw, 25vw"> <img srcset="https://www.newcom-fr.com/storage/products/31515/newc2300180-vert-fonceu-jpg___main_2000_2000.jpg 2000w, https://www.newcom-fr.com/storage/products/31515/newc2300180-vert-fonceu-jpg___main_1673_1673.jpg 1673w, https://www.newcom-fr.com/storage/products/31515/newc2300180-vert-fonceu-jpg___main_1400_1400.jpg 1400w, https://www.newcom-fr.com/storage/products/31515/newc2300180-vert-fonceu-jpg___main_1171_1171.jpg 1171w, https://www.newcom-fr.com/storage/products/31515/newc2300180-vert-fonceu-jpg___main_979_979.jpg 979w, https://www.newcom-fr.com/storage/products/31515/newc2300180-vert-fonceu-jpg___main_819_819.jpg 819w, https://www.newcom-fr.com/storage/products/31515/newc2300180-vert-fonceu-jpg___main_685_685.jpg 685w, https://www.newcom-fr.com/storage/products/31515/newc2300180-vert-fonceu-jpg___main_573_573.jpg 573w, https://www.newcom-fr.com/storage/products/31515/newc2300180-vert-fonceu-jpg___main_480_480.jpg 480w, https://www.newcom-fr.com/storage/products/31515/newc2300180-vert-fonceu-jpg___main_401_401.jpg 401w, https://www.newcom-fr.com/storage/products/31515/newc2300180-vert-fonceu-jpg___main_336_336.jpg 336w" sizes="(max-width: 1024px) 50vw, (max-width: 1440px) 33vw, 25vw" alt="NEWC2300180_ VERT FONCE╠ü .jpg" class="object-cover w-full h-full"> </picture>     <picture class=" bg-cover bg-center bg-no-repeat" style="background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgAIAAgAwERAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A/TcnFAHnHxJ+LFt4CubWKVdxmYLWcpqO5rCnKex0eleNrC/itv3yrJMoYLmq5kS4NHRo29cjkVRBT1e9FhZTTscBFJqZOyuVGPM7HxF8afE93418RhYnO2CT5cfWvEqVXKZ9lhcGuRLubngfWLyHX9Oa8nbYmF61pGUnNM6cRlfs6LaPsPSrhbmyhdDlSoOa9hbHws4uMmmQeILD+0tMntwcF1IpSV1YcJcskz488Z/DTVtF1qeRIHeIuW3AV4NSlKMrn3eCxMGldleG2m3WoAKyK4zWsHc+oryi6LaPrrwTLt8PWgY/NsGa9iOx+RYn+KzfuJRDGzt90DJqzlOG1bxbo+oyNZuFZ2O3kd65p2lodlLng+ZGNJ8O7BYDIsYLk7gcVjGjyo9SWZ1WuW+h1Wig2dmkX90YrsirI8OpLmk2f//Z)"> <source type="image/webp" srcset="https://www.newcom-fr.com/storage/products/31532/newc2300180-logo-jpg___main_2000_2000.webp 2000w, https://www.newcom-fr.com/storage/products/31532/newc2300180-logo-jpg___main_1673_1673.webp 1673w, https://www.newcom-fr.com/storage/products/31532/newc2300180-logo-jpg___main_1400_1400.webp 1400w, https://www.newcom-fr.com/storage/products/31532/newc2300180-logo-jpg___main_1171_1171.webp 1171w, https://www.newcom-fr.com/storage/products/31532/newc2300180-logo-jpg___main_979_979.webp 979w, https://www.newcom-fr.com/storage/products/31532/newc2300180-logo-jpg___main_819_819.webp 819w, https://www.newcom-fr.com/storage/products/31532/newc2300180-logo-jpg___main_685_685.webp 685w, https://www.newcom-fr.com/storage/products/31532/newc2300180-logo-jpg___main_573_573.webp 573w, https://www.newcom-fr.com/storage/products/31532/newc2300180-logo-jpg___main_480_480.webp 480w, https://www.newcom-fr.com/storage/products/31532/newc2300180-logo-jpg___main_401_401.webp 401w" sizes="(max-width: 1024px) 50vw, (max-width: 1440px) 33vw, 25vw"> <img srcset="https://www.newcom-fr.com/storage/products/31532/newc2300180-logo-jpg___main_2000_2000.jpg 2000w, https://www.newcom-fr.com/storage/products/31532/newc2300180-logo-jpg___main_1673_1673.jpg 1673w, https://www.newcom-fr.com/storage/products/31532/newc2300180-logo-jpg___main_1400_1400.jpg 1400w, https://www.newcom-fr.com/storage/products/31532/newc2300180-logo-jpg___main_1171_1171.jpg 1171w, https://www.newcom-fr.com/storage/products/31532/newc2300180-logo-jpg___main_979_979.jpg 979w, https://www.newcom-fr.com/storage/products/31532/newc2300180-logo-jpg___main_819_819.jpg 819w, https://www.newcom-fr.com/storage/products/31532/newc2300180-logo-jpg___main_685_685.jpg 685w, https://www.newcom-fr.com/storage/products/31532/newc2300180-logo-jpg___main_573_573.jpg 573w, https://www.newcom-fr.com/storage/products/31532/newc2300180-logo-jpg___main_480_480.jpg 480w, https://www.newcom-fr.com/storage/products/31532/newc2300180-logo-jpg___main_401_401.jpg 401w" sizes="(max-width: 1024px) 50vw, (max-width: 1440px) 33vw, 25vw" alt="NEWC2300180_ LOGO .jpg" class="object-cover w-full h-full"> </picture>     <div class="product-tag"> <span class="highlight highlight-ui-lemon-heading"> Culte </span> </div>  </div> <div class="product-inner"> <div class="product-label">   <div class="tag"> <i class="v v-badge-eco tag-v"></i> <span>Ecoresponsable</span> </div>  </div> <div class="product-content"> <div class="product-title">    <h2 class="line-clamp-3 md:line-clamp-2">  <span class="uppercase font-semibold xs:font-bold md:font-bold text-spaced-sm xs:text-spaced-md md:text-body-md">Native Spirit</span>  Sweat à capuche éco-responsable Propriano </h2> </div> <div class="product-price"> <div>  À partir de <span class="font-semibold"> 28.95€/HT </span>  </div>  <div> 32 coloris </div>  </div> <div class="product-action"> <a href="https://www.newcom-fr.com/sweat-a-capuche-ecoresponsable-ns401-p-3271" title="Sweat à capuche éco-responsable Propriano" class="hidden" x-ref="link"> En savoir plus </a> <div> <input type="hidden" name="product_variant_id"> <button type="button" class="btn btn-ui-purple btn-s-sm w-full font-semibold text-body-xs 2xs:text-body-sm" x-data="App.Modules.Quote.AddToQuote" x-bind:disabled="isAddedToQuote || isLoading" aria-label="Ajouter à mon devis" @click.stop=" $dl.push({ event: 'cta_ajout_devis' }); if (!$event.target.disabled) { addToQuote( false, [{ color_id: null, variant_id: 12086, product_id: 3271, quantity: null, }], )}"> <span x-show="!isLoading &amp;&amp; !isAddedToQuote">Ajouter à mon devis</span> <template x-if="isLoading"> <span class="flex gap-x-2 justify-center items-center"> <span>Ajouter à mon devis</span> <span class="s-4 border-2 border-white border-b-transparent rounded-full block animate-spin z-10 relative"></span> </span> </template> <template x-if="!isLoading &amp;&amp; isAddedToQuote"> <span class="flex gap-x-1 justify-center">Ajouté au devis <i class="i-check s-4"></i></span> </template> </button> </div> </div> </div> </div> </div> </div> </div>        <div class="slider-x-item"> <div class=" product product-xs sm:product-sm md:product-md group shadow-none " x-data="" @click="$refs.link.click()"> <div class="product-wrapper"> <div class="product-img">  <picture class=" bg-cover bg-center bg-no-repeat" style="background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgAIAAgAwERAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A/U8kCgBpmQdWA/GgBRIp6HNADs5oA57xzrzeG/Dt5fqNxhjLAfhTSuB+cnjX9tvxbJ4luoLaQW8EUhABPvXsUcHGau2Wo3Ol8A/t4arHdQw6liVNwDMDXDXpKnKyJasfcnw0+Idl8QtBhv7SQNuUEgHpXIItfEjTZNV8JajbRLud4iAPwpoD8Xfjp8NPFml+Lb9YtOuMNK2CiHnmuhVJLZibKPg/4X+NF0prybS7gRLzuKGocr7gj9CP2C5dai0u4t7+KWOFegcEVnIZ9nvGJAQRkHtUgc1qnw60HWJvNutNglf1ZBQA5fh7oSWZtV06BYTxtCCgC3oXhPTvDiFLC2S3U9dgxQB//9k=)"> <source type="image/webp" srcset="https://www.newcom-fr.com/storage/products/24735/bougie-newcom-4jpg___main_2000_2000.webp 2000w, https://www.newcom-fr.com/storage/products/24735/bougie-newcom-4jpg___main_1673_1673.webp 1673w, https://www.newcom-fr.com/storage/products/24735/bougie-newcom-4jpg___main_1399_1399.webp 1399w, https://www.newcom-fr.com/storage/products/24735/bougie-newcom-4jpg___main_1171_1171.webp 1171w, https://www.newcom-fr.com/storage/products/24735/bougie-newcom-4jpg___main_979_979.webp 979w, https://www.newcom-fr.com/storage/products/24735/bougie-newcom-4jpg___main_819_819.webp 819w" sizes="(max-width: 1024px) 50vw, (max-width: 1440px) 33vw, 25vw"> <img srcset="https://www.newcom-fr.com/storage/products/24735/bougie-newcom-4jpg___main_2000_2000.jpg 2000w, https://www.newcom-fr.com/storage/products/24735/bougie-newcom-4jpg___main_1673_1673.jpg 1673w, https://www.newcom-fr.com/storage/products/24735/bougie-newcom-4jpg___main_1399_1399.jpg 1399w, https://www.newcom-fr.com/storage/products/24735/bougie-newcom-4jpg___main_1171_1171.jpg 1171w, https://www.newcom-fr.com/storage/products/24735/bougie-newcom-4jpg___main_979_979.jpg 979w, https://www.newcom-fr.com/storage/products/24735/bougie-newcom-4jpg___main_819_819.jpg 819w" sizes="(max-width: 1024px) 50vw, (max-width: 1440px) 33vw, 25vw" alt="bougie-newcom-4.jpg" class="object-cover w-full h-full"> </picture>     <picture class=" bg-cover bg-center bg-no-repeat" style="background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgAHAAfAwERAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A+knVsV1XIK0qtTAqSo1SwKUoIPNIZ1U7JHGzZGQM4oA+Yvih+0Rf6D4il06zjChDgsa7aFD2vUtRuUfDf7S08kqx3qq2TyQamvSVJ2Bxse8eFvEVh4s05LmGRckcjNcpFrHkPxE+I/iDwD4sUXRZtOk4z2qCrHzb8aodW8RapJqWmRPLFL825Oa0jOUdmK9jhvBul+IoJna5t5No5y1KUpS3BM+kPgp46OlCeG6uBEoHRjSQz2n9pHR7S78GXM0sQaVFJVu4pMlHzT8LtZuW0a8icrIkedodc4pDOI8a+MtTt7mWKKRI054VcUXGcnomq3VzcOzzNk+hxQUf/9k=)"> <source type="image/webp" srcset="https://www.newcom-fr.com/storage/products/24342/quetzal-202413452jpg___main_2000_1797.webp 2000w, https://www.newcom-fr.com/storage/products/24342/quetzal-202413452jpg___main_1673_1503.webp 1673w, https://www.newcom-fr.com/storage/products/24342/quetzal-202413452jpg___main_1400_1257.webp 1400w, https://www.newcom-fr.com/storage/products/24342/quetzal-202413452jpg___main_1171_1052.webp 1171w, https://www.newcom-fr.com/storage/products/24342/quetzal-202413452jpg___main_979_879.webp 979w, https://www.newcom-fr.com/storage/products/24342/quetzal-202413452jpg___main_819_735.webp 819w, https://www.newcom-fr.com/storage/products/24342/quetzal-202413452jpg___main_685_615.webp 685w, https://www.newcom-fr.com/storage/products/24342/quetzal-202413452jpg___main_573_514.webp 573w" sizes="(max-width: 1024px) 50vw, (max-width: 1440px) 33vw, 25vw"> <img srcset="https://www.newcom-fr.com/storage/products/24342/quetzal-202413452jpg___main_2000_1797.jpg 2000w, https://www.newcom-fr.com/storage/products/24342/quetzal-202413452jpg___main_1673_1503.jpg 1673w, https://www.newcom-fr.com/storage/products/24342/quetzal-202413452jpg___main_1400_1257.jpg 1400w, https://www.newcom-fr.com/storage/products/24342/quetzal-202413452jpg___main_1171_1052.jpg 1171w, https://www.newcom-fr.com/storage/products/24342/quetzal-202413452jpg___main_979_879.jpg 979w, https://www.newcom-fr.com/storage/products/24342/quetzal-202413452jpg___main_819_735.jpg 819w, https://www.newcom-fr.com/storage/products/24342/quetzal-202413452jpg___main_685_615.jpg 685w, https://www.newcom-fr.com/storage/products/24342/quetzal-202413452jpg___main_573_514.jpg 573w" sizes="(max-width: 1024px) 50vw, (max-width: 1440px) 33vw, 25vw" alt="Quetzal-202413452.jpg" class="object-cover w-full h-full"> </picture>     <div class="product-tag"> <span class="highlight highlight-ui-lemon-heading"> Culte </span> </div>  </div> <div class="product-inner"> <div class="product-label">  <div class="tag"> <i class="v v-badge-fr tag-v"></i> <span>Made in France</span> </div>   <div class="tag"> <i class="v v-badge-eco tag-v"></i> <span>Ecoresponsable</span> </div>  </div> <div class="product-content"> <div class="product-title">    <h2 class="line-clamp-3 md:line-clamp-2">  <span class="uppercase font-semibold xs:font-bold md:font-bold text-spaced-sm xs:text-spaced-md md:text-body-md">L'Officine des Parfums</span>  Bougie 120g avec Couvercle Sérigraphié + Étui personnalisable Blanche </h2> </div> <div class="product-price"> <div>  À partir de <span class="font-semibold"> 8.92€/HT </span>  </div>  <div> 1 coloris </div>  </div> <div class="product-action"> <a href="https://www.newcom-fr.com/bougie-120g-avec-couvercle-serigraphie-etui-personnalisable-blanche-p-3653" title="Bougie 120g avec Couvercle Sérigraphié + Étui personnalisable Blanche" class="hidden" x-ref="link"> En savoir plus </a> <div> <input type="hidden" name="product_variant_id"> <button type="button" class="btn btn-ui-purple btn-s-sm w-full font-semibold text-body-xs 2xs:text-body-sm" x-data="App.Modules.Quote.AddToQuote" x-bind:disabled="isAddedToQuote || isLoading" aria-label="Ajouter à mon devis" @click.stop=" $dl.push({ event: 'cta_ajout_devis' }); if (!$event.target.disabled) { addToQuote( false, [{ color_id: null, variant_id: 13077, product_id: 3653, quantity: null, }], )}"> <span x-show="!isLoading &amp;&amp; !isAddedToQuote">Ajouter à mon devis</span> <template x-if="isLoading"> <span class="flex gap-x-2 justify-center items-center"> <span>Ajouter à mon devis</span> <span class="s-4 border-2 border-white border-b-transparent rounded-full block animate-spin z-10 relative"></span> </span> </template> <template x-if="!isLoading &amp;&amp; isAddedToQuote"> <span class="flex gap-x-1 justify-center">Ajouté au devis <i class="i-check s-4"></i></span> </template> </button> </div> </div> </div> </div> </div> </div> </div>          <div class="slider-x-item"> <div class=" product product-xs sm:product-sm md:product-md group shadow-none " x-data="" @click="$refs.link.click()"> <div class="product-wrapper"> <div class="product-img">  <picture class=" bg-cover bg-center bg-no-repeat" style="background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgAIAAgAwERAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A/UyeZYELscKBkmgDlL74n6FYeZ5l7HlDg81LkkOxo6F4x03xBGHtLlJM9gaFJMLG6pzVCOf8dzPB4avmjOH8s4I+lJgfnt8TvEtz4cWRZJXMkzluTXFWuaRJPgN8XtSi8ZWNp9obyZHAKk1jTk1IqR+jmmTfaLKGT+8oNemjEoeK7X7Zot1EBnKGmB+Z/wC1DN5OriNRtMRIIrjq66FxPO/g1q5g8d6Y+TjzV/nXPBe8Uz9dfCc32jQbOT1jH8q9NbGRqTRiVCrDIIwaYHg/xV/ZY0T4i3LXD/upGOTisZQUmO5g+C/2K/Dnhi/guyfMkiIYUKmkFz6Q02xTTrSO3jGEjXaK2Ef/2Q==)"> <source type="image/webp" srcset="https://www.newcom-fr.com/storage/products/29937/newc2300197vert-1jpg___main_2000_2000.webp 2000w, https://www.newcom-fr.com/storage/products/29937/newc2300197vert-1jpg___main_1673_1673.webp 1673w, https://www.newcom-fr.com/storage/products/29937/newc2300197vert-1jpg___main_1400_1400.webp 1400w, https://www.newcom-fr.com/storage/products/29937/newc2300197vert-1jpg___main_1171_1171.webp 1171w, https://www.newcom-fr.com/storage/products/29937/newc2300197vert-1jpg___main_979_979.webp 979w, https://www.newcom-fr.com/storage/products/29937/newc2300197vert-1jpg___main_819_819.webp 819w, https://www.newcom-fr.com/storage/products/29937/newc2300197vert-1jpg___main_685_685.webp 685w, https://www.newcom-fr.com/storage/products/29937/newc2300197vert-1jpg___main_573_573.webp 573w, https://www.newcom-fr.com/storage/products/29937/newc2300197vert-1jpg___main_480_480.webp 480w" sizes="(max-width: 1024px) 50vw, (max-width: 1440px) 33vw, 25vw"> <img srcset="https://www.newcom-fr.com/storage/products/29937/newc2300197vert-1jpg___main_2000_2000.jpg 2000w, https://www.newcom-fr.com/storage/products/29937/newc2300197vert-1jpg___main_1673_1673.jpg 1673w, https://www.newcom-fr.com/storage/products/29937/newc2300197vert-1jpg___main_1400_1400.jpg 1400w, https://www.newcom-fr.com/storage/products/29937/newc2300197vert-1jpg___main_1171_1171.jpg 1171w, https://www.newcom-fr.com/storage/products/29937/newc2300197vert-1jpg___main_979_979.jpg 979w, https://www.newcom-fr.com/storage/products/29937/newc2300197vert-1jpg___main_819_819.jpg 819w, https://www.newcom-fr.com/storage/products/29937/newc2300197vert-1jpg___main_685_685.jpg 685w, https://www.newcom-fr.com/storage/products/29937/newc2300197vert-1jpg___main_573_573.jpg 573w, https://www.newcom-fr.com/storage/products/29937/newc2300197vert-1jpg___main_480_480.jpg 480w" sizes="(max-width: 1024px) 50vw, (max-width: 1440px) 33vw, 25vw" alt="NEWC2300197vert_1.jpg" class="object-cover w-full h-full"> </picture>     <picture class=" bg-cover bg-center bg-no-repeat" style="background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgAIAAgAwERAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A/T/VdctNGi33UyxL6scUrgYkPxJ0Se7Fut7GZD0G6lzIDpre5S4QOjBlPcVQE1AHz7+01PdC0t1hkZEX5m2mokB8raN/wlHiLV5J9KMjLE2NwJrh5JN6Gl0fbfwQvdTbw3FDquftKjB3V2wTS1IZ6eDxWgjxX9o7T5G8OSXMcZcqpHAqJaID4Ag+OGt/DC8uYLOIsXkJxtpwaUbgz3z4U/tX6jHYI+oWjGV/asZV1cD6j+E/xPb4gW7yGIxbfWrhPmA7vV9Gt9atHt7mMSRsMEEVpa4Hk+pfsr+DNUv2uptPRnJzjbRbSwF63/Zu8KWwAjskUDoAKz9mgO28K+B9P8IwmOxiEYPoKqMVHYD/2Q==)"> <source type="image/webp" srcset="https://www.newcom-fr.com/storage/products/29935/newc2300197-utre4jpg___main_2000_2000.webp 2000w, https://www.newcom-fr.com/storage/products/29935/newc2300197-utre4jpg___main_1673_1673.webp 1673w, https://www.newcom-fr.com/storage/products/29935/newc2300197-utre4jpg___main_1399_1399.webp 1399w, https://www.newcom-fr.com/storage/products/29935/newc2300197-utre4jpg___main_1171_1171.webp 1171w, https://www.newcom-fr.com/storage/products/29935/newc2300197-utre4jpg___main_979_979.webp 979w, https://www.newcom-fr.com/storage/products/29935/newc2300197-utre4jpg___main_819_819.webp 819w, https://www.newcom-fr.com/storage/products/29935/newc2300197-utre4jpg___main_685_685.webp 685w, https://www.newcom-fr.com/storage/products/29935/newc2300197-utre4jpg___main_573_573.webp 573w" sizes="(max-width: 1024px) 50vw, (max-width: 1440px) 33vw, 25vw"> <img srcset="https://www.newcom-fr.com/storage/products/29935/newc2300197-utre4jpg___main_2000_2000.jpg 2000w, https://www.newcom-fr.com/storage/products/29935/newc2300197-utre4jpg___main_1673_1673.jpg 1673w, https://www.newcom-fr.com/storage/products/29935/newc2300197-utre4jpg___main_1399_1399.jpg 1399w, https://www.newcom-fr.com/storage/products/29935/newc2300197-utre4jpg___main_1171_1171.jpg 1171w, https://www.newcom-fr.com/storage/products/29935/newc2300197-utre4jpg___main_979_979.jpg 979w, https://www.newcom-fr.com/storage/products/29935/newc2300197-utre4jpg___main_819_819.jpg 819w, https://www.newcom-fr.com/storage/products/29935/newc2300197-utre4jpg___main_685_685.jpg 685w, https://www.newcom-fr.com/storage/products/29935/newc2300197-utre4jpg___main_573_573.jpg 573w" sizes="(max-width: 1024px) 50vw, (max-width: 1440px) 33vw, 25vw" alt="NEWC2300197_utre4.jpg" class="object-cover w-full h-full"> </picture>     <div class="product-tag"> <span class="highlight highlight-ui-lemon-heading"> Culte </span> </div>  </div> <div class="product-inner"> <div class="product-label">   <div class="tag"> <i class="v v-badge-eco tag-v"></i> <span>Ecoresponsable</span> </div>  </div> <div class="product-content"> <div class="product-title">    <h2 class="line-clamp-3 md:line-clamp-2">  <span class="uppercase font-semibold xs:font-bold md:font-bold text-spaced-sm xs:text-spaced-md md:text-body-md">Pantone</span>  Sac à dos 2 en 1 connecté et isotherme recyclé Pantone </h2> </div> <div class="product-price"> <div>  À partir de <span class="font-semibold"> 39.29€/HT </span>  </div>  <div> 2 coloris </div>  </div> <div class="product-action"> <a href="https://www.newcom-fr.com/sac-a-dos-2-en-1-connecte-et-isotherme-recycle-pantone-p-3288" title="Sac à dos 2 en 1 connecté et isotherme recyclé Pantone" class="hidden" x-ref="link"> En savoir plus </a> <div> <input type="hidden" name="product_variant_id"> <button type="button" class="btn btn-ui-purple btn-s-sm w-full font-semibold text-body-xs 2xs:text-body-sm" x-data="App.Modules.Quote.AddToQuote" x-bind:disabled="isAddedToQuote || isLoading" aria-label="Ajouter à mon devis" @click.stop=" $dl.push({ event: 'cta_ajout_devis' }); if (!$event.target.disabled) { addToQuote( false, [{ color_id: null, variant_id: 12126, product_id: 3288, quantity: null, }], )}"> <span x-show="!isLoading &amp;&amp; !isAddedToQuote">Ajouter à mon devis</span> <template x-if="isLoading"> <span class="flex gap-x-2 justify-center items-center"> <span>Ajouter à mon devis</span> <span class="s-4 border-2 border-white border-b-transparent rounded-full block animate-spin z-10 relative"></span> </span> </template> <template x-if="!isLoading &amp;&amp; isAddedToQuote"> <span class="flex gap-x-1 justify-center">Ajouté au devis <i class="i-check s-4"></i></span> </template> </button> </div> </div> </div> </div> </div> </div> </div>   </div> <div class="flex flex-center gap-x-1 pb-6 mt-2"> <template x-for="page in pages"> <button @click="scrollTo(page - 1)" class="s-2 cursor-pointer transition-colors rounded-full hoverable:hover:bg-purple" :class="[page - 1 == currentPage ? 'bg-purple' : 'bg-purple-light']" :aria-label="`Page #${page}`"></button> </template><button @click="scrollTo(page - 1)" class="s-2 cursor-pointer transition-colors rounded-full hoverable:hover:bg-purple bg-purple" :class="[page - 1 == currentPage ? 'bg-purple' : 'bg-purple-light']" :aria-label="`Page #${page}`" aria-label="Page #1"></button><button @click="scrollTo(page - 1)" class="s-2 cursor-pointer transition-colors rounded-full hoverable:hover:bg-purple bg-purple-light" :class="[page - 1 == currentPage ? 'bg-purple' : 'bg-purple-light']" :aria-label="`Page #${page}`" aria-label="Page #2"></button><button @click="scrollTo(page - 1)" class="s-2 cursor-pointer transition-colors rounded-full hoverable:hover:bg-purple bg-purple-light" :class="[page - 1 == currentPage ? 'bg-purple' : 'bg-purple-light']" :aria-label="`Page #${page}`" aria-label="Page #3"></button> </div> </div> </div>   <div x-data="" @click="$refs.link.click()" :class="'group cursor-pointer'" class="order-5 xs:order-6 md:order-5 col-span-1 inline-flex relative justify-center items-end aspect-square md:aspect-auto w-full md:h-full group cursor-pointer">  <picture class="abs-full z-[1] before:bg-cms-block before:absolute before:bottom-0 before:left-0 before:w-full before:top-1/4 bg-cover bg-center bg-no-repeat" style="background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgAKwAgAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A6HwF+29qXjfxFBZWliXVmAOBX2n4b1N9U0uCeRdjuoJBr8rf2SGt7HxzGhjVmzxmv048I60GhVJcIOwr55ySlY+ldF8nMjsh0qJ+tcV8SviZZ+A9L8+VxuboKd8O/Gp8aaSt5tKo3TNHOublPGljKccQsNrzNXPy9/ZhjksfES3c2QFP3q+9dE8UtqdzaxWsoZuM4NfEXwtQ6V4eZvKIlc4HHNfUnwC8JakdTh1CUuYTzhq4ObmqXPsZNUqNrHY/FrRIfEtzZWt45BGOPWtPRfEsfw8sobUhUgAwuat/FLQ5pdVsrqPhVIziud+Ifw01Lxtp9o1lOYto5xW8+az5HqfL5pCr9Rc8Iv3nQ7MfsqaBpkY8iEbFOcYrsdH0G20G1W3gjVFQY4FenD5oGzzxXEakALl8cc16eMowp2lFDoVp1Pdm7nKeNlVtP8wjO05pfDd8k+moV7DGKPGf/IGm+lYvglj/AGaee9eO5NSR7EI81Jn/2Q==)"> <source class="lazy" type="image/webp" data-srcset="https://www.newcom-fr.com/storage/blocks/35040/drinkware___main_816_1100.webp 816w, https://www.newcom-fr.com/storage/blocks/35040/drinkware___main_682_919.webp 682w, https://www.newcom-fr.com/storage/blocks/35040/drinkware___main_571_769.webp 571w, https://www.newcom-fr.com/storage/blocks/35040/drinkware___main_477_643.webp 477w, https://www.newcom-fr.com/storage/blocks/35040/drinkware___main_399_537.webp 399w, https://www.newcom-fr.com/storage/blocks/35040/drinkware___main_334_450.webp 334w, https://www.newcom-fr.com/storage/blocks/35040/drinkware___main_279_376.webp 279w" data-sizes="630px"> <img class="lazy object-cover h-full w-full" data-srcset="https://www.newcom-fr.com/storage/blocks/35040/drinkware___main_816_1100.jpg 816w, https://www.newcom-fr.com/storage/blocks/35040/drinkware___main_682_919.jpg 682w, https://www.newcom-fr.com/storage/blocks/35040/drinkware___main_571_769.jpg 571w, https://www.newcom-fr.com/storage/blocks/35040/drinkware___main_477_643.jpg 477w, https://www.newcom-fr.com/storage/blocks/35040/drinkware___main_399_537.jpg 399w, https://www.newcom-fr.com/storage/blocks/35040/drinkware___main_334_450.jpg 334w, https://www.newcom-fr.com/storage/blocks/35040/drinkware___main_279_376.jpg 279w" data-sizes="630px" alt="drinkware"> </picture>    <div class="p-10 z-[2] text-white text-center">  <h2 class="text-heading-3xl font-extrabold mb-4"> Drinkware </h2>   <a href="/drinkware/rub-8" class="btn btn-ui-purple btn-s-sm w-44 group-hover:btn-ui-purple--hover" x-ref="link" @click="$dl.push({ event: 'blocs_hp' })"> Découvrir </a>  </div> </div>   <div x-data="" @click="$refs.link.click()" :class="'group cursor-pointer'" class="order-6 xs:order-4 md:order-6 xs:col-span-2 relative justify-center items-end inline-flex aspect-square xs:aspect-[600/291] md:aspect-auto w-full group cursor-pointer">  <picture class="abs-full z-[1] before:bg-cms-block before:absolute before:bottom-0 before:left-0 before:w-full before:top-1/4 bg-cover bg-center bg-no-repeat" style="background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgADwAeAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A8b+FH7Yes2evR2txJmCU4IrqPij8Yo4b37d5JO/ndXw7o1/JaarbyocFWFfQmpasuq+Go2uUDgJXBKnHTmPT9q9XHc27r4/SOg8qZV9q+k/gcfDfjzw0LzVr1Un9Ca+B9H0ey13UWC7kVTyK9b0PxKfC9mtraySIoHY1Tp01sjFTqS3Z/9k=)"> <source class="lazy" type="image/webp" data-srcset="https://www.newcom-fr.com/storage/blocks/35041/lexon___main_1680_816.webp 1680w, https://www.newcom-fr.com/storage/blocks/35041/lexon___main_1405_682.webp 1405w, https://www.newcom-fr.com/storage/blocks/35041/lexon___main_1176_571.webp 1176w, https://www.newcom-fr.com/storage/blocks/35041/lexon___main_983_477.webp 983w, https://www.newcom-fr.com/storage/blocks/35041/lexon___main_823_399.webp 823w, https://www.newcom-fr.com/storage/blocks/35041/lexon___main_688_334.webp 688w, https://www.newcom-fr.com/storage/blocks/35041/lexon___main_576_279.webp 576w, https://www.newcom-fr.com/storage/blocks/35041/lexon___main_482_234.webp 482w" data-sizes="1060px"> <img class="lazy object-cover h-full w-full" data-srcset="https://www.newcom-fr.com/storage/blocks/35041/lexon___main_1680_816.jpg 1680w, https://www.newcom-fr.com/storage/blocks/35041/lexon___main_1405_682.jpg 1405w, https://www.newcom-fr.com/storage/blocks/35041/lexon___main_1176_571.jpg 1176w, https://www.newcom-fr.com/storage/blocks/35041/lexon___main_983_477.jpg 983w, https://www.newcom-fr.com/storage/blocks/35041/lexon___main_823_399.jpg 823w, https://www.newcom-fr.com/storage/blocks/35041/lexon___main_688_334.jpg 688w, https://www.newcom-fr.com/storage/blocks/35041/lexon___main_576_279.jpg 576w, https://www.newcom-fr.com/storage/blocks/35041/lexon___main_482_234.jpg 482w" data-sizes="1060px" alt="lexon"> </picture>    <div class="p-10 z-[2] text-white text-center">  <h2 class="text-heading-3xl font-extrabold mb-4 uppercase"> Lexon </h2>   <a href="/marques/lexon/rub-6" class="btn btn-ui-purple btn-s-sm w-44 group-hover:btn-ui-purple--hover" x-ref="link" @click="$dl.push({ event: 'blocs_hp' })"> Découvrir la marque </a>  </div> </div>   <div class="order-7 xs:col-span-2 md:col-span-1 relative justify-center items-center inline-flex aspect-square xs:h-[316px] xs:w-full md:w-auto md:h-auto md:aspect-square bg-purple"> <div class="px-6 py-10 xs:pt-8 xs:pb-10 md:py-10 xs:px-[43px] z-[2] text-white text-center"> <i class="i-star-file s-12 xs:s-11 md:s-16"></i>  <h2 class="text-heading-xl lg:text-heading-2xl !font-extrabold mb-10 mt-4 lg:mt-6"> Nos experts vous apportent une réponse sur-mesure en 24h </h2>   <a x-data="" @click="$dl.push({ event: 'blocs_hp' })" href="/page/contact/100" class="btn btn-ui-purple btn-s-sm w-48 md:w-40 border-white hoverable:hover:border-white"> Contactez-nous </a>  </div> </div>  </div> </div> </section> <div class="bg-white py-14"> <div class="layout"> <div class="2xl:container"> <h2 class="text-body-md text-purple mb-8 text-center uppercase font-semibold"> Rejoignez ces entreprises qui nous font confiance 💜​ </h2> </div> </div> <div x-data="App.Components.Partners" class="layout overflow-hidden md:px-0"> <div class="grid grid-cols-2 xs:grid-cols-3 gap-6 md:gap-0 md:flex items-center md:animate-scroll md:w-[calc(250px*18)]" x-ref="wrapper">   <div class="js-partner md:w-[250px]"> <picture class=" bg-cover bg-center bg-no-repeat" style="background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgADgAeAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A+/dW+MCadrr2BgYhR97FR33xh+xacLloC2WwABXY3fgTS7y4aeSBTIepxUKfD3SjF5bwhkznBFAGf4e+I8WtRZCFH2bsGrfh7xk+tS3KCEr5LY5FW7bwLp9ncLLCmzAxgVp2Oh2uns5iQKX5OKAP/9k=)"> <source type="image/webp" srcset="https://www.newcom-fr.com/storage/making_logo_black_and_white/35069/alcaly-90-px-png___main_202_94.webp 202w" sizes="(max-width: 1440px) 33vw, 25vw"> <img srcset="https://www.newcom-fr.com/storage/making_logo_black_and_white/35069/alcaly-90-px-png___main_202_94.jpg 202w" sizes="(max-width: 1440px) 33vw, 25vw" alt="ALCALY--90-PX_.png" class="mx-auto max-w-40"> </picture>   </div>    <div class="js-partner md:w-[250px]"> <picture class=" bg-cover bg-center bg-no-repeat" style="background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgADgAeAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A/SSX4i6ZBcNC8gVhVS7+KWkxq6rMN+OKr3/w2sb26aZjhjVBvhJpzTBy5zQB85+K/FureLvij9k1G/Gn6WjZjLHG6vTtAu5NLup0tb77VDtGCOcV0Xjv9nrRPFa28zsYJ4ujpwTXU+Cvhdpnh7TxEB5zYwXbqaAP/9k=)"> <source type="image/webp" srcset="https://www.newcom-fr.com/storage/making_logo_black_and_white/35064/baudelet-90-px-png___main_202_94.webp 202w" sizes="(max-width: 1440px) 33vw, 25vw"> <img srcset="https://www.newcom-fr.com/storage/making_logo_black_and_white/35064/baudelet-90-px-png___main_202_94.jpg 202w" sizes="(max-width: 1440px) 33vw, 25vw" alt="BAUDELET  90 PX_.png" class="mx-auto max-w-40"> </picture>   </div>    <div class="js-partner md:w-[250px]"> <picture class=" bg-cover bg-center bg-no-repeat" style="background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgADAAgAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A+5/jN8Y7z4b3EYitWnR+OBWBD8ZdY1fQo71ITCXGcEV7J4n8J6X4hVRf2iXGDxuFVz4K0dLFLdbNFiUcKBQB4HN8WPEu4ENwT6V2vww8Yaz4g10i7f8AdgdK74+AtEKrmyTitLRvDGnaZOZLa3WN/UUAf//Z)"> <source type="image/webp" srcset="https://www.newcom-fr.com/storage/making_logo_black_and_white/35063/malakoff-humanis-90-px-png___main_248_94.webp 248w" sizes="(max-width: 1440px) 33vw, 25vw"> <img srcset="https://www.newcom-fr.com/storage/making_logo_black_and_white/35063/malakoff-humanis-90-px-png___main_248_94.jpg 248w" sizes="(max-width: 1440px) 33vw, 25vw" alt="malakoff humanis 90 PX_.png" class="mx-auto max-w-40"> </picture>   </div>    <div class="js-partner md:w-[250px]"> <picture class=" bg-cover bg-center bg-no-repeat" style="background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgADAAgAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A+1fFH7Qx8N3strJZyPIvTC1Dpv7TtvNbgyWMok7jaa9S1LwLomoXRmnsI5JD3IqKP4d+H05GnRD/AICKAOB/4aQtWgZxZy8dttT+EPj0niDVBbG0kQN0JWu6/wCEA0LBH9nxYPtViw8F6NYzCSCyjjcdwKAP/9k=)"> <source type="image/webp" srcset="https://www.newcom-fr.com/storage/making_logo_black_and_white/35065/leboncoin-90-px-png___main_248_94.webp 248w" sizes="(max-width: 1440px) 33vw, 25vw"> <img srcset="https://www.newcom-fr.com/storage/making_logo_black_and_white/35065/leboncoin-90-px-png___main_248_94.jpg 248w" sizes="(max-width: 1440px) 33vw, 25vw" alt="LEBONCOIN 90 PX_.png" class="mx-auto max-w-40"> </picture>   </div>    <div class="js-partner md:w-[250px]"> <picture class=" bg-cover bg-center bg-no-repeat" style="background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgADAAgAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A/Ru5tNS+3uVyYjT1sr9AwY8HpXZlB6Vm6j+VAHMNZ6iIj5fJqXS7DUYZA0mTzzXRaaMjnmtIIPSgD//Z)"> <source type="image/webp" srcset="https://www.newcom-fr.com/storage/making_logo_black_and_white/35062/bontemps-apris-90-px-png___main_248_94.webp 248w" sizes="(max-width: 1440px) 33vw, 25vw"> <img srcset="https://www.newcom-fr.com/storage/making_logo_black_and_white/35062/bontemps-apris-90-px-png___main_248_94.jpg 248w" sizes="(max-width: 1440px) 33vw, 25vw" alt="bontemps apris  90 PX_.png" class="mx-auto max-w-40"> </picture>   </div>    <div class="js-partner md:w-[250px]"> <picture class=" bg-cover bg-center bg-no-repeat" style="background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgACwAdAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A+y/FGseJtO8VyPp9q8iD24qpqPifxwZVnNm2AOABX0N9jgZ9xiQt64oa1hbgxqfwoA+bZvi/400UD7Xpr7T0IFeh/D7xzrPiLR2urq3aJ92ACO1d3rGk2dyqiW2jcD1Wp9MsLe2twkUKRr6KKAP/2Q==)"> <source type="image/webp" srcset="https://www.newcom-fr.com/storage/making_logo_black_and_white/35060/port-de-dunkerque-90-px-png___main_254_94.webp 254w" sizes="(max-width: 1440px) 33vw, 25vw"> <img srcset="https://www.newcom-fr.com/storage/making_logo_black_and_white/35060/port-de-dunkerque-90-px-png___main_254_94.jpg 254w" sizes="(max-width: 1440px) 33vw, 25vw" alt="PORT DE DUNKERQUE 90 PX_.png" class="mx-auto max-w-40"> </picture>   </div>   </div> </div> </div>  <div class="bg-purple py-12 xs:pt-8" x-data=""> <div class="layout-pl"> <div class="2xl:container"> <div class="xs:grid xs:grid-cols-[auto,1fr] xs:gap-x-6 md:gap-x-9"> <div class="xs:flex xs:flex-col xs:justify-between"> <h2 class="max-w-64 mb-8 xs:mb-0 break-all xs:max-w-none xs:-mt-2 md:-mt-3 xs:text-vertical text-display-xl xs:text-display-2xl md:text-display-3xl xs:max-h-[340px] md:max-h-[390px] text-purple-light xs:flex-none"> Nouveau </h2> <div class="hidden xs:block mt-6 xs:mr-2.5 md:mr-5 text-right"> <a href="https://www.newcom-fr.com/nouveautes" class="btn btn-ui-purple border-white btn-s-sm w-[137px]" x-ref="link"> Voir tout </a> </div> </div> <div class="flex gap-x-6 overflow-x-scroll scrollbar-none">  <div class=" product product-md group flex-none w-[300px] shadow-none " x-data="" @click="$refs.link.click()"> <div class="product-wrapper"> <div class="product-img">  <picture class=" bg-cover bg-center bg-no-repeat" style="background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgAHAAgAwERAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A/R74oPqMXhW8k0z/AI+VQlfyregouolLY0hHmdj4h8FfF/xLpXxF8vxDeiKMS7Qjcd6+7xmXUZYVSw+rO3FYeGFgpN7n3r4Y1yDW9LguIpA6uoOQa/PpRcHys87fU2gwNIClqQSS0lRwCCpHNJu2pUd9D85v2rvhVrOn+Jn13SUJjDbyB2r7DKs0iqfsahriOaql5Hpv7Nvx/iXQ7XTtUufJu48IVY15OYYSXtHOnszGDVrM+wvD+twa1ZpNA+9SOteO4uOjBj9UieaBlU4yKlq6HF2Z4r8WvBNz4i0G5tEJ8xgQDVUVySUmbOd1Y8f+F/7N1jpF2t1qRaS4DZxXs1ce5R5YGHLrqfXXhC0g07TY4IU2KowK8Zycndjasbsqgg0iTG1G0ikRtyg0DRz0GnwLdcJ3qI7mr2Or05FjQBRgVozE/9k=)"> <source type="image/webp" srcset="https://www.newcom-fr.com/storage/products/23860/newc2400057jpg___main_658_585.webp 658w, https://www.newcom-fr.com/storage/products/23860/newc2400057jpg___main_550_488.webp 550w, https://www.newcom-fr.com/storage/products/23860/newc2400057jpg___main_460_408.webp 460w, https://www.newcom-fr.com/storage/products/23860/newc2400057jpg___main_385_342.webp 385w, https://www.newcom-fr.com/storage/products/23860/newc2400057jpg___main_322_286.webp 322w" sizes="(max-width: 1024px) 50vw, (max-width: 1440px) 33vw, 25vw"> <img srcset="https://www.newcom-fr.com/storage/products/23860/newc2400057jpg___main_658_585.jpg 658w, https://www.newcom-fr.com/storage/products/23860/newc2400057jpg___main_550_488.jpg 550w, https://www.newcom-fr.com/storage/products/23860/newc2400057jpg___main_460_408.jpg 460w, https://www.newcom-fr.com/storage/products/23860/newc2400057jpg___main_385_342.jpg 385w, https://www.newcom-fr.com/storage/products/23860/newc2400057jpg___main_322_286.jpg 322w" sizes="(max-width: 1024px) 50vw, (max-width: 1440px) 33vw, 25vw" alt="NEWC2400057.jpg" class="object-cover w-full h-full"> </picture>      <div class="product-tag"> <span class="highlight highlight-ui-lemon-heading"> New </span> </div>  </div> <div class="product-inner"> <div class="product-label">  <div class="tag"> <i class="v v-badge-eu tag-v"></i> <span>Made in Europe</span> </div>   <div class="tag"> <i class="v v-badge-eco tag-v"></i> <span>Ecoresponsable</span> </div>  </div> <div class="product-content"> <div class="product-title">    <h2 class="line-clamp-3 md:line-clamp-2">  Transat avec accoudoirs et support pour boisson Como drink </h2> </div> <div class="product-price"> <div>  À partir de <span class="font-semibold"> 48.95€/HT </span>  </div>  <div> 1 coloris </div>  </div> <div class="product-action"> <a href="https://www.newcom-fr.com/transat-avec-accoudoirs-et-support-pour-boisson-como-drink-p-3581" title="Transat avec accoudoirs et support pour boisson Como drink" class="hidden" x-ref="link"> En savoir plus </a> <div> <input type="hidden" name="product_variant_id"> <button type="button" class="btn btn-ui-purple btn-s-sm w-full font-semibold text-body-xs 2xs:text-body-sm" x-data="App.Modules.Quote.AddToQuote" x-bind:disabled="isAddedToQuote || isLoading" aria-label="Ajouter à mon devis" @click.stop=" $dl.push({ event: 'cta_ajout_devis' }); if (!$event.target.disabled) { addToQuote( false, [{ color_id: null, variant_id: 12951, product_id: 3581, quantity: null, }], )}"> <span x-show="!isLoading &amp;&amp; !isAddedToQuote">Ajouter à mon devis</span> <template x-if="isLoading"> <span class="flex gap-x-2 justify-center items-center"> <span>Ajouter à mon devis</span> <span class="s-4 border-2 border-white border-b-transparent rounded-full block animate-spin z-10 relative"></span> </span> </template> <template x-if="!isLoading &amp;&amp; isAddedToQuote"> <span class="flex gap-x-1 justify-center">Ajouté au devis <i class="i-check s-4"></i></span> </template> </button> </div> </div> </div> </div> </div> </div>  <div class=" product product-md group flex-none w-[300px] shadow-none " x-data="" @click="$refs.link.click()"> <div class="product-wrapper"> <div class="product-img">  <picture class=" bg-cover bg-center bg-no-repeat" style="background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgAIAAgAwERAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A+hdN8BMpGVNXcg6ex8FiMDIpXHYL7Sra3zHvBf0zSuKxw/iTTJQTtTitEI96h0qJOwrI0Jp7ANAypgEjg0AfP3xM8P8AiLQtQN7YO9wWbIQdBVIk1PDGozaxpkaanH5N1jkNQI2vH+s+MLPU8aTBvgpDZy58a/EOFTusS1PQRpeF/FXivWLlo9U00Kg7sKQzobjw9NqVwruggx/d4ouOx18muR9wDSGU7jX4Vz8q/lQK5l3HieKMnaAD7CnYVzLufGQB4NVyhc//2Q==)"> <source type="image/webp" srcset="https://www.newcom-fr.com/storage/products/35923/wqwxjpg___main_3000_3000.webp 3000w, https://www.newcom-fr.com/storage/products/35923/wqwxjpg___main_2509_2509.webp 2509w, https://www.newcom-fr.com/storage/products/35923/wqwxjpg___main_2100_2100.webp 2100w, https://www.newcom-fr.com/storage/products/35923/wqwxjpg___main_1756_1756.webp 1756w, https://www.newcom-fr.com/storage/products/35923/wqwxjpg___main_1469_1469.webp 1469w, https://www.newcom-fr.com/storage/products/35923/wqwxjpg___main_1229_1229.webp 1229w, https://www.newcom-fr.com/storage/products/35923/wqwxjpg___main_1029_1029.webp 1029w, https://www.newcom-fr.com/storage/products/35923/wqwxjpg___main_860_860.webp 860w, https://www.newcom-fr.com/storage/products/35923/wqwxjpg___main_720_720.webp 720w" sizes="(max-width: 1024px) 50vw, (max-width: 1440px) 33vw, 25vw"> <img srcset="https://www.newcom-fr.com/storage/products/35923/wqwxjpg___main_3000_3000.jpg 3000w, https://www.newcom-fr.com/storage/products/35923/wqwxjpg___main_2509_2509.jpg 2509w, https://www.newcom-fr.com/storage/products/35923/wqwxjpg___main_2100_2100.jpg 2100w, https://www.newcom-fr.com/storage/products/35923/wqwxjpg___main_1756_1756.jpg 1756w, https://www.newcom-fr.com/storage/products/35923/wqwxjpg___main_1469_1469.jpg 1469w, https://www.newcom-fr.com/storage/products/35923/wqwxjpg___main_1229_1229.jpg 1229w, https://www.newcom-fr.com/storage/products/35923/wqwxjpg___main_1029_1029.jpg 1029w, https://www.newcom-fr.com/storage/products/35923/wqwxjpg___main_860_860.jpg 860w, https://www.newcom-fr.com/storage/products/35923/wqwxjpg___main_720_720.jpg 720w" sizes="(max-width: 1024px) 50vw, (max-width: 1440px) 33vw, 25vw" alt="wqwx.jpg" class="object-cover w-full h-full"> </picture>      <div class="product-tag"> <span class="highlight highlight-ui-lemon-heading"> New </span> </div>  </div> <div class="product-inner"> <div class="product-label">   <div class="tag"> <i class="v v-badge-eco tag-v"></i> <span>Ecoresponsable</span> </div>  </div> <div class="product-content"> <div class="product-title">    <h2 class="line-clamp-3 md:line-clamp-2">  Hub USB 4 ports en aluminium recyclé personnalisable Saravo </h2> </div> <div class="product-price"> <div>  À partir de <span class="font-semibold"> 4.15€/HT </span>  </div>  <div> 1 coloris </div>  </div> <div class="product-action"> <a href="https://www.newcom-fr.com/hub-usb-4-ports-en-aluminium-recycle-personnalisable-saravo-p-3811" title="Hub USB 4 ports en aluminium recyclé personnalisable Saravo" class="hidden" x-ref="link"> En savoir plus </a> <div> <input type="hidden" name="product_variant_id"> <button type="button" class="btn btn-ui-purple btn-s-sm w-full font-semibold text-body-xs 2xs:text-body-sm" x-data="App.Modules.Quote.AddToQuote" x-bind:disabled="isAddedToQuote || isLoading" aria-label="Ajouter à mon devis" @click.stop=" $dl.push({ event: 'cta_ajout_devis' }); if (!$event.target.disabled) { addToQuote( false, [{ color_id: null, variant_id: 14569, product_id: 3811, quantity: null, }], )}"> <span x-show="!isLoading &amp;&amp; !isAddedToQuote">Ajouter à mon devis</span> <template x-if="isLoading"> <span class="flex gap-x-2 justify-center items-center"> <span>Ajouter à mon devis</span> <span class="s-4 border-2 border-white border-b-transparent rounded-full block animate-spin z-10 relative"></span> </span> </template> <template x-if="!isLoading &amp;&amp; isAddedToQuote"> <span class="flex gap-x-1 justify-center">Ajouté au devis <i class="i-check s-4"></i></span> </template> </button> </div> </div> </div> </div> </div> </div>  <div class=" product product-md group flex-none w-[300px] shadow-none " x-data="" @click="$refs.link.click()"> <div class="product-wrapper"> <div class="product-img">  <picture class=" bg-cover bg-center bg-no-repeat" style="background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgAIAAgAwERAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A/U9jigDF1fxFDpLqshwWNAFyw1FLyMOp60AXlbNAEF3J5cbN6UAcNrcCarIpc5KnIqhj7LUfsUiRqeBxQM7Wzm86FW9RUkjdQTfA49qAOKaPErgHPNWMihtRNcgAgtmgDudOhMNuin0qBE88fmoV9RQBzLeFpI5neOQkMehp3AXS/C72l+bh5C3tRcDqEXApAf/Z)"> <source type="image/webp" srcset="https://www.newcom-fr.com/storage/products/31677/newc2400110-blanc-jpg___main_2000_2000.webp 2000w, https://www.newcom-fr.com/storage/products/31677/newc2400110-blanc-jpg___main_1673_1673.webp 1673w, https://www.newcom-fr.com/storage/products/31677/newc2400110-blanc-jpg___main_1400_1400.webp 1400w, https://www.newcom-fr.com/storage/products/31677/newc2400110-blanc-jpg___main_1171_1171.webp 1171w, https://www.newcom-fr.com/storage/products/31677/newc2400110-blanc-jpg___main_979_979.webp 979w, https://www.newcom-fr.com/storage/products/31677/newc2400110-blanc-jpg___main_819_819.webp 819w, https://www.newcom-fr.com/storage/products/31677/newc2400110-blanc-jpg___main_685_685.webp 685w, https://www.newcom-fr.com/storage/products/31677/newc2400110-blanc-jpg___main_573_573.webp 573w" sizes="(max-width: 1024px) 50vw, (max-width: 1440px) 33vw, 25vw"> <img srcset="https://www.newcom-fr.com/storage/products/31677/newc2400110-blanc-jpg___main_2000_2000.jpg 2000w, https://www.newcom-fr.com/storage/products/31677/newc2400110-blanc-jpg___main_1673_1673.jpg 1673w, https://www.newcom-fr.com/storage/products/31677/newc2400110-blanc-jpg___main_1400_1400.jpg 1400w, https://www.newcom-fr.com/storage/products/31677/newc2400110-blanc-jpg___main_1171_1171.jpg 1171w, https://www.newcom-fr.com/storage/products/31677/newc2400110-blanc-jpg___main_979_979.jpg 979w, https://www.newcom-fr.com/storage/products/31677/newc2400110-blanc-jpg___main_819_819.jpg 819w, https://www.newcom-fr.com/storage/products/31677/newc2400110-blanc-jpg___main_685_685.jpg 685w, https://www.newcom-fr.com/storage/products/31677/newc2400110-blanc-jpg___main_573_573.jpg 573w" sizes="(max-width: 1024px) 50vw, (max-width: 1440px) 33vw, 25vw" alt="NEWC2400110_ BLANC .jpg" class="object-cover w-full h-full"> </picture>     <picture class=" bg-cover bg-center bg-no-repeat" style="background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgAIAAgAwERAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A/UpTgUAc74i8VJo0qIedxxTsBoaVq6XsStnBNAGsrZpAVb+XyIGNAHDazbx6oQzjJU5FWUQ2l/JZuq9AOBQB3elXP2m2Vu+KgkXVo/MtnHtTQHFiMqzKDnmqLITa+bKB3oA7TRLcwWqg1BBdvITPC6A4JHWgDjl8O3trNIQ28MciquO4mn+HL4aqJ5XxEP4aVwO1RRGoAFIR/9k=)"> <source type="image/webp" srcset="https://www.newcom-fr.com/storage/products/31675/newc2400110-logo-jpg___main_2000_2000.webp 2000w, https://www.newcom-fr.com/storage/products/31675/newc2400110-logo-jpg___main_1673_1673.webp 1673w, https://www.newcom-fr.com/storage/products/31675/newc2400110-logo-jpg___main_1400_1400.webp 1400w, https://www.newcom-fr.com/storage/products/31675/newc2400110-logo-jpg___main_1171_1171.webp 1171w, https://www.newcom-fr.com/storage/products/31675/newc2400110-logo-jpg___main_979_979.webp 979w, https://www.newcom-fr.com/storage/products/31675/newc2400110-logo-jpg___main_819_819.webp 819w, https://www.newcom-fr.com/storage/products/31675/newc2400110-logo-jpg___main_685_685.webp 685w, https://www.newcom-fr.com/storage/products/31675/newc2400110-logo-jpg___main_573_573.webp 573w" sizes="(max-width: 1024px) 50vw, (max-width: 1440px) 33vw, 25vw"> <img srcset="https://www.newcom-fr.com/storage/products/31675/newc2400110-logo-jpg___main_2000_2000.jpg 2000w, https://www.newcom-fr.com/storage/products/31675/newc2400110-logo-jpg___main_1673_1673.jpg 1673w, https://www.newcom-fr.com/storage/products/31675/newc2400110-logo-jpg___main_1400_1400.jpg 1400w, https://www.newcom-fr.com/storage/products/31675/newc2400110-logo-jpg___main_1171_1171.jpg 1171w, https://www.newcom-fr.com/storage/products/31675/newc2400110-logo-jpg___main_979_979.jpg 979w, https://www.newcom-fr.com/storage/products/31675/newc2400110-logo-jpg___main_819_819.jpg 819w, https://www.newcom-fr.com/storage/products/31675/newc2400110-logo-jpg___main_685_685.jpg 685w, https://www.newcom-fr.com/storage/products/31675/newc2400110-logo-jpg___main_573_573.jpg 573w" sizes="(max-width: 1024px) 50vw, (max-width: 1440px) 33vw, 25vw" alt="NEWC2400110_ LOGO .jpg" class="object-cover w-full h-full"> </picture>     <div class="product-tag"> <span class="highlight highlight-ui-lemon-heading"> New </span> </div>  </div> <div class="product-inner"> <div class="product-label">   <div class="tag"> <i class="v v-badge-eco tag-v"></i> <span>Ecoresponsable</span> </div>  </div> <div class="product-content"> <div class="product-title">    <h2 class="line-clamp-3 md:line-clamp-2">  Veste micropolaire Marlo </h2> </div> <div class="product-price"> <div>  À partir de <span class="font-semibold"> 15.99€/HT </span>  </div>  <div> 5 coloris </div>  </div> <div class="product-action"> <a href="https://www.newcom-fr.com/veste-micropolaire-marlo-p-3634" title="Veste micropolaire Marlo" class="hidden" x-ref="link"> En savoir plus </a> <div> <input type="hidden" name="product_variant_id"> <button type="button" class="btn btn-ui-purple btn-s-sm w-full font-semibold text-body-xs 2xs:text-body-sm" x-data="App.Modules.Quote.AddToQuote" x-bind:disabled="isAddedToQuote || isLoading" aria-label="Ajouter à mon devis" @click.stop=" $dl.push({ event: 'cta_ajout_devis' }); if (!$event.target.disabled) { addToQuote( false, [{ color_id: null, variant_id: 13021, product_id: 3634, quantity: null, }], )}"> <span x-show="!isLoading &amp;&amp; !isAddedToQuote">Ajouter à mon devis</span> <template x-if="isLoading"> <span class="flex gap-x-2 justify-center items-center"> <span>Ajouter à mon devis</span> <span class="s-4 border-2 border-white border-b-transparent rounded-full block animate-spin z-10 relative"></span> </span> </template> <template x-if="!isLoading &amp;&amp; isAddedToQuote"> <span class="flex gap-x-1 justify-center">Ajouté au devis <i class="i-check s-4"></i></span> </template> </button> </div> </div> </div> </div> </div> </div>  <div class=" product product-md group flex-none w-[300px] shadow-none " x-data="" @click="$refs.link.click()"> <div class="product-wrapper"> <div class="product-img">  <picture class=" bg-cover bg-center bg-no-repeat" style="background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgAIAAgAwERAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A+6vjL+0RpnwjX/To2OeldmGw7xEuVE1JKnHmZ856z/wUatpZmj02weRug4r6nD8PSrPcKHNiXanqdT8Hv2p9c8eeII1u7YQWjHHNefmuWLAKx1youm+We59faddreWscqnIYZr5o52rM+bP2y/h9Y+IPCD39wOYRk4qoOpGa9m7GsacKy5Zn5pXvjjw94ceWG2hV5lJGWHNfreVUKsaalKR6uBqYXAwdtzR+Hnx6OjeI7ZxMY4mcAgdBW2Z4X6zRcep4VXEOrX9o2fql+z78VtO8a+HbdIblZpVQZ5r8iq0ZUZOMjonr7yIP2ibO61bwjcWsMJmDqQQBWEpOOqNsNbm1Pxw+Mfw+1HQ/F9xGtrIvmOSAFr9PybMI1KKjJ6o5MZRcZc0djo/hP+zprXi+8gkkheOMkHpXRjc2pUE0ndnLToylqz9PP2YPglJ8OrKN2LglRkGvzfF4h4mfMzudox5UfQmqaRHfwskihgeMGuEhOx88/E39mez8Va5HdpaRk7sklaqFSdJ3gzsjVTjaR3vw8+COneFLeP8AcJvUDoKqU5Td5M55T6I9WtLNLZAqKFA9KgxP/9k=)"> <source type="image/webp" srcset="https://www.newcom-fr.com/storage/products/23865/newc2400061jpg___main_1000_1000.webp 1000w, https://www.newcom-fr.com/storage/products/23865/newc2400061jpg___main_836_836.webp 836w, https://www.newcom-fr.com/storage/products/23865/newc2400061jpg___main_700_700.webp 700w, https://www.newcom-fr.com/storage/products/23865/newc2400061jpg___main_585_585.webp 585w, https://www.newcom-fr.com/storage/products/23865/newc2400061jpg___main_489_489.webp 489w, https://www.newcom-fr.com/storage/products/23865/newc2400061jpg___main_409_409.webp 409w, https://www.newcom-fr.com/storage/products/23865/newc2400061jpg___main_342_342.webp 342w, https://www.newcom-fr.com/storage/products/23865/newc2400061jpg___main_286_286.webp 286w" sizes="(max-width: 1024px) 50vw, (max-width: 1440px) 33vw, 25vw"> <img srcset="https://www.newcom-fr.com/storage/products/23865/newc2400061jpg___main_1000_1000.jpg 1000w, https://www.newcom-fr.com/storage/products/23865/newc2400061jpg___main_836_836.jpg 836w, https://www.newcom-fr.com/storage/products/23865/newc2400061jpg___main_700_700.jpg 700w, https://www.newcom-fr.com/storage/products/23865/newc2400061jpg___main_585_585.jpg 585w, https://www.newcom-fr.com/storage/products/23865/newc2400061jpg___main_489_489.jpg 489w, https://www.newcom-fr.com/storage/products/23865/newc2400061jpg___main_409_409.jpg 409w, https://www.newcom-fr.com/storage/products/23865/newc2400061jpg___main_342_342.jpg 342w, https://www.newcom-fr.com/storage/products/23865/newc2400061jpg___main_286_286.jpg 286w" sizes="(max-width: 1024px) 50vw, (max-width: 1440px) 33vw, 25vw" alt="NEWC2400061.jpg" class="object-cover w-full h-full"> </picture>      <div class="product-tag"> <span class="highlight highlight-ui-lemon-heading"> New </span> </div>  </div> <div class="product-inner"> <div class="product-label">  <div class="tag"> <i class="v v-badge-eu tag-v"></i> <span>Made in Europe</span> </div>   <div class="tag"> <i class="v v-badge-eco tag-v"></i> <span>Ecoresponsable</span> </div>  </div> <div class="product-content"> <div class="product-title">    <h2 class="line-clamp-3 md:line-clamp-2">  Transat sans accoudoirs Geant XL </h2> </div> <div class="product-price"> <div>  À partir de <span class="font-semibold"> 409.73€/HT </span>  </div>  <div> 1 coloris </div>  </div> <div class="product-action"> <a href="https://www.newcom-fr.com/transat-sans-accoudoirs-geant-xl-p-3585" title="Transat sans accoudoirs Geant XL" class="hidden" x-ref="link"> En savoir plus </a> <div> <input type="hidden" name="product_variant_id"> <button type="button" class="btn btn-ui-purple btn-s-sm w-full font-semibold text-body-xs 2xs:text-body-sm" x-data="App.Modules.Quote.AddToQuote" x-bind:disabled="isAddedToQuote || isLoading" aria-label="Ajouter à mon devis" @click.stop=" $dl.push({ event: 'cta_ajout_devis' }); if (!$event.target.disabled) { addToQuote( false, [{ color_id: null, variant_id: 12955, product_id: 3585, quantity: null, }], )}"> <span x-show="!isLoading &amp;&amp; !isAddedToQuote">Ajouter à mon devis</span> <template x-if="isLoading"> <span class="flex gap-x-2 justify-center items-center"> <span>Ajouter à mon devis</span> <span class="s-4 border-2 border-white border-b-transparent rounded-full block animate-spin z-10 relative"></span> </span> </template> <template x-if="!isLoading &amp;&amp; isAddedToQuote"> <span class="flex gap-x-1 justify-center">Ajouté au devis <i class="i-check s-4"></i></span> </template> </button> </div> </div> </div> </div> </div> </div>  <div class=" product product-md group flex-none w-[300px] shadow-none " x-data="" @click="$refs.link.click()"> <div class="product-wrapper"> <div class="product-img">  <picture class=" bg-cover bg-center bg-no-repeat" style="background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgAIAAgAwERAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A/U1pAnXigBhu41GSwxTsK40X0R6OKLMLkqyB+nIpDKeq7jAQpwaqO4mcbqFzLBC43mupJNGYzTZpJ40+c5J9aTSSGjurJCkCDOeK5WaDrqPzFNCdgOC8QHZJItdcdjJkWiHc0Q96JbAj0W3GIl+lcZqPcZFAGHf+G472QsT1rRTsiWriWXhqK0dSO1Dm2FjdjG1cVmUf/9k=)"> <source type="image/webp" srcset="https://www.newcom-fr.com/storage/products/33995/newc2400098-1-copiejpg___main_2000_2000.webp 2000w, https://www.newcom-fr.com/storage/products/33995/newc2400098-1-copiejpg___main_1673_1673.webp 1673w, https://www.newcom-fr.com/storage/products/33995/newc2400098-1-copiejpg___main_1399_1399.webp 1399w, https://www.newcom-fr.com/storage/products/33995/newc2400098-1-copiejpg___main_1171_1171.webp 1171w, https://www.newcom-fr.com/storage/products/33995/newc2400098-1-copiejpg___main_979_979.webp 979w, https://www.newcom-fr.com/storage/products/33995/newc2400098-1-copiejpg___main_819_819.webp 819w, https://www.newcom-fr.com/storage/products/33995/newc2400098-1-copiejpg___main_685_685.webp 685w, https://www.newcom-fr.com/storage/products/33995/newc2400098-1-copiejpg___main_573_573.webp 573w" sizes="(max-width: 1024px) 50vw, (max-width: 1440px) 33vw, 25vw"> <img srcset="https://www.newcom-fr.com/storage/products/33995/newc2400098-1-copiejpg___main_2000_2000.jpg 2000w, https://www.newcom-fr.com/storage/products/33995/newc2400098-1-copiejpg___main_1673_1673.jpg 1673w, https://www.newcom-fr.com/storage/products/33995/newc2400098-1-copiejpg___main_1399_1399.jpg 1399w, https://www.newcom-fr.com/storage/products/33995/newc2400098-1-copiejpg___main_1171_1171.jpg 1171w, https://www.newcom-fr.com/storage/products/33995/newc2400098-1-copiejpg___main_979_979.jpg 979w, https://www.newcom-fr.com/storage/products/33995/newc2400098-1-copiejpg___main_819_819.jpg 819w, https://www.newcom-fr.com/storage/products/33995/newc2400098-1-copiejpg___main_685_685.jpg 685w, https://www.newcom-fr.com/storage/products/33995/newc2400098-1-copiejpg___main_573_573.jpg 573w" sizes="(max-width: 1024px) 50vw, (max-width: 1440px) 33vw, 25vw" alt="NEWC2400098_1 - Copie.jpg" class="object-cover w-full h-full"> </picture>      <div class="product-tag"> <span class="highlight highlight-ui-lemon-heading"> New </span> </div>  </div> <div class="product-inner"> <div class="product-label">   </div> <div class="product-content"> <div class="product-title">    <h2 class="line-clamp-3 md:line-clamp-2">  Carafe mesureur 2,2L Sasuk </h2> </div> <div class="product-price"> <div>  À partir de <span class="font-semibold"> 1.86€/HT </span>  </div>  <div> 1 coloris </div>  </div> <div class="product-action"> <a href="https://www.newcom-fr.com/carafe-mesureur-2-2l-sasuk-p-3622" title="Carafe mesureur 2,2L Sasuk" class="hidden" x-ref="link"> En savoir plus </a> <div> <input type="hidden" name="product_variant_id"> <button type="button" class="btn btn-ui-purple btn-s-sm w-full font-semibold text-body-xs 2xs:text-body-sm" x-data="App.Modules.Quote.AddToQuote" x-bind:disabled="isAddedToQuote || isLoading" aria-label="Ajouter à mon devis" @click.stop=" $dl.push({ event: 'cta_ajout_devis' }); if (!$event.target.disabled) { addToQuote( false, [{ color_id: null, variant_id: 13002, product_id: 3622, quantity: null, }], )}"> <span x-show="!isLoading &amp;&amp; !isAddedToQuote">Ajouter à mon devis</span> <template x-if="isLoading"> <span class="flex gap-x-2 justify-center items-center"> <span>Ajouter à mon devis</span> <span class="s-4 border-2 border-white border-b-transparent rounded-full block animate-spin z-10 relative"></span> </span> </template> <template x-if="!isLoading &amp;&amp; isAddedToQuote"> <span class="flex gap-x-1 justify-center">Ajouté au devis <i class="i-check s-4"></i></span> </template> </button> </div> </div> </div> </div> </div> </div>  <div class=" product product-md group flex-none w-[300px] shadow-none " x-data="" @click="$refs.link.click()"> <div class="product-wrapper"> <div class="product-img">  <picture class=" bg-cover bg-center bg-no-repeat" style="background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgAIAAgAwERAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A/QjxV8d/C3hMMLzUI1df4d1dVLDTrfCiJzUPiPHfEn7dfhexkeKwzdSDgba9zD5HWrmtKMq/wK5t/Cf9ptfHmo7J4hbxMcLk152PwUsHLlZo6dnZ7n0Ra3CXESyIQVYZBFeUY7H56ftgeCrPwleyX1xLI0LjoDXRhXiJ1VTpuyCpQVb32fGl38SdJ09WWzh3P/eav17L8POlBc7PTwuLoYSk4xWpsfD/APaAuvD2uW7rIwhLDcAaxzPARxdNrqeL7e9VzZ+nP7Ov7Q2n+O9LgtN5MwUDJr8rxGEnhpOMjslaa5keY/tV+HtU8YNNbGzaaDYcNjOK4IVZ0qqnHoenh1Bws2fm14l+Eus2XiGW1jtJDlzjiv1XL83pVaaU3qeRicLKD5lsesfCv9mC81S4hmv425IOwCscdnUKaagc9PDuW5+gHwH+Bo8KxwSxw+QFA7da/P8AFYmeJnzSPQ92nGyPfta8K22qRsssStkdxXGYqVjwvxl+zlDf62t1aQIMnn5aXNKLvE7Y1k42keheBvg5Y+H443ljV5R7VV29Wc0ql9EenWllHbRhUUKB6UjA/9k=)"> <source type="image/webp" srcset="https://www.newcom-fr.com/storage/products/23864/newc2400060jpg___main_1000_1000.webp 1000w, https://www.newcom-fr.com/storage/products/23864/newc2400060jpg___main_836_836.webp 836w, https://www.newcom-fr.com/storage/products/23864/newc2400060jpg___main_700_700.webp 700w, https://www.newcom-fr.com/storage/products/23864/newc2400060jpg___main_585_585.webp 585w, https://www.newcom-fr.com/storage/products/23864/newc2400060jpg___main_489_489.webp 489w, https://www.newcom-fr.com/storage/products/23864/newc2400060jpg___main_409_409.webp 409w, https://www.newcom-fr.com/storage/products/23864/newc2400060jpg___main_342_342.webp 342w, https://www.newcom-fr.com/storage/products/23864/newc2400060jpg___main_286_286.webp 286w" sizes="(max-width: 1024px) 50vw, (max-width: 1440px) 33vw, 25vw"> <img srcset="https://www.newcom-fr.com/storage/products/23864/newc2400060jpg___main_1000_1000.jpg 1000w, https://www.newcom-fr.com/storage/products/23864/newc2400060jpg___main_836_836.jpg 836w, https://www.newcom-fr.com/storage/products/23864/newc2400060jpg___main_700_700.jpg 700w, https://www.newcom-fr.com/storage/products/23864/newc2400060jpg___main_585_585.jpg 585w, https://www.newcom-fr.com/storage/products/23864/newc2400060jpg___main_489_489.jpg 489w, https://www.newcom-fr.com/storage/products/23864/newc2400060jpg___main_409_409.jpg 409w, https://www.newcom-fr.com/storage/products/23864/newc2400060jpg___main_342_342.jpg 342w, https://www.newcom-fr.com/storage/products/23864/newc2400060jpg___main_286_286.jpg 286w" sizes="(max-width: 1024px) 50vw, (max-width: 1440px) 33vw, 25vw" alt="NEWC2400060.jpg" class="object-cover w-full h-full"> </picture>      <div class="product-tag"> <span class="highlight highlight-ui-lemon-heading"> New </span> </div>  </div> <div class="product-inner"> <div class="product-label">  <div class="tag"> <i class="v v-badge-eu tag-v"></i> <span>Made in Europe</span> </div>   <div class="tag"> <i class="v v-badge-eco tag-v"></i> <span>Ecoresponsable</span> </div>  </div> <div class="product-content"> <div class="product-title">    <h2 class="line-clamp-3 md:line-clamp-2">  Transat sans accoudoirs Geant XXL </h2> </div> <div class="product-price"> <div>  À partir de <span class="font-semibold"> 562.07€/HT </span>  </div>  <div> 1 coloris </div>  </div> <div class="product-action"> <a href="https://www.newcom-fr.com/transat-sans-accoudoirs-geant-xxl-p-3584" title="Transat sans accoudoirs Geant XXL" class="hidden" x-ref="link"> En savoir plus </a> <div> <input type="hidden" name="product_variant_id"> <button type="button" class="btn btn-ui-purple btn-s-sm w-full font-semibold text-body-xs 2xs:text-body-sm" x-data="App.Modules.Quote.AddToQuote" x-bind:disabled="isAddedToQuote || isLoading" aria-label="Ajouter à mon devis" @click.stop=" $dl.push({ event: 'cta_ajout_devis' }); if (!$event.target.disabled) { addToQuote( false, [{ color_id: null, variant_id: 12954, product_id: 3584, quantity: null, }], )}"> <span x-show="!isLoading &amp;&amp; !isAddedToQuote">Ajouter à mon devis</span> <template x-if="isLoading"> <span class="flex gap-x-2 justify-center items-center"> <span>Ajouter à mon devis</span> <span class="s-4 border-2 border-white border-b-transparent rounded-full block animate-spin z-10 relative"></span> </span> </template> <template x-if="!isLoading &amp;&amp; isAddedToQuote"> <span class="flex gap-x-1 justify-center">Ajouté au devis <i class="i-check s-4"></i></span> </template> </button> </div> </div> </div> </div> </div> </div>  <div class=" product product-md group flex-none w-[300px] shadow-none " x-data="" @click="$refs.link.click()"> <div class="product-wrapper"> <div class="product-img">  <picture class=" bg-cover bg-center bg-no-repeat" style="background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgAIAAgAwERAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A/VA8CgBhkxQAqtmgB1ACHpQBTnkCMMnFUhE8bjFSMmHIoAD0oA5/XY52nh8nOAeatEs0LUtkAjtUsovjpSAU0AQPEHOSKdxD1jApDJBxQB//2Q==)"> <source type="image/webp" srcset="https://www.newcom-fr.com/storage/products/33998/newc2400100-2jpg___main_2000_2000.webp 2000w, https://www.newcom-fr.com/storage/products/33998/newc2400100-2jpg___main_1673_1673.webp 1673w, https://www.newcom-fr.com/storage/products/33998/newc2400100-2jpg___main_1399_1399.webp 1399w, https://www.newcom-fr.com/storage/products/33998/newc2400100-2jpg___main_1171_1171.webp 1171w, https://www.newcom-fr.com/storage/products/33998/newc2400100-2jpg___main_979_979.webp 979w, https://www.newcom-fr.com/storage/products/33998/newc2400100-2jpg___main_819_819.webp 819w" sizes="(max-width: 1024px) 50vw, (max-width: 1440px) 33vw, 25vw"> <img srcset="https://www.newcom-fr.com/storage/products/33998/newc2400100-2jpg___main_2000_2000.jpg 2000w, https://www.newcom-fr.com/storage/products/33998/newc2400100-2jpg___main_1673_1673.jpg 1673w, https://www.newcom-fr.com/storage/products/33998/newc2400100-2jpg___main_1399_1399.jpg 1399w, https://www.newcom-fr.com/storage/products/33998/newc2400100-2jpg___main_1171_1171.jpg 1171w, https://www.newcom-fr.com/storage/products/33998/newc2400100-2jpg___main_979_979.jpg 979w, https://www.newcom-fr.com/storage/products/33998/newc2400100-2jpg___main_819_819.jpg 819w" sizes="(max-width: 1024px) 50vw, (max-width: 1440px) 33vw, 25vw" alt="NEWC2400100_2.jpg" class="object-cover w-full h-full"> </picture>     <picture class=" bg-cover bg-center bg-no-repeat" style="background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgAIAAgAwERAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A/U0yAUAM+0rn7woAesm7pzQA+gDmZtVdjjOK3UUibhGXZd5Y1WgjR02dmU7zwKykikaCzqehFZjOKt2kvUWQIRXTdEG1bQM0OZOAO1S5LoOxDJcnOxOBTS6sLjoXlEgAJNKSVgNm3so7dAqqMCsblGR4l1630S1y/VuAKFuJmdpDS6nEs6rhW5FbcyQrHR2tmEAJ+9Wblcdj/9k=)"> <source type="image/webp" srcset="https://www.newcom-fr.com/storage/products/34000/newc2400100-3jpg___main_1080_1080.webp 1080w, https://www.newcom-fr.com/storage/products/34000/newc2400100-3jpg___main_903_903.webp 903w, https://www.newcom-fr.com/storage/products/34000/newc2400100-3jpg___main_755_755.webp 755w, https://www.newcom-fr.com/storage/products/34000/newc2400100-3jpg___main_632_632.webp 632w, https://www.newcom-fr.com/storage/products/34000/newc2400100-3jpg___main_529_529.webp 529w, https://www.newcom-fr.com/storage/products/34000/newc2400100-3jpg___main_442_442.webp 442w" sizes="(max-width: 1024px) 50vw, (max-width: 1440px) 33vw, 25vw"> <img srcset="https://www.newcom-fr.com/storage/products/34000/newc2400100-3jpg___main_1080_1080.jpg 1080w, https://www.newcom-fr.com/storage/products/34000/newc2400100-3jpg___main_903_903.jpg 903w, https://www.newcom-fr.com/storage/products/34000/newc2400100-3jpg___main_755_755.jpg 755w, https://www.newcom-fr.com/storage/products/34000/newc2400100-3jpg___main_632_632.jpg 632w, https://www.newcom-fr.com/storage/products/34000/newc2400100-3jpg___main_529_529.jpg 529w, https://www.newcom-fr.com/storage/products/34000/newc2400100-3jpg___main_442_442.jpg 442w" sizes="(max-width: 1024px) 50vw, (max-width: 1440px) 33vw, 25vw" alt="NEWC2400100_3.jpg" class="object-cover w-full h-full"> </picture>     <div class="product-tag"> <span class="highlight highlight-ui-lemon-heading"> New </span> </div>  </div> <div class="product-inner"> <div class="product-label">   </div> <div class="product-content"> <div class="product-title">    <h2 class="line-clamp-3 md:line-clamp-2">  Balance numérique avec cuillère Langek </h2> </div> <div class="product-price"> <div>  À partir de <span class="font-semibold"> 7.09€/HT </span>  </div>  <div> 1 coloris </div>  </div> <div class="product-action"> <a href="https://www.newcom-fr.com/balance-numerique-avec-cuillere-langek-p-3624" title="Balance numérique avec cuillère Langek" class="hidden" x-ref="link"> En savoir plus </a> <div> <input type="hidden" name="product_variant_id"> <button type="button" class="btn btn-ui-purple btn-s-sm w-full font-semibold text-body-xs 2xs:text-body-sm" x-data="App.Modules.Quote.AddToQuote" x-bind:disabled="isAddedToQuote || isLoading" aria-label="Ajouter à mon devis" @click.stop=" $dl.push({ event: 'cta_ajout_devis' }); if (!$event.target.disabled) { addToQuote( false, [{ color_id: null, variant_id: 13004, product_id: 3624, quantity: null, }], )}"> <span x-show="!isLoading &amp;&amp; !isAddedToQuote">Ajouter à mon devis</span> <template x-if="isLoading"> <span class="flex gap-x-2 justify-center items-center"> <span>Ajouter à mon devis</span> <span class="s-4 border-2 border-white border-b-transparent rounded-full block animate-spin z-10 relative"></span> </span> </template> <template x-if="!isLoading &amp;&amp; isAddedToQuote"> <span class="flex gap-x-1 justify-center">Ajouté au devis <i class="i-check s-4"></i></span> </template> </button> </div> </div> </div> </div> </div> </div>  <div class=" product product-md group flex-none w-[300px] shadow-none " x-data="" @click="$refs.link.click()"> <div class="product-wrapper"> <div class="product-img">  <picture class=" bg-cover bg-center bg-no-repeat" style="background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgAIAAgAwERAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A/VCgCOdtqk0ANt33rmgCagAoA5fx74ug8HaQ95OMoOKALPgvX4/Emiw30YwkgyKAN+gAoA8Z/agkeLwBMyDJB7UAbnwAmaf4d6czDB2CgD0qgAoA5vxv4Qt/GWlPY3IzG1AFjwj4bh8LaRDYQcRxjAoA3KAP/9k=)"> <source type="image/webp" srcset="https://www.newcom-fr.com/storage/products/34007/newc2400104-2jpg___main_2000_2000.webp 2000w, https://www.newcom-fr.com/storage/products/34007/newc2400104-2jpg___main_1673_1673.webp 1673w, https://www.newcom-fr.com/storage/products/34007/newc2400104-2jpg___main_1400_1400.webp 1400w, https://www.newcom-fr.com/storage/products/34007/newc2400104-2jpg___main_1171_1171.webp 1171w, https://www.newcom-fr.com/storage/products/34007/newc2400104-2jpg___main_979_979.webp 979w, https://www.newcom-fr.com/storage/products/34007/newc2400104-2jpg___main_819_819.webp 819w" sizes="(max-width: 1024px) 50vw, (max-width: 1440px) 33vw, 25vw"> <img srcset="https://www.newcom-fr.com/storage/products/34007/newc2400104-2jpg___main_2000_2000.jpg 2000w, https://www.newcom-fr.com/storage/products/34007/newc2400104-2jpg___main_1673_1673.jpg 1673w, https://www.newcom-fr.com/storage/products/34007/newc2400104-2jpg___main_1400_1400.jpg 1400w, https://www.newcom-fr.com/storage/products/34007/newc2400104-2jpg___main_1171_1171.jpg 1171w, https://www.newcom-fr.com/storage/products/34007/newc2400104-2jpg___main_979_979.jpg 979w, https://www.newcom-fr.com/storage/products/34007/newc2400104-2jpg___main_819_819.jpg 819w" sizes="(max-width: 1024px) 50vw, (max-width: 1440px) 33vw, 25vw" alt="NEWC2400104_2.jpg" class="object-cover w-full h-full"> </picture>      <div class="product-tag"> <span class="highlight highlight-ui-lemon-heading"> New </span> </div>  </div> <div class="product-inner"> <div class="product-label">   </div> <div class="product-content"> <div class="product-title">    <h2 class="line-clamp-3 md:line-clamp-2">  Thermomètre de précision avec sonde Jarris </h2> </div> <div class="product-price"> <div>  À partir de <span class="font-semibold"> 5.95€/HT </span>  </div>  <div> 1 coloris </div>  </div> <div class="product-action"> <a href="https://www.newcom-fr.com/thermometre-de-precision-avec-sonde-jarris-p-3628" title="Thermomètre de précision avec sonde Jarris" class="hidden" x-ref="link"> En savoir plus </a> <div> <input type="hidden" name="product_variant_id"> <button type="button" class="btn btn-ui-purple btn-s-sm w-full font-semibold text-body-xs 2xs:text-body-sm" x-data="App.Modules.Quote.AddToQuote" x-bind:disabled="isAddedToQuote || isLoading" aria-label="Ajouter à mon devis" @click.stop=" $dl.push({ event: 'cta_ajout_devis' }); if (!$event.target.disabled) { addToQuote( false, [{ color_id: null, variant_id: 13008, product_id: 3628, quantity: null, }], )}"> <span x-show="!isLoading &amp;&amp; !isAddedToQuote">Ajouter à mon devis</span> <template x-if="isLoading"> <span class="flex gap-x-2 justify-center items-center"> <span>Ajouter à mon devis</span> <span class="s-4 border-2 border-white border-b-transparent rounded-full block animate-spin z-10 relative"></span> </span> </template> <template x-if="!isLoading &amp;&amp; isAddedToQuote"> <span class="flex gap-x-1 justify-center">Ajouté au devis <i class="i-check s-4"></i></span> </template> </button> </div> </div> </div> </div> </div> </div>  </div> </div> </div> </div> <div class="xs:hidden mt-8 text-center"> <button type="button" class="btn btn-ui-purple border-white btn-s-sm w-[170px]" x-on:click="$refs.link.click()" aria-label="Voir tout"> Voir tout </button> </div> </div> <div class="layout py-20 sm:py-24 bg-grey-300"> <div class="max-w-[840px] mx-auto text-center js-home-content" x-data="{ active: false }"> <div class="relative overflow-hidden text-body-md mb-2 wysiwyg max-w-none after:absolute after:z-[1] after:bottom-0 after:left-0 after:w-full after:h-4 after:from-transparent after:to-grey-300 after:bg-gradient-to-b max-h-[168px]" :class="active ? 'after:hidden' : 'max-h-[168px]'"> <div class="mb-2 uppercase text-spaced-sm font-semibold text-purple" style="text-align: center;">Les Goodies</div>
<h2 class="text-heading-xl 2xs:text-heading-2xl !font-extrabold mb-2 mt-0" style="text-align: center;">Le goodies, c’est quoi ?&nbsp;</h2>
<p>Le goodie est un article publicitaire que l’entreprise offre à ses clients ou employés pour faire de la publicité. Parfois pour les récompenser. Le mot «&nbsp;goodie&nbsp;» a été utilisé pour la première fois en 1892, dans le marketing et la vente. Aujourd’hui, il est communément admis que ce terme est le synonyme de «&nbsp;cadeau&nbsp;».</p>
<p>Le goodie pub a l’avantage de vous aider à renforcer les liens avec vos employés et votre clientèle. Il se doit cependant être de bonne qualité et personnalisé avec vos couleurs ou votre logo.&nbsp; Vous avez beaucoup à gagner avec cet objet promotionnel dont l’objectif principal est de booster la visibilité de votre marque. C’est un moyen efficace à la fois pour gagner de nouveaux clients et fidéliser ceux que votre entreprise possède déjà.</p>
<p>En outre, les goodies ne mobilisent pas forcément un budget important, car ils sont généralement proposés à petits prix. Notamment lorsqu’ils sont commandés en grande quantité. Les objets publicitaires d’entreprise sont donc des outils très pertinents pour les campagnes de promotion à large diffusion. Pour faire plaisir aux prospects et améliorer la visibilité de l’entreprise, le goodie reste l’objet publicitaire idéal. Vous en trouverez de nombreux choix chez Newcom. Si l’on ne cite que le sifflet de sport Whistle ou le bracelet silicone tricolore.</p>
<h2 style="text-align: center;"><strong>Goodies et objets publicitaires comme stratégie de communication&nbsp;</strong></h2>
<p>Le choix du goodie est essentiel dans votre stratégie de communication. Mais ce n’est pas pour autant qu’il suffit d’offrir des objets publicitaires lambdas pour obtenir des résultats. Une étude a montré que 69 % des Français ayant reçu des goodies les conservent souvent pendant une très longue période. Vous avez ainsi tout intérêt à investir dans un objet haut de gamme qui puisse servir dans la vie quotidienne.</p>
<h3>Promouvoir votre marque avec les goodies&nbsp;personnalisés</h3>
<p>Avec des goodies personnalisés originaux, votre marque détient un puissant moyen de promotion. Ils constituent un pilier efficace de la politique marketing de l’entreprise. Cela, du fait qu’ils atteignent à la fois les salariés et les clients.</p>
<p>Pour augmenter l’efficacité des objets promotionnels, il est judicieux d’opter pour des articles qui ont une utilité au quotidien. Leurs destinataires pourront ainsi les utiliser aussi fréquemment que possible et avoir la marque sous leurs yeux à chaque fois qu’ils s’en servent. C’est une publicité permanente pour l’entreprise et c’est d’ailleurs la raison pour laquelle il est conseillé d’opter pour un goodie pub pratique. Vous pouvez miser sur un stylo, un tote bag, un porte-clé personnalisable comme le porte-clés décapsuleur Decaps. Mais vous pouvez aussi faire plaisir à vos fidèles clients avec des confiseries emballées dans du papier avec votre logo.</p>
<h3>Fidéliser vos clients, remercier vos collaborateurs&nbsp;</h3>
<p>Un goodie ou cadeau d’entreprise n’est pas seulement destiné à votre clientèle. Il constitue aussi un moyen de renforcer le sentiment d’appartenance de votre personnel. Lors d’occasions comme les fêtes de fin d’année, Noël ou pour les incentives, n’hésitez pas à miser sur les cadeaux qui font plaisir. &nbsp;Des chocolats ou bonbons,un stylo publicitaire ou un briquet tel que le briquet décapsuleur Pierrot. Pour retenir les talents de l’entreprise, une campagne de fidélisation en interne est d’une grande importance.</p>
<p>Nombreuses sont les occasions pour lesquelles offrir un cadeau d’entreprise peut être levier d’encouragement des équipes. L’atteinte d’un chiffre d’affaires exceptionnel, une victoire à un concours d’entreprise, un nouveau marché… En se sentant valorisées et reconnues pour leurs efforts, vos équipes adhéreront plus à la culture d’entreprise. Il ne faut donc pas négliger l’impact des goodies entreprise sur la motivation des employés.</p>
<h3>Le goodies personnalisé pour se démarquer de la concurrence&nbsp;</h3>
<p>Le recours aux objets publicitaires est une stratégie de plus en plus répandue chez les entreprises. Du fait qu’il s’agit d’une stratégie permettant de toucher une audience très importante. Comme le bouche-à-oreille, une campagne de fidélisation utilisant les goodies est très efficace sans vous coûter une fortune. Et c’est cette grande capacité de diffusion qui fait la force des goodies personnalisables. Ils vous permettent de faire partie du quotidien de vos clients et de&nbsp; nouer une relation empreinte d’authenticité avec eux.</p>
<p>En outre, il faut savoir que la publicité par les goodies peut vite devenir un véritable phénomène de mode. L’exemple le plus flagrant est par exemple le fameux hand-spinner. De simple objet publicitaire, il est devenu un accessoire à la mode que les marques ont pu largement utiliser. Au-delà de la simple publicité, il s’agit de fédérer une véritable communauté autour de votre vision. En adhérant à ces valeurs, les clients sont non seulement fidèles, mais ils deviennent aussi vos ambassadeurs. Ils sont plus enclins à recommander vos produits et services autour d’eux.&nbsp; Grâce à nos goodies personnalisés, démarquez-vous de la concurrence à travers des goodies et cadeaux d’affaires bien choisis. Parmi nos sélections, découvrez la balle anti stress antibactérienne Squeeze ou le spray nettoyant écran Pschitt.</p>
<h3>Le goodies s’invite sur les salons professionnels et événements&nbsp;</h3>
<p>Le goodie fait figure d’incontournable lors des évènements et des salons professionnels auxquels votre entreprise participe. Il permet de rester dans l’esprit des visiteurs et de se démarquer de la concurrence durant tout l’évènement. Bien entendu, vous devez offrir un objet cohérent avec votre marque et vos valeurs. Si votre entreprise porte un intérêt à la protection de l’environnement, privilégiez des objets publicitaires éco responsables tels que</p>
<p>Un salon professionnel est l’occasion idéale de se distinguer des concurrents sans avoir à y consacrer un grand budget. Vous pouvez choisir des objets promotionnels dont le prix commence à quelques centimes l’unité et en faire un outil viral. Grâce à la variété des techniques de marquage qui existent actuellement, il y a de plus en plus d’objets du quotidien qui peuvent devenir des goodies personnalisables. Parmi eux, on peut citer le mug, le briquet publicitaire, la clé USB, le sac à dos, le porte clé… Vous pouvez également miser sur notre Pin’s Zamac fabriqué en France. Ces cadeaux d’entreprise peuvent être également offerts à des proches et à des amis. Cela va diffuser votre message et élargir vos prospects, sans avoir à mobiliser des coûts supplémentaires.</p>
<h2 style="text-align: center;"><strong>Un large choix de goodies personnalisables chez Newcom&nbsp;</strong></h2>
<h3>Les goodies traditionnels&nbsp;</h3>
<p>La communication par l’objet est un secteur en perpétuel mouvement, avec des tendances qui vont et qui viennent au fil des besoins des cibles. Néanmoins,&nbsp;il y existe une catégorie de goodies qui demeure incontournable et efficace malgré les nouveautés. Le point commun de ces goodies traditionnels est qu’ils sont intemporels et indémodables. Dans cette catégorie, on retrouve le T-shirt, le sac en textile ou tote bags, le sac de sport… A cela s’ajoute le stylo, le porte clés, le mug personnalisé tel que notre mug céramique 350 ml Modern.</p>
<h3>Les goodies originaux&nbsp;</h3>
<p>Si les goodies pub intemporels et traditionnels sont une valeur sûre, vous pouvez aussi miser sur l’originalité pour vous démarquer. Avec le Made in France, par exemple, vous pouvez répondre au besoin croissant d’authenticité et de proximité de nombreux Français. Des Français qui désirent connaître l’origine des produits qu’ils utilisent. Il s’agit d’un besoin qui va de pair avec les préoccupations liées à la protection de l’environnement. Un goodie Made in France véhicule des valeurs de transparence et de réduction de l’impact environnemental chez les clients. Vous avez donc tout à gagner à inclure ce type d’objets publicitaires dans votre campagne de communication. Pour transmettre un message fort et cher au cœur des Français, dont vos clients, Newcom vous réserve les meilleurs goodies. Parmi nos meilleures sélections, notez le gobelet réutilisable 30 CL made in France French Biocup 30.</p>
<h3>Les goodies high tech&nbsp;</h3>
<p>Le monde d’aujourd’hui est indéniablement digital. Smartphones, tablettes et ordinateurs sont devenus des objets dont on ne peut se passer au quotidien. C’est une réalité que les entreprises ont vite comprise et tournée à leur avantage en proposant des objets high tech. Le plus souvent des accessoires permettant à ces objets de fonctionner correctement. En matière d’objets promotionnels high-tech, le choix est très vaste&nbsp;chez Newcom : clé USB, haut-parleur Bluetooth, tapis de souris personnalisé … Ce sont des gadgets qui accompagnent toutes les catégories de clients dans leur quotidien et qu’ils utilisent très régulièrement. Personnalisés avec le logo de votre entreprise, ces objets publicitaires seront de puissants alliés pour promouvoir votre marque.</p>
<h3>Les goodies éco responsable&nbsp;</h3>
<p>Le réchauffement climatique est aujourd’hui une préoccupation pour tous. Ses enjeux ont entraîné une prise de conscience collective sur les actions à mener. Pour intégrer cette notion de responsabilité dans votre campagne de fidélisation, vous pouvez compter sur les articles publicitaires écoresponsables. A l’instar de la gourde réutilisable sans BPA 400 Ml Gobi ou le sac biodégradable. Ecologiques et innovants, ces cadeaux contribuent au développement durable et à la protection de l’environnement. Une belle opportunité pour véhiculer l’image de marque de votre entreprise.</p>
<h2 style="text-align: center;"><strong>Newcom, spécialiste des goodies</strong></h2>
<p>Doté de 25 années d’expérience, Newcom s’est spécialisée dans la vente d’objets publicitaires de qualité. Et ce, à un prix adapté à tous les budgets. Notre large gamme d’objets publicitaires et de cadeaux d’entreprise s’adresse à différents destinataires. Ils conviennent également à de nombreuses occasions. Pour satisfaire des besoins différents, nos goodies se déclinent en une large variété de thèmes, de couleurs et de matières.</p>
<p>Newcom propose des objets pub haut de gamme issus du savoir-faire et du professionnalisme de fabricants rigoureux. L’entreprise s’appuie sur un concept simple&nbsp;: proposer des <a href="https://www.newcom-fr.com/">goodies</a> traditionnels ou tendances. Nous veillons à offrir à nos clients des objets pertinents, répondant à leurs objectifs de communication. Toujours à petit prix. Et grâce à nos services de marquage publicitaire, profitez d’une personnalisation de qualité et adaptée à vos supports.</p>
<p>Pour réaliser ces objectifs, Newcom veille au respect de l’engagement RSE pour le bien-être des salariés. Le respect des normes de fabrication des plus rigoureuses fait également partie de nos engagements. Avec Newcom, retrouvez les meilleurs supports de communication pour votre entreprise&nbsp;!</p> </div> <button type="button" class="link link-ui-black underline text-body-sm" x-on:click="active = !active; this.scrollTo({ top: document.querySelector('.js-home-content').offsetTop - 168, behavior: 'smooth' })" aria-label="Voir"> <span :class="active ? 'hidden' : ''" class=""> Voir plus </span> <span :class="active ? '' : 'hidden'" class="hidden"> Voir moins </span> </button> </div> </div>    </main>   <div class="layout"> <div class="2xl:container my-14 md:my-[72px]"> <h2 class="text-heading-md md:text-heading-2xl text-center mb-6 md:mb-8"> Ici, on s’occupe de tout, surtout de <span class="inline-block leading-none bg-lemon">vous</span> ! </h2> <div class="grid grid-cols-2 md:grid-cols-4 gap-5 md:gap-8 mb-14"> <div class="text-center max-w-64 mx-auto"> <div class="s-12 mx-auto"> <i class="i-badge s-12"></i> </div> <div class="mt-3 text-spaced-sm"> <h3 class="font-semibold uppercase mb-1"> 30 ans de savoir faire </h3> <p class="hidden md:block"> Nous sommes experts dans l’objet publicitaire et la personnalisation </p> </div> </div> <div class="text-center max-w-64 mx-auto"> <div class="s-12 mx-auto"> <i class="i-star-file s-12"></i> </div> <div class="mt-3 text-spaced-sm"> <h3 class="font-semibold uppercase mb-1"> Conseils avisés &amp; réactivité </h3> <p class="hidden md:block"> Nos conseillers vous apportent une réponse sur-mesure et sous 24h </p> </div> </div> <div class="text-center max-w-64 mx-auto"> <div class="s-12 mx-auto"> <i class="i-star-alt s-12"></i> </div> <div class="mt-3 text-spaced-sm"> <h3 class="font-semibold uppercase mb-1"> Dénicheur du meilleur </h3> <p class="hidden md:block"> Nous dénichons des objets toujours beaux, utiles et durables </p> </div> </div> <div class="text-center max-w-64 mx-auto"> <div class="s-12 mx-auto"> <i class="i-smiley s-12"></i> </div> <div class="mt-3 text-spaced-sm"> <h3 class="font-semibold uppercase mb-1"> Clients 100% satisfaits </h3> <p class="hidden md:block"> Nous faisons de votre satisfaction notre priorité </p> </div> </div> </div> </div> </div>   <footer>
            <section class="md:layout md:mb-6"> <div class="2xl:container"> <div class="flex flex-col md:flex-row gap-x-[84px] items-center"> <div class="md:w-[107px] flex justify-center items-center gap-x-2 md:block md:gap-0"> <div class="inline-flex items-baseline text-heading-2xl md:mb-2"> <span class="text-heading-2xl font-extrabold">4.8/</span> <span class="text-heading-lg font-extrabold">5</span> </div> <picture> <source type="image/webp" data-srcset="https://www.newcom-fr.com/img/front/avis.webp" class="lazy"> <img data-src="https://www.newcom-fr.com/img/front/avis.jpeg" alt="Avis vérifiés" height="40" width="107" class="lazy"> </picture> </div> <div class="relative md:px-10 max-w-full md:max-w-[calc(100%-191px)]"> <div x-data="App.Components.Sliders.BaseSlider" x-init="start()" class="slider-x-wrapper"> <div class="slider-x slider-x-items-[1.33] xs:slider-x-items-[2.25] lg:slider-x-items-[3] 2xl:slider-x-items-[4] slider-x-gap-3 slider-x-px-5 md:slider-x-gap-6 pt-8 pb-14 md:py-8 slider-x-snap-start scrollbar-none" x-ref="wrapper">  <div class="slider-x-item"> <a target="_blank" href="https://www.avis-verifies.com/avis-clients/newcom-fr.com" class="flex flex-col h-full shadow-box-from-t-sm bg-white p-6 rounded-2xl text-body-sm"> <div class="flex items-center gap-0.5">   <i class="i-star s-4 text-purple"></i>     <i class="i-star s-4 text-purple"></i>     <i class="i-star s-4 text-purple"></i>     <i class="i-star s-4 text-purple"></i>     <i class="i-star s-4 text-purple"></i>    </div> <p class="my-2 flex-grow"> “J'ai commandé des polos, ils sont de très bonne qualité, avec des délais court. Merci” </p> <div class="text-spaced-sm font-semibold uppercase">  D. </div> </a> </div>  <div class="slider-x-item"> <a target="_blank" href="https://www.avis-verifies.com/avis-clients/newcom-fr.com" class="flex flex-col h-full shadow-box-from-t-sm bg-white p-6 rounded-2xl text-body-sm"> <div class="flex items-center gap-0.5">   <i class="i-star s-4 text-purple"></i>     <i class="i-star s-4 text-purple"></i>     <i class="i-star s-4 text-purple"></i>     <i class="i-star s-4 text-purple"></i>     <i class="i-star s-4 text-grey-500"></i>    </div> <p class="my-2 flex-grow"> “bon échange avec vos différents services et livraison rapide. nous sommes satisfait de notre commande. cdt” </p> <div class="text-spaced-sm font-semibold uppercase"> Claudine A. </div> </a> </div>  <div class="slider-x-item"> <a target="_blank" href="https://www.avis-verifies.com/avis-clients/newcom-fr.com" class="flex flex-col h-full shadow-box-from-t-sm bg-white p-6 rounded-2xl text-body-sm"> <div class="flex items-center gap-0.5">   <i class="i-star s-4 text-purple"></i>     <i class="i-star s-4 text-purple"></i>     <i class="i-star s-4 text-purple"></i>     <i class="i-star s-4 text-purple"></i>     <i class="i-star s-4 text-purple"></i>    </div> <p class="my-2 flex-grow"> “Bonne communication, hyper réactif et de bons conseils” </p> <div class="text-spaced-sm font-semibold uppercase"> Bénédicte F. </div> </a> </div>  <div class="slider-x-item"> <a target="_blank" href="https://www.avis-verifies.com/avis-clients/newcom-fr.com" class="flex flex-col h-full shadow-box-from-t-sm bg-white p-6 rounded-2xl text-body-sm"> <div class="flex items-center gap-0.5">   <i class="i-star s-4 text-purple"></i>     <i class="i-star s-4 text-purple"></i>     <i class="i-star s-4 text-purple"></i>     <i class="i-star s-4 text-purple"></i>     <i class="i-star s-4 text-purple"></i>    </div> <p class="my-2 flex-grow"> “Je recommande vivement  pour la qualité du contact, du service, de l'écoute et de la réactivité” </p> <div class="text-spaced-sm font-semibold uppercase"> Isabelle P. </div> </a> </div>  <div class="slider-x-item"> <a target="_blank" href="https://www.avis-verifies.com/avis-clients/newcom-fr.com" class="flex flex-col h-full shadow-box-from-t-sm bg-white p-6 rounded-2xl text-body-sm"> <div class="flex items-center gap-0.5">   <i class="i-star s-4 text-purple"></i>     <i class="i-star s-4 text-purple"></i>     <i class="i-star s-4 text-purple"></i>     <i class="i-star s-4 text-purple"></i>     <i class="i-star s-4 text-purple"></i>    </div> <p class="my-2 flex-grow"> “Très bien ! Bon relationnel, efficace et pro. Merci” </p> <div class="text-spaced-sm font-semibold uppercase"> FRANCE H. </div> </a> </div>  </div> <button class="hidden md:block absolute top-1/2 left-0 -translate-y-1/2 rotate-90 disabled:cursor-not-allowed disabled:opacity-25 transition-opacity" @click="prev()" :disabled="noPrev" aria-label="Prècédent" disabled="disabled"> <i class="i-arrow-sm s-8"></i> </button> <button class="hidden md:block absolute top-1/2 right-0 -translate-y-1/2 -rotate-90 disabled:cursor-not-allowed disabled:opacity-25 transition-opacity" @click="next()" :disabled="noNext" aria-label="Suivant"> <i class="i-arrow-sm s-8"></i> </button> </div> </div> </div> </div> </section>    
    <div class="layout bg-black text-white pt-[74px] pb-10">
        <div class="2xl:container px-5 xs:px-6 md:px-0">
            <div class="md:flex gap-x-8 lg:gap-x-[60px] mb-10 md:mb-12">
                <div class="xs:flex xs:gap-x-8 xs:items-center xs:justify-center md:block">
                    <a href="https://www.newcom-fr.com" aria-label="Newcom">
                        <picture>
                            <img data-src="https://www.newcom-fr.com/img/front/logo-white.svg" alt="Newcom" height="40" width="280" class="mx-auto md:mx-0 lazy">
                        </picture>
                    </a>

                    <div class="flex items-center justify-center md:justify-start gap-x-8 mt-8 xs:mt-0 md:mt-8">
                        <ul class="flex items-center gap-4"> <li class="inline-flex">  <a href="https://www.linkedin.com/company/newcom-l%27objet-pub/" target="_blank" title="Linkedin" rel="noopener nofollow" class="link link-ui-white s-6" aria-label="Linked-In"> <i class="i-linkedin h-full w-full"></i> </a>  </li> </ul>
                        <ul class="flex items-center gap-3"> <li class="s-6 border rounded-full border-grey-700 relative group cursor-pointer"> <i class="v-flag-fr h-full w-full"></i> <div class="hidden group-hover:flex absolute bottom-[calc(100%+6px)] left-3 items-start gap-x-2 text-body-xs text-black bg-purple-lighter px-4 py-2 rounded-2xl rounded-bl-none w-72"> <span class="text-body-xl"> 📦​​ </span> Nous livrons en France Métropolitaine mais aussi avec plaisir les DOM-TOM, nos voisins belges, luxembourgeois et suisses, et toute autre destination si besoin. N’hésitez pas à nous contacter. </div> </li> <li class="s-6 border rounded-full border-grey-700 relative group cursor-pointer"> <i class="v-flag-be h-full w-full"></i> <div class="hidden group-hover:flex absolute bottom-[calc(100%+6px)] left-3 items-start gap-x-2 text-body-xs text-black bg-purple-lighter px-4 py-2 rounded-2xl rounded-bl-none w-72"> <span class="text-body-xl"> 📦​​ </span> Nous livrons en France Métropolitaine mais aussi avec plaisir les DOM-TOM, nos voisins belges, luxembourgeois et suisses, et toute autre destination si besoin. N’hésitez pas à nous contacter. </div> </li> <li class="s-6 border rounded-full border-grey-700 relative group cursor-pointer"> <i class="v-flag-lu h-full w-full"></i> <div class="hidden group-hover:flex absolute bottom-[calc(100%+6px)] left-3 items-start gap-x-2 text-body-xs text-black bg-purple-lighter px-4 py-2 rounded-2xl rounded-bl-none w-72"> <span class="text-body-xl"> 📦​​ </span> Nous livrons en France Métropolitaine mais aussi avec plaisir les DOM-TOM, nos voisins belges, luxembourgeois et suisses, et toute autre destination si besoin. N’hésitez pas à nous contacter. </div> </li> <li class="s-6 border rounded-full border-grey-700 relative group cursor-pointer"> <i class="v-flag-su h-full w-full"></i> <div class="hidden group-hover:flex absolute bottom-[calc(100%+6px)] left-3 items-start gap-x-2 text-body-xs text-black bg-purple-lighter px-4 py-2 rounded-2xl rounded-bl-none w-72"> <span class="text-body-xl"> 📦​​ </span> Nous livrons en France Métropolitaine mais aussi avec plaisir les DOM-TOM, nos voisins belges, luxembourgeois et suisses, et toute autre destination si besoin. N’hésitez pas à nous contacter. </div> </li> </ul>                    </div>
                </div>

                <div class="mx-auto md:mx-0 max-w-sm text-body-sm text-center md:text-left my-10 md:my-0">
                    <p class="text-body-lg mb-4 font-light">
                        Beaux, utiles, durables, <b class="font-bold">des textiles et objets personnalisés</b> à votre image
                    </p>

                    <p class="text-black highlight highlight-ui-lemon-full">
                        <i class="v-check s-4 mr-1 align-middle"></i>Membre de la fédération 2FPCO
                    </p>

                    <div class="mb-1"></div>

                    <p class="text-black highlight highlight-ui-lemon-full">
                        <i class="v-check s-4 mr-1 align-middle"></i>Certifié Ecovadis PLATINIUM 2023
                    </p>
                </div>

                <div class="flex-grow xs:min-w-96 xl:min-w-0" x-data="App.Partials.Newsletter"> <div class=" ml-auto md:max-w-lg xl:max-w-xl border border-white p-6 ">  <div class="text-heading-md font-extrabold mb-2"> La newsletter </div>  <div>  <div x-show="messageClass !== 'text-state-success'"> <form method="POST" action="https://www.newcom-fr.com/newsletter" accept-charset="UTF-8" class="flex gap-2 items-center gap-2" x-on:submit.prevent="submitForm"><input name="_token" type="hidden" value="tTJoDZc3IxXmaZzZ9qOcyjjDDLlc6emFUizNkdFT"> <input class="w-[84%] xs:w-autp input-newsletter" aria-label="Votre adresse e-mail" placeholder="Votre adresse e-mail" required="required" x-model="email" name="email" type="email"> <input class="w-[16%] xs:w-12 btn btn-ui-purple btn-s-sm w-12 uppercase shrink-0" x-bind:disabled="isSubmitting" type="submit" value="OK"> </form> </div>  <div x-show="messageClass === 'text-state-success'" class="mt-4 text-body-sm text-center md:text-left" style="display: none;"> 💜 <b>Merci pour votre inscription</b> 💜 À bientôt pour des nouvelles ! </div> <div x-show="messageClass === 'text-state-error'" class="text-body-sm  my-2  text-center md:text-left text-state-error" x-text="errorMessage" style="display: none;"></div> </div> </div> </div>            </div>

            <div class="mb-4 md:mb-12"> <div class="grid grid-cols-1 xs:grid-cols-2 md:grid-cols-4 gap-x-6"> <div x-data="{ active: true }" class="text-body-md mb-6 xs:mb-8 md:mb-0"> <h3 class="flex items-center justify-between gap-4 md:block uppercase font-bold md:mb-4" @click="active = !active"> Service client <div class="xs:hidden transition-transform s-4 -rotate-180" :class="active ? '-rotate-180' : 'rotate-0'"> <i class="i-arrow-sm s-4"></i> </div> </h3> <div class="mt-4 md:mt-0 block" :class="active ? 'block' : 'hidden xs:block'"> <a href="tel:0327288280" class="link link-ui-lemon font-bold"> 03 27 28 82 80 </a> <span class="block"> [email protected] </span> <div class="text-body-xs mb-4"> Lun. au ven. de 9h00 à 17h00 </div> <ul>  <li>  <a @click.prevent="$dispatch('contact-layer')" title="Contactez-nous" href="https://www.newcom-fr.com/page/contact/100" class="link link-ui-white"> Contactez-nous </a>  </li>  <li>   <a href="https://www.newcom-fr.com/page/demande-echantillon/166" title="Demande d'échantillon" class="link link-ui-white"> Demande d'échantillon </a>   </li>   <li>   <a href="https://paiement.systempay.fr/vads-site/NEWCOM_L_OBJET_PUB" target="_blank" title="Paiement en ligne" class="link link-ui-white"> Paiement en ligne </a>   </li>   </ul> </div> </div> <div x-data="{ active: false }" class="text-body-md mb-6 xs:mb-8 md:mb-0"> <h3 class="flex items-center justify-between gap-4 md:block uppercase font-bold md:mb-4" @click="active = !active"> L'entreprise <div class="xs:hidden transition-transform s-4 rotate-0" :class="active ? '-rotate-180' : 'rotate-0'"> <i class="i-arrow-sm s-4"></i> </div> </h3> <div class="mt-4 md:mt-0 hidden xs:block" :class="active ? 'block' : 'hidden xs:block'"> <ul> <li>   <a href="https://www.newcom-fr.com/page/histoire/24" title="Notre histoire" class="link link-ui-white"> Notre histoire </a>   </li>   <li>   <a href="https://www.newcom-fr.com/page/accompagnement/155" title="Votre accompagnement" class="link link-ui-white"> Votre accompagnement </a>   </li>   <li>   <a href="https://www.newcom-fr.com/page/responsabilite-sociale-et-environnementale/35" title="Nos engagements RSE" class="link link-ui-white"> Nos engagements RSE </a>   </li>   <li>   <a href="https://www.newcom-fr.com/page/nos-agences/12" title="Nos 4 agences" class="link link-ui-white"> Nos 4 agences </a>   </li>   <li>   <a href="https://www.newcom-fr.com/page/recrutement/13" title="Rejoignez l'équipe !" class="link link-ui-white"> Rejoignez l'équipe ! </a>   </li>   <li>   <a href="https://www.newcom-fr.com/page/federation-objet-media/167" title="Membre de la fédération 2FPCO" class="link link-ui-white"> Membre de la fédération 2FPCO </a>   </li>   </ul> </div> </div> <div x-data="{ active: false }" class="text-body-md mb-6 xs:mb-8 md:mb-0"> <h3 class="flex items-center justify-between gap-4 md:block uppercase font-bold md:mb-4" @click="active = !active"> Notre savoir-faire <div class="xs:hidden transition-transform s-4 rotate-0" :class="active ? '-rotate-180' : 'rotate-0'"> <i class="i-arrow-sm s-4"></i> </div> </h3> <div class="mt-4 md:mt-0 hidden xs:block" :class="active ? 'block' : 'hidden xs:block'"> <ul> <li>   <a href="https://www.newcom-fr.com/page/denicheurs-objets/184" title="Dénicheur d'objets" class="link link-ui-white"> Dénicheur d'objets </a>   </li>   <li>   <a href="https://www.newcom-fr.com/page/agp/164" title="AGP : notre atelier de gravure" class="link link-ui-white"> AGP : notre atelier de gravure </a>   </li>   <li>   <a href="https://www.newcom-fr.com/page/techniques-de-marquage/14" title="Techniques de marquage" class="link link-ui-white"> Techniques de marquage </a>   </li>   <li>   <a href="https://www.newcom-fr.com/page/ateliers-marquage/165" title="Nos ateliers de marquage" class="link link-ui-white"> Nos ateliers de marquage </a>   </li>   </ul> </div> </div> <div x-data="{ active: false }" class="text-body-md mb-6 xs:mb-8 md:mb-0"> <h3 class="flex items-center justify-between gap-4 md:block uppercase font-bold md:mb-4" @click="active = !active"> Actualités <div class="xs:hidden transition-transform s-4 rotate-0" :class="active ? '-rotate-180' : 'rotate-0'"> <i class="i-arrow-sm s-4"></i> </div> </h3> <div class="mt-4 md:mt-0 hidden xs:block" :class="active ? 'block' : 'hidden xs:block'"> <ul> <li>   <a href="https://www.newcom-fr.com/page/nos-catalogues/41" title="Nos catalogues" class="link link-ui-white"> Nos catalogues </a>   </li>   <li>   <a href="https://www.newcom-fr.com/page/realisations/53" title="Nos réalisations" class="link link-ui-white"> Nos réalisations </a>   </li>   <li>   <a href="https://www.newcom-fr.com/page/blog/40" title="Le blog" class="link link-ui-white"> Le blog </a>   </li>   <li>   <a href="https://www.newcom-fr.com/page/oh-my-goodies/161" title="Oh my Goodies" class="link link-ui-white"> Oh my Goodies </a>   </li>   <li>   <a href="https://www.newcom-fr.com/page/velo-club-roubaix/162" title="Nos partenariats" class="link link-ui-white"> Nos partenariats </a>   </li>   </ul> </div> </div> </div> <div x-data="{ isOpen: false }" class="grid-cols-1 xs:grid-cols-2 md:grid-cols-4 gap-x-6 hidden" :class="isOpen ? 'md:mt-12 grid' : 'hidden'" @footer-menu.window="isOpen = !isOpen;"> <div x-data="{ active: false }" class="text-body-md mb-6 xs:mb-8 md:mb-0"> <h3 class="flex items-center justify-between gap-4 md:block uppercase font-bold md:mb-4" @click="active = !active"> Nos guides <div class="xs:hidden transition-transform s-4 rotate-0" :class="active ? '-rotate-180' : 'rotate-0'"> <i class="i-arrow-sm s-4"></i> </div> </h3> <div class="mt-4 md:mt-0 hidden xs:block" :class="active ? 'block' : 'hidden xs:block'"> <ul> <li>   <a href="https://www.newcom-fr.com/page/idees-cadeaux-cse/7" title="Nos idées Cadeaux pour CSE" class="link link-ui-white"> Nos idées Cadeaux pour CSE </a>   </li>   <li>   <a href="https://www.newcom-fr.com/page/guide-cadeaux-entreprise/idee/149" title="Personnaliser vos Cadeaux d'Affaires " class="link link-ui-white"> Personnaliser vos Cadeaux d'Affaires  </a>   </li>   </ul> </div> </div> <div x-data="{ active: false }" class="text-body-md mb-6 xs:mb-8 md:mb-0"> <h3 class="flex items-center justify-between gap-4 md:block uppercase font-bold md:mb-4" @click="active = !active"> Nos thématiques <div class="xs:hidden transition-transform s-4 rotate-0" :class="active ? '-rotate-180' : 'rotate-0'"> <i class="i-arrow-sm s-4"></i> </div> </h3> <div class="mt-4 md:mt-0 hidden xs:block" :class="active ? 'block' : 'hidden xs:block'"> <ul> <li>   <a href="https://www.newcom-fr.com/noel-chargez-votre-hotte-avec-lobjet-publicitaire/rub-554" title="Cadeau noël personnalisé" class="link link-ui-white"> Cadeau noël personnalisé </a>   </li>   <li>   <a href="https://www.newcom-fr.com/octobre-rose/rub-553" title="Goodies Octobre Rose" class="link link-ui-white"> Goodies Octobre Rose </a>   </li>   <li>   <a href="https://www.newcom-fr.com/bde-et-grandes-ecoles/rub-456" title="Goodies BDE" class="link link-ui-white"> Goodies BDE </a>   </li>   </ul> </div> </div> <div x-data="{ active: false }" class="text-body-md mb-6 xs:mb-8 md:mb-0"> <h3 class="flex items-center justify-between gap-4 md:block uppercase font-bold md:mb-4" @click="active = !active"> Les marques <div class="xs:hidden transition-transform s-4 rotate-0" :class="active ? '-rotate-180' : 'rotate-0'"> <i class="i-arrow-sm s-4"></i> </div> </h3> <div class="mt-4 md:mt-0 hidden xs:block" :class="active ? 'block' : 'hidden xs:block'"> <ul> <li>   <a href="https://www.newcom-fr.com/marques/xoopar/rub-2" title="Enceintes Xoopar personnalisées" class="link link-ui-white"> Enceintes Xoopar personnalisées </a>   </li>   <li>   <a href="https://www.newcom-fr.com/marques/victorinox/rub-24" title="Couteaux Victorinox personnalisés" class="link link-ui-white"> Couteaux Victorinox personnalisés </a>   </li>   <li>   <a href="https://www.newcom-fr.com/marques/bic/rub-9" title="Stylos BIC personnalisés" class="link link-ui-white"> Stylos BIC personnalisés </a>   </li>   <li>   <a href="https://www.newcom-fr.com/marques/lexon/rub-6" title="Lampes Lexon personnalisées" class="link link-ui-white"> Lampes Lexon personnalisées </a>   </li>   <li>   <a href="https://www.newcom-fr.com/marques/native-spirit/rub-96" title="Sweats Native Spirit personnalisés" class="link link-ui-white"> Sweats Native Spirit personnalisés </a>   </li>   </ul> </div> </div> <div x-data="{ active: false }" class="text-body-md mb-6 xs:mb-8 md:mb-0"> <h3 class="flex items-center justify-between gap-4 md:block uppercase font-bold md:mb-4" @click="active = !active"> Autres <div class="xs:hidden transition-transform s-4 rotate-0" :class="active ? '-rotate-180' : 'rotate-0'"> <i class="i-arrow-sm s-4"></i> </div> </h3> <div class="mt-4 md:mt-0 hidden xs:block" :class="active ? 'block' : 'hidden xs:block'"> <ul> <li>   <a href="https://www.newcom-fr.com/cadeaux-daffaires/rub-401" title="Cadeaux d'affaires Personnalisé" class="link link-ui-white"> Cadeaux d'affaires Personnalisé </a>   </li>   <li>   <a href="https://www.newcom-fr.com/agricado/rub-455" title="Cadeau Agricole Personnalisé " class="link link-ui-white"> Cadeau Agricole Personnalisé  </a>   </li>   <li>   <a href="https://www.newcom-fr.com/cse/rub-457" title="Cadeau CSE Personnalisé" class="link link-ui-white"> Cadeau CSE Personnalisé </a>   </li>   <li>   <a href="https://www.newcom-fr.com/objets-publicitaires/rub-2" title="Objet Publicitaire Personnalisé" class="link link-ui-white"> Objet Publicitaire Personnalisé </a>   </li>   </ul> </div> </div> </div> </div>
            <div x-data="{ isOpen: false }" class="flex flex-col lg:flex-row items-center lg:items-end gap-x-16 justify-between">
                <div class="flex flex-wrap lg:flex-nowrap justify-center lg:justify-start items-center gap-y-2 gap-x-4 lg:gap-x-12 text-body-sm order-3 lg:order-1">
                    <button class="btn btn-ui-grey btn-s-sm w-16 hidden lg:inline-flex" type="button" @click="$dispatch('footer-menu'); isOpen = !isOpen;" aria-label="Menu colophon">
                        <i class="i-arrow-sm s-6 transition-transform" :class="isOpen ? 'rotate-180' : ''"></i>
                    </button>

                    <div>
                        © 1993 - 2024 Newcom
                    </div>

                    <div>
                        <a href="https://www.newcom-fr.com/page/conditions-generales-de-ventes/48" title="CGV" class="link link-ui-white"> CGV </a>                       </div>

                    <div>
                        <a href="https://www.newcom-fr.com/page/mentions-legales/49" title="Mentions légales" class="link link-ui-white"> Mentions légales </a>                       </div>

                    <div>
                        <a href="https://www.newcom-fr.com/page/gestion-donnees/183" title="Gestion des données" class="link link-ui-white"> Gestion des données </a>                       </div>

                    <div>
                        <a href="https://www.newcom-fr.com/page/plan-du-site/90" title="Plan du site" class="link link-ui-white"> Plan du site </a>                       </div>
                </div>

                <div class="flex flex-wrap xs:flex-nowrap justify-center items-center gap-4 order-2 mb-10 lg:mb-0">

                                            <a href="https://www.newcom-fr.com/page/responsabilite-sociale-et-environnementale/35" title="Ecovadis">
                            <picture>
                                <source srcset="https://www.newcom-fr.com/img/front/partners/ecovadis.webp" type="image/webp">
                                <img data-src="https://www.newcom-fr.com/img/front/partners/ecovadis.png" alt="Ecovadis" width="64" height="64" class="lazy">
                            </picture>
                        </a>
                    
                                            <a href="https://www.newcom-fr.com/page/federation-objet-media/167" title="2FPCO">
                            <picture>
                                <source srcset="https://www.newcom-fr.com/img/front/partners/fpco.webp" type="image/webp">
                                <img data-src="https://www.newcom-fr.com/img/front/partners/fpco.jpeg" alt="2FPCO" width="48" height="64" class="lazy">
                            </picture>
                        </a>
                    
                    <picture>
                        <source srcset="https://www.newcom-fr.com/img/front/partners/objet-media.webp" type="image/webp">
                        <img data-src="https://www.newcom-fr.com/img/front/partners/objet-media.jpeg" alt="L'objet media" width="217" height="64" class="lazy">
                    </picture>

                </div>

                <button class="btn btn-ui-grey btn-s-sm w-16 order-1 lg:hidden mb-10" type="button" @click="$dispatch('footer-menu'); isOpen = !isOpen;" aria-label="Name">
                    <i class="i-arrow-sm s-6 transition-transform" :class="isOpen ? '-rotate-180' : ''"></i>
                </button>
            </div>
        </div>
    </div>
</footer>

<div x-data="App.Partials.New" x-init="initCookie()" x-transition:enter="transition-appear ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition-appear ease-out duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" x-show="isOpen" class="layout py-3 sm:py-0 fixed top-0 left-0 h-full w-full flex flex-center before:bg-black/60 before:absolute before:z-10 before:abs-full z-30" @click.self="setCookie();"> <div class="relative bg-purple-lighter sm:grid sm:grid-cols-2 z-10 max-w-[404px] sm:max-w-[840px] h-auto max-h-full overflow-y-scroll scrollbar-none"> <picture class="block"> <source type="image/webp" data-srcset="https://www.newcom-fr.com/img/front/new.webp" class="lazy entered" data-ll-status="entered" srcset="https://www.newcom-fr.com/img/front/new.webp"> <img data-src="https://www.newcom-fr.com/img/front/new.jpeg" alt="Nouveau site" width="420" height="450" class="lazy object-cover max-h-56 sm:max-h-full h-full w-full entered loaded" data-ll-status="loaded" src="https://www.newcom-fr.com/img/front/new.jpeg"> </picture> <div class="flex flex-col px-3 sm:px-5 pt-5 pb-3 sm:py-5"> <div class="text-right w-full absolute top-5 right-5 md:relative md:top-auto md:right-auto"> <span class="link link-ui-black cursor-pointer s-6" @click="setCookie();"> <i class="i-times-lg s-6"></i> </span> </div> <div class="px-3 sm:px-5 flex-grow flex flex-center flex-col"> <div class="text-purple uppercase text-spaced-sm font-semibold mb-2 text-left w-full"> Nouveau site Newcom </div> <h2 class="w-full text-left text-heading-md sm:text-heading-lg md:text-heading-xl font-extrabold mb-4"> Un goodie de bienvenue offert 🎉 </h2> <p class="text-body-md mb-6"> On vous présente <span class="highlight highlight-ui-lemon-body font-bold">notre nouveau site</span> avec toujours plus de beau, d’utile et du durable !<br> Pour fêter ça, on vous offre un goodie de bienvenue pour toute création d’un compte en ligne. Rejoignez-nous ! </p> <a href="https://www.newcom-fr.com/login" class="btn btn-ui-purple btn-s-sm w-full mb-10" title="Mon compte" @click="setCookie();"> Créer mon compte </a> </div> </div> </div> </div>


<meta name="app" content="{&quot;token&quot;:&quot;tTJoDZc3IxXmaZzZ9qOcyjjDDLlc6emFUizNkdFT&quot;,&quot;wishlist&quot;:{&quot;urls&quot;:{&quot;add&quot;:&quot;https:\/\/www.newcom-fr.com\/wishlist\/add&quot;,&quot;remove&quot;:&quot;https:\/\/www.newcom-fr.com\/wishlist\/remove&quot;,&quot;reorder&quot;:&quot;https:\/\/www.newcom-fr.com\/wishlist\/reorder&quot;}},&quot;quote&quot;:{&quot;urls&quot;:{&quot;add&quot;:&quot;https:\/\/www.newcom-fr.com\/quote\/add&quot;}},&quot;sample&quot;:{&quot;urls&quot;:{&quot;search&quot;:&quot;https:\/\/www.newcom-fr.com\/sample-search&quot;}}}">

<script src="/front/js/app.js?id=8ab89b21dfacb9dfdda99a557fc532f4" async="" defer=""></script>

    <!-- Google Tag Manager -->
    <script>
        (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
        })(window,document,'script','dataLayer','GTM-PRSH7P6J');
    </script>
    <noscript>
        <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PRSH7P6J" height="0" width="0" style="display:none;visibility:hidden"></iframe>
    </noscript>

    
    
    <iframe height="0" width="0" style="display: none; visibility: hidden;"></iframe><div id="cc-main" data-nosnippet=""><div class="cm-wrapper cc--anim"><div class="cm cm--cloud cm--bottom cm--center" role="dialog" aria-modal="true" aria-hidden="false" aria-describedby="cm__desc" aria-labelledby="cm__title"><div tabindex="-1"></div><div class="cm__body"><div class="cm__texts"><h2 id="cm__title" class="cm__title">Cookies</h2><p id="cm__desc" class="cm__desc">Ce site Web utilise ses propres cookies et ceux de tiers pour améliorer nos services et vous montrer des publicités liées à vos préférences en analysant vos habitudes de navigation.<br>Ces derniers ne seront activés qu'avec votre consentement.</p></div><div class="cm__btns"><div class="cm__btn-group"><button type="button" class="cm__btn" data-role="all"><span>Tout accepter</span></button><button type="button" class="cm__btn" data-role="necessary"><span>Tout décliner</span></button></div><div class="cm__btn-group"><button type="button" class="cm__btn cm__btn--secondary" data-role="show"><span>Personnaliser les cookies</span></button></div></div></div></div></div></div></body></html>