▷ Conformité et protection des données

<!DOCTYPE html> <html lang="fr-FR" class="antialiased scroll-smooth"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="author" content="Engel — www.engelglobal.com" /> <meta name="format-detection" content="telephone=no" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <meta name="generator" content="storyblok" /> <meta name="cms" content="https://www.storyblok.com" /> <link rel="canonical" href="https://www.engelglobal.com/fr/fr/enterprise/conformite-et-protection-des-donnees" /> <link rel="apple-touch-icon" sizes="180x180" href="/images/favicons/apple-touch-icon.png?v=2"> <link rel="icon" type="image/png" sizes="32x32" href="/images/favicons/favicon-32x32.png?v=2"> <link rel="icon" type="image/png" sizes="16x16" href="/images/favicons/favicon-16x16.png?v=2"> <link rel="manifest" href="/images/favicons/site.webmanifest?v=2" crossorigin="use-credentials"> <link rel="mask-icon" href="/images/favicons/safari-pinned-tab.svg?v=2" color="#78b03d"> <link rel="shortcut icon" href="/images/favicons/favicon.ico?v=2"> <meta name="msapplication-TileColor" content="#78b03d"> <meta name="msapplication-config" content="/images/favicons/browserconfig.xml?v=2"> <meta name="theme-color" content="#ffffff"> <meta name="category" content="fr-fr"> <style> </style> <link rel="stylesheet" href="/styles/main.css?version=152185" media="all" /> <title>▷ Conformité et protection des données - ENGEL</title> <meta name="description" content="ENGEL Conformité et protection des données ✓ Télécharger la fiche d'information ✓ Protection des données ✓ Mentions légales ➠ En savoir plus!" /> <meta name="navigation_title" content="Conformité & protection des données" /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="ENGEL" /> <meta property="og:title" content="▷ Conformité et protection des données - ENGEL" /> <meta property="og:image" content="https://a.storyblok.com/f/136567/1200x630/1e1bfc99f1/unternehmen-engel-logo-meta.jpg/m/1200x0" /> <meta property="og:description" content="ENGEL Conformité et protection des données ✓ Télécharger la fiche d'information ✓ Protection des données ✓ Mentions légales ➠ En savoir plus!" /> <meta name="twitter:card" content="ENGEL Conformité et protection des données ✓ Télécharger la fiche d'information ✓ Protection des données ✓ Mentions légales ➠ En savoir plus!" /> <meta name="twitter:title" content="▷ Conformité et protection des données - ENGEL" /> <meta name="twitter:description" content="ENGEL Conformité et protection des données ✓ Télécharger la fiche d'information ✓ Protection des données ✓ Mentions légales ➠ En savoir plus!" /> <meta name="twitter:image" content="https:https://a.storyblok.com/f/136567/1200x630/1e1bfc99f1/unternehmen-engel-logo-meta.jpg/m/1200x0" /> <meta property="algolia:image" content="https://a.storyblok.com/f/136567/1200x630/1e1bfc99f1/unternehmen-engel-logo-meta.jpg/m/1200x0" /> <link rel="alternate" href="https://www.engelglobal.com/en/ca/company/compliance-and-data-protection" hreflang="en-CA"> <link rel="alternate" href="https://www.engelglobal.com/en/us/company/compliance-and-data-protection" hreflang="en-US"> <link rel="alternate" href="https://www.engelglobal.com/es/empresa/cumplimiento-y-proteccion-de-datos" hreflang="es"> <link rel="alternate" href="https://www.engelglobal.com/es/mx/empresa/cumplimiento-y-proteccion-de-datos" hreflang="es-MX"> <link rel="alternate" href="https://www.engelglobal.com/it/it/azienda/conformita-e-protezione-dei-dati" hreflang="it-IT"> <link rel="alternate" href="https://www.engelglobal.com/pl/pl/firma/zgodnosc-z-przepisami-i-ochrona-danych" hreflang="pl-PL"> <link rel="alternate" href="https://www.engelglobal.com/zh/cn/company/compliance-and-data-protection" hreflang="zh-CN"> <link rel="alternate" href="https://www.engelglobal.com/en/company/compliance-and-data-protection" hreflang="en"> <link rel="alternate" href="https://www.engelglobal.com/en/gb/company/compliance-and-data-protection" hreflang="en-GB"> <link rel="alternate" href="https://www.engelglobal.com/cs/cz/spolecnost/dodrzovani-predpisu-a-ochrana-udaju" hreflang="cs-CZ"> <link rel="alternate" href="https://www.engelglobal.com/de/unternehmen/compliance-und-datenschutz" hreflang="de"> <link rel="alternate" href="https://www.engelglobal.com/de/at/unternehmen/compliance-und-datenschutz" hreflang="de-AT"> <link rel="alternate" href="https://www.engelglobal.com/de/ch/unternehmen/compliance-und-datenschutz" hreflang="de-CH"> <link rel="alternate" href="https://www.engelglobal.com/de/de/unternehmen/compliance-und-datenschutz" hreflang="de-DE"> <link rel="alternate" href="https://www.engelglobal.com/ru/ru/company/compliance-and-data-protection" hreflang="ru-RU"> <link rel="alternate" href="https://www.engelglobal.com/fr/enterprise/conformite-et-protection-des-donnees" hreflang="fr"> <link rel="alternate" href="https://www.engelglobal.com/fr/fr/enterprise/conformite-et-protection-des-donnees" hreflang="fr-FR"> </head> <body class="font-sans text-base text-black bg-white">   <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M4LVL5V" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M4LVL5V" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  <script type="text/javascript"> let isChina = false; </script> <script type="text/javascript"> const fontcachename = 'engel-fontsDatabase'; </script> <script type="text/javascript"> /* FONT indexedDB add styles */ function addStyles(s) { const headElement = document.head; const styleElement = headElement.querySelector('style'); if (styleElement) { // Do something with the <style> element styleElement.innerHTML += s; } else { const styleTag = document.createElement("style"); styleTag.innerHTML = s; headElement.appendChild(styleTag); } } </script> <div data-vue="Navigation"> <nav ref="navigation" id="main-navigation" class="fixed top-0 z-50 w-full overflow-hidden bg-white navigation shadow-navigation" :class="{ 'navigation--collapsed': isCollapsed, 'bottom-0 overflow-scroll': isMobileNavigationExpanded && !isServiceContactOpen, 'overflow-visible': visibleSubNav !== '', }" v-cloak > <div class="container justify-between hidden lg:flex" id="main-navigation-header"> <div class="flex"> <button @click="openLanguageSwitch()" class="flex items-center w-full py-3 text-gray-700 lg:py-6 lg:w-auto" id="language-switch-btn" > <span class="pl-2 text-sm font-normal leading-none text-left lg:text-xs lg:font-medium lg:pl-0 grow lg:grow-0"> France (FR) </span> <span class="mr-2 lg:mr-0 ml-0.5 text-gray-700 hover:black"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </button> <button @click="openSearch()" class="flex items-center py-4 ml-3"> <span class="text-gray-700 hover:text-black"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M13.75 6.5c1.935 0 3.757.755 5.126 2.124A7.203 7.203 0 0121 13.75a7.199 7.199 0 01-1.408 4.295l-.188.244-.098.115 5.044 5.504a.95.95 0 01.095 1.163l-.07.094-.083.086a.948.948 0 01-1.246.033l-.097-.092-5.044-5.502-.118.084a7.182 7.182 0 01-3.418 1.2l-.308.02-.311.006a7.209 7.209 0 01-5.126-2.124A7.203 7.203 0 016.5 13.75c0-1.935.755-3.757 2.124-5.126A7.203 7.203 0 0113.75 6.5zm0 1.9c-2.95 0-5.35 2.4-5.35 5.35 0 2.95 2.4 5.35 5.35 5.35 2.949 0 5.35-2.4 5.35-5.35 0-2.95-2.401-5.35-5.35-5.35z"/></svg></span> <span class="text-xs font-medium text-gray-700">Rechercher</span> </button> </div> <div> <ul class="flex h-full"> <li class="flex h-full"> <a class=" tw-link-small text-sm font-normal py-2 lg:font-medium lg:px-3 lg:text-xs lg:py-0 w-full lg:w-auto " href="/fr/fr/enterprise/carriere" data-prevent-inner-obfuscation> <span class="mr-1"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" fill-rule="evenodd" stroke="currentColor" stroke-width=".2" d="M19.5 18c1.88 0 3.492.26 4.794.772 1.077.425 1.947 1.023 2.584 1.776C27.988 21.861 28 23.194 28 23.25c0 .965-.817 1.75-1.821 1.75H12.82c-1.003 0-1.82-.785-1.82-1.75v-.04c.01-.238.106-1.458 1.122-2.662.637-.753 1.507-1.35 2.584-1.776C16.006 18.26 17.62 18 19.5 18zm-9.667 1c.209 0 .415.006.615.017.321.018.568.3.551.63a.589.589 0 01-.613.568 10.32 10.32 0 00-.552-.014c-4.542 0-4.662 2.854-4.665 3.003a.592.592 0 00.583.596H9.25c.322 0 .583.269.583.6 0 .331-.261.6-.583.6l-.002-.001h-3.5c-.964 0-1.749-.808-1.749-1.8 0-.044.01-1.112.773-2.16.441-.605 1.043-1.084 1.788-1.425.891-.408 1.992-.614 3.272-.614zm9.667.167c-2.997 0-5.206.714-6.388 2.063-.859.98-.896 1.982-.898 2.023.002.321.274.58.607.58H26.18c.334 0 .606-.26.607-.58-.002-.04-.04-1.044-.898-2.023-1.182-1.35-3.391-2.063-6.388-2.063zM9.5 11c1.93 0 3.5 1.57 3.5 3.5S11.43 18 9.5 18 6 16.43 6 14.5 7.57 11 9.5 11zM20 7c2.758 0 5 2.242 5 5s-2.242 5-5 5-5-2.242-5-5 2.242-5 5-5zM9.5 12.167A2.336 2.336 0 007.167 14.5 2.336 2.336 0 009.5 16.833a2.336 2.336 0 002.333-2.333A2.336 2.336 0 009.5 12.167zM20 8.25A3.755 3.755 0 0016.25 12 3.755 3.755 0 0020 15.75 3.755 3.755 0 0023.75 12 3.755 3.755 0 0020 8.25z"/></svg></span> <span class="mt-px leading-tight">Carrière</span> </a> </li> <li class="flex h-full"> <a class=" tw-link-small text-sm font-normal py-2 lg:font-medium lg:px-3 lg:text-xs lg:py-0 w-full lg:w-auto " href="/fr/fr/solutions-digitales/e-connect-portail" data-prevent-inner-obfuscation> <span class="mr-1"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M24.363 7c.643 0 1.194.23 1.651.69.457.46.686 1.015.686 1.662v13.296c0 .647-.229 1.201-.686 1.662-.457.46-1.008.69-1.651.69H10.137c-.643 0-1.194-.23-1.651-.69a2.273 2.273 0 01-.686-1.662c0-.478.237-.716.711-.716s.712.238.712.716c0 .272.084.494.254.665.169.17.39.255.66.255h14.226a.89.89 0 00.66-.256c.17-.17.254-.392.254-.664V9.352c0-.272-.084-.494-.254-.664a.89.89 0 00-.66-.256H10.137a.89.89 0 00-.66.256c-.17.17-.254.392-.254.664 0 .478-.238.716-.712.716S7.8 9.83 7.8 9.352c0-.647.229-1.201.686-1.662A2.244 2.244 0 0110.137 7h14.226zm-9.49 13.13l3.245-3.389H6.71c-.473 0-.71-.247-.71-.741s.237-.741.71-.741h11.358l-3.296-3.388c-.338-.353-.338-.706 0-1.06a.673.673 0 01.507-.211.67.67 0 01.507.212l4.26 4.447c.236.247.354.512.354.794 0 .282-.118.547-.355.794l-4.158 4.341a.673.673 0 01-.507.212c-.135 0-.304-.07-.507-.212-.304-.388-.304-.74 0-1.059z"/></svg></span> <span class="mt-px leading-tight">Portail client</span> </a> </li> <li class="flex items-center ml-3 js-meta-sales-button" @click="toggleContactOverlay(true)" @keydown.esc="toggleContactOverlay(false)" > <button id="service-contact" class=" tw-button tw-button-contact w-full lg:w-auto " data-prevent-inner-obfuscation> <span class="mr-2 -ml-1 -mt-px"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" stroke="currentColor" stroke-width=".3"><path d="M7.014 6.653a.4.4 0 01.15.784c-2.829.537-4.866 2.73-4.866 5.266 0 1.652.863 3.184 2.325 4.205a.4.4 0 01.17.363c-.064.702-.205 1.42-.382 2.017l-.016.053.056-.025a10.12 10.12 0 002.155-1.277l.048-.037a.4.4 0 01.331-.076c.505.11 1.004.167 1.502.167a6.903 6.903 0 002.838-.6.4.4 0 01.328.729 7.701 7.701 0 01-4.644.524l-.01-.002-.003.002a10.838 10.838 0 01-3.106 1.64l-.062.02a.4.4 0 01-.485-.55l.005-.01c.255-.5.507-1.43.62-2.37l.006-.053-.005-.003C2.436 16.267 1.52 14.584 1.5 12.76v-.058c0-2.94 2.327-5.445 5.514-6.05z"/><path d="M15.513 4c-3.848 0-6.986 2.758-6.986 6.188 0 3.43 3.138 6.188 6.986 6.188h.065a7.812 7.812 0 001.657-.192l.055-.013.042.032a10.815 10.815 0 003.202 1.688.4.4 0 00.48-.561l-.01-.02c-.276-.554-.54-1.59-.634-2.606l-.006-.07.008-.007c1.347-1.155 2.128-2.74 2.128-4.439C22.5 6.758 19.361 4 15.513 4zm0 .798c3.429 0 6.189 2.426 6.189 5.39 0 1.52-.732 2.94-2.001 3.959a.4.4 0 00-.149.336l.003.041c.052.788.205 1.606.404 2.271l.009.03-.05-.021a10.116 10.116 0 01-2.285-1.379.4.4 0 00-.35-.074c-.577.15-1.17.227-1.77.227-3.428 0-6.188-2.425-6.188-5.39 0-2.964 2.76-5.39 6.188-5.39z"/></g></svg></span> <span class="mt-px leading-tight">Contact Commerical & Service Client</span> </button> </li> </ul> </div> </div> <div class="border-t border-gray-100"> <div class="container flex items-center justify-between lg:items-stretch"> <a class="py-4 navigation__logo lg:py-6 z-10" href="/fr/fr/home"> <svg width="128" height="31" viewBox="0 0 128 31" xmlns="http://www.w3.org/2000/svg"><path d="M78.181 20.923c-2.217 5.794-7.829 9.907-14.402 9.907-6.573 0-12.185-4.113-14.403-9.907v8.894h-6.172L30.86 12.329v17.488H0V1.013h21.602v6.172H6.172v5.144h15.43V18.5H6.173v5.145h18.516V1.013h6.172l12.344 17.488V1.013h6.171v8.894C51.594 4.113 57.206 0 63.779 0c4.259 0 8.114 1.727 10.904 4.519l-4.362 4.338a9.233 9.233 0 00-6.542-2.705 9.264 9.264 0 100 18.526 9.268 9.268 0 008.737-6.177h-8.734v-6.172h14.399V1.013h21.603v6.172H84.353v5.144h15.43V18.5H84.354v5.145h18.516V1.013h6.172v22.632h18.506l.011 6.172H78.181v-8.894z" fill="currentColor" fill-rule="evenodd"/></svg> </a> <div class="absolute left-0 right-0 flex flex-col main-navigation top-12 lg:inset-auto lg:static lg:block"> <ul class="lg:flex lg:h-full" @mouseleave="mouseLeaveMainNav" @mouseenter="mouseEnterMainNav" > <li class="px-5 mt-4 mb-3 appear-triggered appear-fade-in lg:hidden" :class="{ 'inview': isMobileNavigationExpanded }" @click="toggleContactOverlay(true)" > <button id="service-contact" class=" tw-button tw-button-contact w-full lg:w-auto " data-prevent-inner-obfuscation> <span class="mr-2 -ml-1 -mt-px"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" stroke="currentColor" stroke-width=".3"><path d="M7.014 6.653a.4.4 0 01.15.784c-2.829.537-4.866 2.73-4.866 5.266 0 1.652.863 3.184 2.325 4.205a.4.4 0 01.17.363c-.064.702-.205 1.42-.382 2.017l-.016.053.056-.025a10.12 10.12 0 002.155-1.277l.048-.037a.4.4 0 01.331-.076c.505.11 1.004.167 1.502.167a6.903 6.903 0 002.838-.6.4.4 0 01.328.729 7.701 7.701 0 01-4.644.524l-.01-.002-.003.002a10.838 10.838 0 01-3.106 1.64l-.062.02a.4.4 0 01-.485-.55l.005-.01c.255-.5.507-1.43.62-2.37l.006-.053-.005-.003C2.436 16.267 1.52 14.584 1.5 12.76v-.058c0-2.94 2.327-5.445 5.514-6.05z"/><path d="M15.513 4c-3.848 0-6.986 2.758-6.986 6.188 0 3.43 3.138 6.188 6.986 6.188h.065a7.812 7.812 0 001.657-.192l.055-.013.042.032a10.815 10.815 0 003.202 1.688.4.4 0 00.48-.561l-.01-.02c-.276-.554-.54-1.59-.634-2.606l-.006-.07.008-.007c1.347-1.155 2.128-2.74 2.128-4.439C22.5 6.758 19.361 4 15.513 4zm0 .798c3.429 0 6.189 2.426 6.189 5.39 0 1.52-.732 2.94-2.001 3.959a.4.4 0 00-.149.336l.003.041c.052.788.205 1.606.404 2.271l.009.03-.05-.021a10.116 10.116 0 01-2.285-1.379.4.4 0 00-.35-.074c-.577.15-1.17.227-1.77.227-3.428 0-6.188-2.425-6.188-5.39 0-2.964 2.76-5.39 6.188-5.39z"/></g></svg></span> <span class="mt-px leading-tight">Contact Commerical & Service Client</span> </button> </li> <li class="relative block lg:h-full lg:static"> <a class="hover:cursor-pointer hover:text-black lg:hover:main-navigation-item__link--active flex items-center h-full px-5 lg:px-3 xl:px-4 py-3 lg:py-0 overflow-hidden font-medium text-gray-700 main-navigation-item__link appear-triggered appear-fade " href="#" @mouseover="showSubNav('Secteurs')" @mouseleave="mouseLeaveMainNavItem" @click="toggleSubNav('Secteurs')" :class="{ 'main-navigation-item__link--active': isSubNavVisible('Secteurs'), 'inview': !isCollapsed || isMobileNavigationExpanded }" > <div class="relative main-navigation-item__text text-lg lg:text-navi lg:text-center flex h-full items-center lg:px-1 xl:px-2 pb-0.5 whitespace-nowrap"> Secteurs </div> </a> <button class="absolute top-0 p-3 duration-300 right-4 lg:hidden appear-triggered appear-fade" :class="{ 'rotate-180': isSubNavVisible('Secteurs'), 'inview': isMobileNavigationExpanded }" @click="toggleSubNav('Secteurs')" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></button> <div class="main-navigation-item"> <Transition name="navi"> <div class="overflow-hidden lg:absolute lg:inset-x-0 lg:bg-gray-50 lg:shadow-navigation" :class="isSubNavVisible('Secteurs') ? 'content-visible' : 'content-invisible'" v-show="isSubNavVisible('Secteurs')" @mouseover="mouseOverSubNav" @mouseleave="mouseLeaveSubNav"> <div class="container pb-6 lg:py-8"> <ul class="grid grid-cols-1 lg:grid-cols-5 lg:gap-5"> <li class="block h-full"> <a class="group" href="/fr/fr/secteurs/moulage-injection-plastique-automobile" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/660x430/495da1598b/branchen-spritzguss-automotive.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/660x430/495da1598b/branchen-spritzguss-automotive.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Automobile & mobilité" > </picture> </div> </div> <div class="pt-2 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Automobile & mobilité </div> </a> </li> <li class="block h-full"> <a class="group" href="/fr/fr/secteurs/emballage-plastique-moulage-par-injection" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/660x430/12ff96372a/branchen-kunststoffverpackung.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/660x430/12ff96372a/branchen-kunststoffverpackung.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Emballage" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Emballage </div> </a> </li> <li class="block h-full"> <a class="group" href="/fr/fr/secteurs/moulage-par-injection-electronique" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/660x430/52ed231eeb/branchen-spritzgussteile-elektronik.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/660x430/52ed231eeb/branchen-spritzgussteile-elektronik.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Électronique" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Électronique </div> </a> </li> <li class="block h-full"> <a class="group" href="/fr/fr/secteurs/produits-de-technologie-medicale" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/660x430/e47000f9b7/branchen-medizintechnik-produkte.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/660x430/e47000f9b7/branchen-medizintechnik-produkte.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Technique médicale" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Technique médicale </div> </a> </li> <li class="block h-full"> <a class="group" href="/fr/fr/secteurs/moulage-par-injection-technique" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/660x430/3a951a9ea2/branchen-technischer-spritzguss.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/660x430/3a951a9ea2/branchen-technischer-spritzguss.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Moulage par injection technique" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Moulage par injection technique </div> </a> </li> </ul> </div> </div> </Transition> </div> </li> <li class="relative block lg:h-full lg:static"> <a class="hover:cursor-pointer hover:text-black lg:hover:main-navigation-item__link--active flex items-center h-full px-5 lg:px-3 xl:px-4 py-3 lg:py-0 overflow-hidden font-medium text-gray-700 main-navigation-item__link appear-triggered appear-fade " href="#" @mouseover="showSubNav('Produits')" @mouseleave="mouseLeaveMainNavItem" @click="toggleSubNav('Produits')" :class="{ 'main-navigation-item__link--active': isSubNavVisible('Produits'), 'inview': !isCollapsed || isMobileNavigationExpanded }" > <div class="relative main-navigation-item__text text-lg lg:text-navi lg:text-center flex h-full items-center lg:px-1 xl:px-2 pb-0.5 whitespace-nowrap"> Produits </div> </a> <button class="absolute top-0 p-3 duration-300 right-4 lg:hidden appear-triggered appear-fade" :class="{ 'rotate-180': isSubNavVisible('Produits'), 'inview': isMobileNavigationExpanded }" @click="toggleSubNav('Produits')" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></button> <div class="main-navigation-item"> <Transition name="navi"> <div class="overflow-hidden lg:absolute lg:inset-x-0 lg:bg-gray-50 lg:shadow-navigation" :class="isSubNavVisible('Produits') ? 'content-visible' : 'content-invisible'" v-show="isSubNavVisible('Produits')" @mouseover="mouseOverSubNav" @mouseleave="mouseLeaveSubNav"> <div class="container pb-6 lg:py-8"> <ul class="grid grid-cols-1 lg:grid-cols-5 lg:gap-5"> <li></li> <li></li> <li class="block h-full"> <a class="group" href="/fr/fr/produits/machines-de-moulage-par-injection" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/660x430/0f1187eba4/produkte-spritzgiessmaschinen.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/660x430/0f1187eba4/produkte-spritzgiessmaschinen.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Machines de moulage par injection" > </picture> </div> </div> <div class="pt-2 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Machines de moulage par injection </div> </a> <ul> <li class="block h-full"> <a class="inline-flex pt-4 pb-1 pl-5 text-sm text-gray-600 transition-colors lg:pt-2 lg:pl-0 lg:pb-0 font-regular lg:font-medium hover:text-black" href="/fr/fr/produits/acheter-une-machine-de-moulage-par-injection-en-stock" > Machines en stock </a> </li> <li class="block h-full"> <a class="inline-flex pt-4 pb-1 pl-5 text-sm text-gray-600 transition-colors lg:pt-2 lg:pl-0 lg:pb-0 font-regular lg:font-medium hover:text-black" href="/fr/fr/produits/presse-a-injecter-doccasion" > Presse à injecter d'occasion </a> </li> </ul> </li> <li class="block h-full"> <a class="group" href="/fr/fr/produits/automatisation-du-moulage-par-injection" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/660x430/3bf2bf71f5/produkte-automation-spritzguss.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/660x430/3bf2bf71f5/produkte-automation-spritzguss.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Automatisation" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Automatisation </div> </a> </li> <li class="block h-full"> <a class="group" href="/fr/fr/produits/procedes-de-moulage-par-injection" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/660x430/11bbbbf9d4/produkte-folienhinterspritzen-spritzgussverfahren.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/660x430/11bbbbf9d4/produkte-folienhinterspritzen-spritzgussverfahren.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Procédés de moulage par injection" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Procédés de moulage par injection </div> </a> </li> </ul> </div> </div> </Transition> </div> </li> <li class="relative block lg:h-full lg:static"> <a class="hover:cursor-pointer hover:text-black lg:hover:main-navigation-item__link--active flex items-center h-full px-5 lg:px-3 xl:px-4 py-3 lg:py-0 overflow-hidden font-medium text-gray-700 main-navigation-item__link appear-triggered appear-fade " href="#" @mouseover="showSubNav('Solutions-digitales')" @mouseleave="mouseLeaveMainNavItem" @click="toggleSubNav('Solutions-digitales')" :class="{ 'main-navigation-item__link--active': isSubNavVisible('Solutions-digitales'), 'inview': !isCollapsed || isMobileNavigationExpanded }" > <div class="relative main-navigation-item__text text-lg lg:text-navi lg:text-center flex h-full items-center lg:px-1 xl:px-2 pb-0.5 whitespace-nowrap"> Solutions digitales </div> </a> <button class="absolute top-0 p-3 duration-300 right-4 lg:hidden appear-triggered appear-fade" :class="{ 'rotate-180': isSubNavVisible('Solutions-digitales'), 'inview': isMobileNavigationExpanded }" @click="toggleSubNav('Solutions-digitales')" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></button> <div class="main-navigation-item"> <Transition name="navi"> <div class="overflow-hidden lg:absolute lg:inset-x-0 lg:bg-gray-50 lg:shadow-navigation" :class="isSubNavVisible('Solutions-digitales') ? 'content-visible' : 'content-invisible'" v-show="isSubNavVisible('Solutions-digitales')" @mouseover="mouseOverSubNav" @mouseleave="mouseLeaveSubNav"> <div class="container pb-6 lg:py-8"> <ul class="grid grid-cols-1 lg:grid-cols-5 lg:gap-5"> <li class="block h-full"> <a class="group" href="/fr/fr/solutions-digitales" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/2480x1817/d667cd0d32/digital-solutions.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/2480x1817/d667cd0d32/digital-solutions.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="À propos de inject 4.0" > </picture> </div> </div> <div class="pt-2 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> À propos de inject 4.0 </div> </a> </li> <li class="block h-full"> <a class="group" href="/fr/fr/solutions-digitales/conception-numerique-de-pieces-en-plastique" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/3543x2676/0cea619580/digitale-loesungen-kunststoffkonstruktion.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/3543x2676/0cea619580/digitale-loesungen-kunststoffkonstruktion.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Conception" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Conception </div> </a> </li> <li class="block h-full"> <a class="group" href="/fr/fr/solutions-digitales/echantillonnage-de-moules-a-injection" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/3543x2362/dff1abe554/digitale-loesungen-abmusterung-von-spritzgiesswerkzeugen.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/3543x2362/dff1abe554/digitale-loesungen-abmusterung-von-spritzgiesswerkzeugen.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Échantillonnage" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Échantillonnage </div> </a> </li> <li class="block h-full"> <a class="group" href="/fr/fr/solutions-digitales/fabrication-numerique-de-moules-pour-injection" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/3543x2686/793999089d/digitale-loesungen-spritzgussfertigung.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/3543x2686/793999089d/digitale-loesungen-spritzgussfertigung.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Production" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Production </div> </a> </li> <li class="block h-full"> <a class="group" href="/fr/fr/solutions-digitales/service-de-maintenance-numerique" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/3543x3339/4a649d53b4/digitale-loesungen-wartung-service.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/3543x3339/4a649d53b4/digitale-loesungen-wartung-service.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Maintenance & Service" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Maintenance & Service </div> </a> </li> </ul> </div> </div> </Transition> </div> </li> <li class="relative block lg:h-full lg:static"> <a class="hover:cursor-pointer hover:text-black lg:hover:main-navigation-item__link--active flex items-center h-full px-5 lg:px-3 xl:px-4 py-3 lg:py-0 overflow-hidden font-medium text-gray-700 main-navigation-item__link appear-triggered appear-fade " href="#" @mouseover="showSubNav('Services')" @mouseleave="mouseLeaveMainNavItem" @click="toggleSubNav('Services')" :class="{ 'main-navigation-item__link--active': isSubNavVisible('Services'), 'inview': !isCollapsed || isMobileNavigationExpanded }" > <div class="relative main-navigation-item__text text-lg lg:text-navi lg:text-center flex h-full items-center lg:px-1 xl:px-2 pb-0.5 whitespace-nowrap"> Services </div> </a> <button class="absolute top-0 p-3 duration-300 right-4 lg:hidden appear-triggered appear-fade" :class="{ 'rotate-180': isSubNavVisible('Services'), 'inview': isMobileNavigationExpanded }" @click="toggleSubNav('Services')" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></button> <div class="main-navigation-item"> <Transition name="navi"> <div class="overflow-hidden lg:absolute lg:inset-x-0 lg:bg-gray-50 lg:shadow-navigation" :class="isSubNavVisible('Services') ? 'content-visible' : 'content-invisible'" v-show="isSubNavVisible('Services')" @mouseover="mouseOverSubNav" @mouseleave="mouseLeaveSubNav"> <div class="container pb-6 lg:py-8"> <ul class="grid grid-cols-1 lg:grid-cols-5 lg:gap-5"> <li class="block h-full"> <a class="group" href="/fr/fr/service-engel" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/660x430/0fe0f2e81f/service-engel.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/660x430/0fe0f2e81f/service-engel.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="À propos du service ENGEL" > </picture> </div> </div> <div class="pt-2 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> À propos du service ENGEL </div> </a> <ul> <li class="block h-full"> <a class="inline-flex pt-4 pb-1 pl-5 text-sm text-gray-600 transition-colors lg:pt-2 lg:pl-0 lg:pb-0 font-regular lg:font-medium hover:text-black" href="#servicecontact" target="_blank" > Contact Service <span class="ml-2 -my-px"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.17 11.754a.808.808 0 00-.597.232.81.81 0 00-.231.599v4.943a.83.83 0 01-.222.599.776.776 0 01-.588.232H5.468a.776.776 0 01-.588-.232.83.83 0 01-.222-.599V8.472c0-.258.074-.46.222-.609.148-.148.344-.222.588-.222h4.937c.257 0 .46-.074.607-.222.148-.148.222-.35.222-.608 0-.245-.074-.44-.222-.589-.147-.148-.35-.222-.607-.222H5.468c-.694 0-1.279.235-1.755.705C3.238 7.175 3 7.764 3 8.472v9.056c0 .695.238 1.281.713 1.758.476.476 1.061.714 1.755.714h9.064c.694 0 1.279-.238 1.755-.714.475-.477.713-1.063.713-1.758v-4.943a.81.81 0 00-.231-.599.808.808 0 00-.598-.232zm3.73-7.258a.933.933 0 00-.177-.238.932.932 0 00-.238-.179.263.263 0 00-.169-.07A1.993 1.993 0 0019.148 4h-5.074a.85.85 0 00-.615.228c-.158.153-.237.354-.237.606 0 .265.079.473.237.625a.85.85 0 00.615.229h3.052L9.258 13.57a.819.819 0 000 1.192.8.8 0 00.257.178.85.85 0 00.337.06c.12 0 .225-.02.317-.06a1.11 1.11 0 00.278-.178l7.848-7.883v3.038c0 .265.08.473.238.625a.85.85 0 00.615.229.85.85 0 00.614-.229c.159-.152.238-.36.238-.625V4.834c0-.04-.003-.096-.01-.169a.226.226 0 00-.09-.169z"/></svg></span> </a> </li> </ul> </li> <li class="block h-full"> <a class="group" href="/fr/fr/service-engel/service-apres-vente-maintenance-machine-a-injecter" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/660x430/7ce3aba58f/service-spritzgiessmaschinen.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/660x430/7ce3aba58f/service-spritzgiessmaschinen.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Service client & Maintenance" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Service client & Maintenance </div> </a> </li> <li class="block h-full"> <a class="group" href="/fr/fr/service-engel/formation-injection-plastique" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/440x288/ac1ebdfd16/service-trainings.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/440x288/ac1ebdfd16/service-trainings.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Formation" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Formation </div> </a> </li> <li class="block h-full"> <a class="group" href="/fr/fr/service-engel/optimisation-process-injection-plastique" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/660x430/c82f5ee64e/service-optimierung-spritzgiessprozesse.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/660x430/c82f5ee64e/service-optimierung-spritzgiessprozesse.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Optimisation des processus" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Optimisation des processus </div> </a> </li> <li class="block h-full"> <a class="group" href="/fr/fr/service-engel/renovation-presse-a-injecter" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/660x430/deec6ed386/service-retrofit-maschine.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/660x430/deec6ed386/service-retrofit-maschine.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Mises à niveau" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Mises à niveau </div> </a> </li> </ul> </div> </div> </Transition> </div> </li> <li class="relative block lg:h-full lg:static"> <a class="hover:cursor-pointer hover:text-black lg:hover:main-navigation-item__link--active flex items-center h-full px-5 lg:px-3 xl:px-4 py-3 lg:py-0 overflow-hidden font-medium text-gray-700 main-navigation-item__link appear-triggered appear-fade " href="#" @mouseover="showSubNav('Developpement-durable')" @mouseleave="mouseLeaveMainNavItem" @click="toggleSubNav('Developpement-durable')" :class="{ 'main-navigation-item__link--active': isSubNavVisible('Developpement-durable'), 'inview': !isCollapsed || isMobileNavigationExpanded }" > <div class="relative main-navigation-item__text text-lg lg:text-navi lg:text-center flex h-full items-center lg:px-1 xl:px-2 pb-0.5 whitespace-nowrap"> Développement durable </div> </a> <button class="absolute top-0 p-3 duration-300 right-4 lg:hidden appear-triggered appear-fade" :class="{ 'rotate-180': isSubNavVisible('Developpement-durable'), 'inview': isMobileNavigationExpanded }" @click="toggleSubNav('Developpement-durable')" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></button> <div class="main-navigation-item"> <Transition name="navi"> <div class="overflow-hidden lg:absolute lg:inset-x-0 lg:bg-gray-50 lg:shadow-navigation" :class="isSubNavVisible('Developpement-durable') ? 'content-visible' : 'content-invisible'" v-show="isSubNavVisible('Developpement-durable')" @mouseover="mouseOverSubNav" @mouseleave="mouseLeaveSubNav"> <div class="container pb-6 lg:py-8"> <ul class="grid grid-cols-1 lg:grid-cols-5 lg:gap-5"> <li></li> <li></li> <li></li> <li class="block h-full"> <a class="group" href="/fr/fr/developpement-durable-plastique" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/3543x2362/3dc37c8b8a/produkte-anwendung-spritzgussverfahren.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/3543x2362/3dc37c8b8a/produkte-anwendung-spritzgussverfahren.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="À propos de la ENGEL durabilité" > </picture> </div> </div> <div class="pt-2 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> À propos de la ENGEL durabilité </div> </a> </li> <li class="block h-full"> <a class="group" href="/fr/fr/developpement-durable-plastique/economie-circulaire-recyclage-du-plastique" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/812x455/0fd5974e06/nachhaltigkeit-circular-economy.png/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/812x455/0fd5974e06/nachhaltigkeit-circular-economy.png/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Économie circulaire" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Économie circulaire </div> </a> </li> </ul> </div> </div> </Transition> </div> </li> <li class="relative block lg:h-full lg:static"> <a class="hover:cursor-pointer hover:text-black lg:hover:main-navigation-item__link--active flex items-center h-full px-5 lg:px-3 xl:px-4 py-3 lg:py-0 overflow-hidden font-medium text-gray-700 main-navigation-item__link appear-triggered appear-fade lg:pr-0 xl:pr-0 main-navigation-item__link--active" href="#" @mouseover="showSubNav('Enterprise')" @mouseleave="mouseLeaveMainNavItem" @click="toggleSubNav('Enterprise')" :class="{ 'main-navigation-item__link--active': isSubNavVisible('Enterprise'), 'inview': !isCollapsed || isMobileNavigationExpanded }" > <div class="relative main-navigation-item__text text-lg lg:text-navi lg:text-center flex h-full items-center lg:px-1 xl:px-2 pb-0.5 whitespace-nowrap"> Enterprise </div> </a> <button class="absolute top-0 p-3 duration-300 right-4 lg:hidden appear-triggered appear-fade" :class="{ 'rotate-180': isSubNavVisible('Enterprise'), 'inview': isMobileNavigationExpanded }" @click="toggleSubNav('Enterprise')" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></button> <div class="main-navigation-item"> <Transition name="navi"> <div class="overflow-hidden lg:absolute lg:inset-x-0 lg:bg-gray-50 lg:shadow-navigation" :class="isSubNavVisible('Enterprise') ? 'content-visible' : 'content-invisible'" v-show="isSubNavVisible('Enterprise')" @mouseover="mouseOverSubNav" @mouseleave="mouseLeaveSubNav"> <div class="container pb-6 lg:py-8"> <ul class="grid grid-cols-1 lg:grid-cols-5 lg:gap-5"> <li class="block h-full"> <a class="group" href="/fr/fr/enterprise/moulage-par-injection-engel" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/660x430/b470e4e49b/unternehmen-produktionshalle-schwertberg.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/660x430/b470e4e49b/unternehmen-produktionshalle-schwertberg.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="À propos de nous" > </picture> </div> </div> <div class="pt-2 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> À propos de nous </div> </a> <ul> <li class="block h-full"> <a class="inline-flex pt-4 pb-1 pl-5 text-sm text-gray-600 transition-colors lg:pt-2 lg:pl-0 lg:pb-0 font-regular lg:font-medium hover:text-black" href="/fr/fr/enterprise/moulage-par-injection-engel/gestion-de-la-qualite" > Gestion de la qualité </a> </li> </ul> </li> <li class="block h-full"> <a class="group" href="/fr/fr/enterprise/sites" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/3331x1530/f2ad4b59de/unternehmen-standorte.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/3331x1530/f2ad4b59de/unternehmen-standorte.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Sites" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Sites </div> </a> </li> <li class="block h-full"> <a class="group" href="/fr/fr/enterprise/conformite-et-protection-des-donnees" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/4368x2912/080b743772/unternehmen-compliance-datenschutz.JPG/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/4368x2912/080b743772/unternehmen-compliance-datenschutz.JPG/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Conformité & protection des données" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Conformité & protection des données </div> </a> </li> <li class="block h-full"> <a class="group" href="/fr/fr/enterprise/centre-multimedia" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/8565x5710/17a9c3bfd8/unternehmen-media-center.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/8565x5710/17a9c3bfd8/unternehmen-media-center.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Centre multimédia" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Centre multimédia </div> </a> </li> <li class="block h-full"> <a class="group" href="/fr/fr/enterprise/carriere" > <div class="relative hidden overflow-hidden lg:block"> <div class="transition-transform group-hover:scale-105 before:absolute before:inset-0 before:transition-all before:bg-gray-600 before:opacity-10 group-hover:before:opacity-0"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/660x430/e0ffd4a970/karriere-first-mover-engel-en.jpg/m/220x144" srcset="" width="220" height="144"> <img data-src="https://a.storyblok.com/f/136567/660x430/e0ffd4a970/karriere-first-mover-engel-en.jpg/m/220x144/filters:format(webp)" width="220" height="144" class="lazyload " alt="Carrière" > </picture> </div> </div> <div class="pt-4 inline-flex lg:pt-3 text-gray-700 lg:text-sm lg:font-medium group-hover:text-black"> Carrière </div> </a> <ul> <li class="block h-full"> <a class="inline-flex pt-4 pb-1 pl-5 text-sm text-gray-600 transition-colors lg:pt-2 lg:pl-0 lg:pb-0 font-regular lg:font-medium hover:text-black" href="/fr/fr/enterprise/carriere/nous-sommes-engel" > Nous sommes ENGEL </a> </li> <li class="block h-full"> <a class="inline-flex pt-4 pb-1 pl-5 text-sm text-gray-600 transition-colors lg:pt-2 lg:pl-0 lg:pb-0 font-regular lg:font-medium hover:text-black" href="https://jobs.engelglobal.com" target="_blank" > Postes à pourvoir <span class="ml-2 -my-px"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.17 11.754a.808.808 0 00-.597.232.81.81 0 00-.231.599v4.943a.83.83 0 01-.222.599.776.776 0 01-.588.232H5.468a.776.776 0 01-.588-.232.83.83 0 01-.222-.599V8.472c0-.258.074-.46.222-.609.148-.148.344-.222.588-.222h4.937c.257 0 .46-.074.607-.222.148-.148.222-.35.222-.608 0-.245-.074-.44-.222-.589-.147-.148-.35-.222-.607-.222H5.468c-.694 0-1.279.235-1.755.705C3.238 7.175 3 7.764 3 8.472v9.056c0 .695.238 1.281.713 1.758.476.476 1.061.714 1.755.714h9.064c.694 0 1.279-.238 1.755-.714.475-.477.713-1.063.713-1.758v-4.943a.81.81 0 00-.231-.599.808.808 0 00-.598-.232zm3.73-7.258a.933.933 0 00-.177-.238.932.932 0 00-.238-.179.263.263 0 00-.169-.07A1.993 1.993 0 0019.148 4h-5.074a.85.85 0 00-.615.228c-.158.153-.237.354-.237.606 0 .265.079.473.237.625a.85.85 0 00.615.229h3.052L9.258 13.57a.819.819 0 000 1.192.8.8 0 00.257.178.85.85 0 00.337.06c.12 0 .225-.02.317-.06a1.11 1.11 0 00.278-.178l7.848-7.883v3.038c0 .265.08.473.238.625a.85.85 0 00.615.229.85.85 0 00.614-.229c.159-.152.238-.36.238-.625V4.834c0-.04-.003-.096-.01-.169a.226.226 0 00-.09-.169z"/></svg></span> </a> </li> </ul> </li> </ul> </div> </div> </Transition> </div> </li> </ul> <div class="flex flex-col justify-center px-5 mt-2 grow lg:grow-0 lg:hidden"> <form action="/fr/fr/recherche" class="relative"> <input type="search" id="navigation-search-input" class="pr-6 form-input form-input-lg" name="term" placeholder=" " autocomplete="search"> <label for="navigation-search-input" class="form-float-label form-float-label-lg">Rechercher</label> <button type="submit" class="absolute bottom-0 py-1 right-1.5" aria-label="Rechercher"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M13.75 6.5c1.935 0 3.757.755 5.126 2.124A7.203 7.203 0 0121 13.75a7.199 7.199 0 01-1.408 4.295l-.188.244-.098.115 5.044 5.504a.95.95 0 01.095 1.163l-.07.094-.083.086a.948.948 0 01-1.246.033l-.097-.092-5.044-5.502-.118.084a7.182 7.182 0 01-3.418 1.2l-.308.02-.311.006a7.209 7.209 0 01-5.126-2.124A7.203 7.203 0 016.5 13.75c0-1.935.755-3.757 2.124-5.126A7.203 7.203 0 0113.75 6.5zm0 1.9c-2.95 0-5.35 2.4-5.35 5.35 0 2.95 2.4 5.35 5.35 5.35 2.949 0 5.35-2.4 5.35-5.35 0-2.95-2.401-5.35-5.35-5.35z"/></svg></button> </form> </div> <div class="py-6 mt-12 bg-gray-50 lg:hidden"> <div class="container"> <ul class="flex flex-col"> <li class="flex h-full"> <a class=" tw-link-small text-sm font-normal py-2 lg:font-medium lg:px-3 lg:text-xs lg:py-0 w-full lg:w-auto " href="/fr/fr/enterprise/carriere" data-prevent-inner-obfuscation> <span class="mr-1"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" fill-rule="evenodd" stroke="currentColor" stroke-width=".2" d="M19.5 18c1.88 0 3.492.26 4.794.772 1.077.425 1.947 1.023 2.584 1.776C27.988 21.861 28 23.194 28 23.25c0 .965-.817 1.75-1.821 1.75H12.82c-1.003 0-1.82-.785-1.82-1.75v-.04c.01-.238.106-1.458 1.122-2.662.637-.753 1.507-1.35 2.584-1.776C16.006 18.26 17.62 18 19.5 18zm-9.667 1c.209 0 .415.006.615.017.321.018.568.3.551.63a.589.589 0 01-.613.568 10.32 10.32 0 00-.552-.014c-4.542 0-4.662 2.854-4.665 3.003a.592.592 0 00.583.596H9.25c.322 0 .583.269.583.6 0 .331-.261.6-.583.6l-.002-.001h-3.5c-.964 0-1.749-.808-1.749-1.8 0-.044.01-1.112.773-2.16.441-.605 1.043-1.084 1.788-1.425.891-.408 1.992-.614 3.272-.614zm9.667.167c-2.997 0-5.206.714-6.388 2.063-.859.98-.896 1.982-.898 2.023.002.321.274.58.607.58H26.18c.334 0 .606-.26.607-.58-.002-.04-.04-1.044-.898-2.023-1.182-1.35-3.391-2.063-6.388-2.063zM9.5 11c1.93 0 3.5 1.57 3.5 3.5S11.43 18 9.5 18 6 16.43 6 14.5 7.57 11 9.5 11zM20 7c2.758 0 5 2.242 5 5s-2.242 5-5 5-5-2.242-5-5 2.242-5 5-5zM9.5 12.167A2.336 2.336 0 007.167 14.5 2.336 2.336 0 009.5 16.833a2.336 2.336 0 002.333-2.333A2.336 2.336 0 009.5 12.167zM20 8.25A3.755 3.755 0 0016.25 12 3.755 3.755 0 0020 15.75 3.755 3.755 0 0023.75 12 3.755 3.755 0 0020 8.25z"/></svg></span> <span class="mt-px leading-tight">Carrière</span> </a> </li> <li class="flex h-full"> <a class=" tw-link-small text-sm font-normal py-2 lg:font-medium lg:px-3 lg:text-xs lg:py-0 w-full lg:w-auto " href="/fr/fr/solutions-digitales/e-connect-portail" data-prevent-inner-obfuscation> <span class="mr-1"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M24.363 7c.643 0 1.194.23 1.651.69.457.46.686 1.015.686 1.662v13.296c0 .647-.229 1.201-.686 1.662-.457.46-1.008.69-1.651.69H10.137c-.643 0-1.194-.23-1.651-.69a2.273 2.273 0 01-.686-1.662c0-.478.237-.716.711-.716s.712.238.712.716c0 .272.084.494.254.665.169.17.39.255.66.255h14.226a.89.89 0 00.66-.256c.17-.17.254-.392.254-.664V9.352c0-.272-.084-.494-.254-.664a.89.89 0 00-.66-.256H10.137a.89.89 0 00-.66.256c-.17.17-.254.392-.254.664 0 .478-.238.716-.712.716S7.8 9.83 7.8 9.352c0-.647.229-1.201.686-1.662A2.244 2.244 0 0110.137 7h14.226zm-9.49 13.13l3.245-3.389H6.71c-.473 0-.71-.247-.71-.741s.237-.741.71-.741h11.358l-3.296-3.388c-.338-.353-.338-.706 0-1.06a.673.673 0 01.507-.211.67.67 0 01.507.212l4.26 4.447c.236.247.354.512.354.794 0 .282-.118.547-.355.794l-4.158 4.341a.673.673 0 01-.507.212c-.135 0-.304-.07-.507-.212-.304-.388-.304-.74 0-1.059z"/></svg></span> <span class="mt-px leading-tight">Portail client</span> </a> </li> </ul> <button @click="openLanguageSwitch()" class="flex items-center w-full py-3 text-gray-700 lg:py-6 lg:w-auto" id="language-switch-btn" > <span class="pl-2 text-sm font-normal leading-none text-left lg:text-xs lg:font-medium lg:pl-0 grow lg:grow-0"> France (FR) </span> <span class="mr-2 lg:mr-0 ml-0.5 text-gray-700 hover:black"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </button> </div> </div> </div> <div class="absolute left-0 right-0 top-3 lg:top-24 appear-triggered appear-fade navigation-collapsed-items" :class="{ 'inview': isCollapsed && !isMobileNavigationExpanded, 'invisible': !isCollapsed }" > <div class="container"> <div class="flex items-center justify-end"> <li class="flex items-center lg:hidden"> <button @click="openLanguageSwitch()" > <span class="font-normal text-sm leading-none text-right pr-1 xs:pr-2"> FR (FR) </span> </button> </li> <li class="flex items-center lg:hidden"><button @click="openSearch()"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M13.75 6.5c1.935 0 3.757.755 5.126 2.124A7.203 7.203 0 0121 13.75a7.199 7.199 0 01-1.408 4.295l-.188.244-.098.115 5.044 5.504a.95.95 0 01.095 1.163l-.07.094-.083.086a.948.948 0 01-1.246.033l-.097-.092-5.044-5.502-.118.084a7.182 7.182 0 01-3.418 1.2l-.308.02-.311.006a7.209 7.209 0 01-5.126-2.124A7.203 7.203 0 016.5 13.75c0-1.935.755-3.757 2.124-5.126A7.203 7.203 0 0113.75 6.5zm0 1.9c-2.95 0-5.35 2.4-5.35 5.35 0 2.95 2.4 5.35 5.35 5.35 2.949 0 5.35-2.4 5.35-5.35 0-2.95-2.401-5.35-5.35-5.35z"/></svg></button></li> <div class="items-center hidden ml-3 lg:flex js-collapsed-sales-button" @click="toggleContactOverlay(true)" @keydown.esc="toggleContactOverlay(false)" > <button id="service-contact" class=" tw-button tw-button-contact w-full lg:w-auto " data-prevent-inner-obfuscation> <span class="mr-2 -ml-1 -mt-px"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" stroke="currentColor" stroke-width=".3"><path d="M7.014 6.653a.4.4 0 01.15.784c-2.829.537-4.866 2.73-4.866 5.266 0 1.652.863 3.184 2.325 4.205a.4.4 0 01.17.363c-.064.702-.205 1.42-.382 2.017l-.016.053.056-.025a10.12 10.12 0 002.155-1.277l.048-.037a.4.4 0 01.331-.076c.505.11 1.004.167 1.502.167a6.903 6.903 0 002.838-.6.4.4 0 01.328.729 7.701 7.701 0 01-4.644.524l-.01-.002-.003.002a10.838 10.838 0 01-3.106 1.64l-.062.02a.4.4 0 01-.485-.55l.005-.01c.255-.5.507-1.43.62-2.37l.006-.053-.005-.003C2.436 16.267 1.52 14.584 1.5 12.76v-.058c0-2.94 2.327-5.445 5.514-6.05z"/><path d="M15.513 4c-3.848 0-6.986 2.758-6.986 6.188 0 3.43 3.138 6.188 6.986 6.188h.065a7.812 7.812 0 001.657-.192l.055-.013.042.032a10.815 10.815 0 003.202 1.688.4.4 0 00.48-.561l-.01-.02c-.276-.554-.54-1.59-.634-2.606l-.006-.07.008-.007c1.347-1.155 2.128-2.74 2.128-4.439C22.5 6.758 19.361 4 15.513 4zm0 .798c3.429 0 6.189 2.426 6.189 5.39 0 1.52-.732 2.94-2.001 3.959a.4.4 0 00-.149.336l.003.041c.052.788.205 1.606.404 2.271l.009.03-.05-.021a10.116 10.116 0 01-2.285-1.379.4.4 0 00-.35-.074c-.577.15-1.17.227-1.77.227-3.428 0-6.188-2.425-6.188-5.39 0-2.964 2.76-5.39 6.188-5.39z"/></g></svg></span> <span class="mt-px leading-tight">Contact Commerical & Service Client</span> </button> </div> <button class="lg:p-0.5 ml-4 lg:ml-6 border border-gray-100 text-gray-700 bg-white transition-shadow hover:shadow-burger hover:border-transparent" @click="toggleNavView" ><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M24.943 20.332a.92.92 0 01.679.266.92.92 0 01.265.679.92.92 0 01-.265.678.92.92 0 01-.68.266H7.945a.92.92 0 01-.678-.266.92.92 0 01-.266-.678.92.92 0 01.266-.68.92.92 0 01.678-.265zm0-5.666a.92.92 0 01.679.266.92.92 0 01.265.678.92.92 0 01-.265.68.92.92 0 01-.68.265H7.945a.92.92 0 01-.678-.266A.92.92 0 017 15.61a.92.92 0 01.266-.678.92.92 0 01.678-.266zm0-5.666a.92.92 0 01.679.266.92.92 0 01.265.678.92.92 0 01-.265.68.92.92 0 01-.68.265H7.945a.92.92 0 01-.678-.266A.92.92 0 017 9.944a.92.92 0 01.266-.678A.92.92 0 017.944 9z"/></svg></button> </div> </div> </div> <button v-if="isMobileNavigationExpanded" @click="toggleMobileNavigation" class="mt-0.5 mr-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3.503 4.773l-.05.064a.35.35 0 00.05.431l6.481 6.482-6.481 6.482a.35.35 0 000 .495l1.27 1.27.064.05a.35.35 0 00.431-.05l6.482-6.481 6.482 6.481a.35.35 0 00.495 0l1.27-1.27.05-.064a.35.35 0 00-.05-.431l-6.481-6.482 6.481-6.482a.35.35 0 000-.495l-1.27-1.27-.064-.05a.35.35 0 00-.431.05L11.75 9.984 5.268 3.503a.35.35 0 00-.495 0l-1.27 1.27z"/></svg></button> </div> </div> </nav> <div class="navigation__spacer"></div> </div> <div data-vue="ServiceContact" data-props='{ "contactPerson": {"name":"Romain Reyre","created_at":"2022-08-22T11:43:32.980Z","published_at":"2022-10-12T11:09:33.000Z","id":178482066,"uuid":"81708cef-ac7e-4f5f-bac0-1d3c46e659b0","content":{"_uid":"b6904c32-5503-40c3-aedd-6b65f53d1e7b","image":{"id":5614418,"alt":null,"name":"","focus":null,"title":null,"filename":"https:\/\/a.storyblok.com\/f\/136567\/256x256\/62b9d7252f\/produkte-romain-reyre.jpg","copyright":null,"fieldtype":"asset"},"phone":"","lastname":"Reyre","position":"managing-director","component":"contact-person","firstname":"Romain"},"slug":"romain-reyre","full_slug":"contacts\/romain-reyre","sort_by_date":null,"position":200,"tag_list":[],"is_startpage":false,"parent_id":129195630,"meta_data":null,"group_id":"45221d00-dff3-4cff-8de3-447a5db9713b","first_published_at":"2022-10-12T11:09:33.791Z","release_id":null,"lang":"default","path":null,"alternates":[],"default_full_slug":null,"translated_slugs":null}, "currService": {"_uid":"0bb93a63-5c48-44cc-bfb8-12afcd887737","order":"service_parts_support","person":"81708cef-ac7e-4f5f-bac0-1d3c46e659b0","country":"fr","language":"fr","component":"contact-mapping","support_phone":"+43 50 620 3333","parts_distribution_email":"spareparts.fr@engel.at","parts_distribution_phone":"+33 169 75 12 12","technical_customer_service_email":"service.fr@engel.at","technical_customer_service_phone":"+33 169 75 12 12"} }' class="h-full"> <Transition name="modal-fade"> <div v-show="isVisible" class="fixed inset-0 z-60 hidden bg-gray-700 bg-opacity-30 lg:block" @click="isVisible = false" ></div> </Transition> <Transition name="appear"> <div v-show="isVisible" class="fixed right-0 z-60 w-full overflow-auto transform bg-white border-gray-200 h-service-contact lg:-translate-x-1/2 lg:mt-2 lg:rounded-sm lg:border top-13 lg:top-16 lg:right-12 lg:w-64 xl:w-72 lg:shadow-service-contact lg:h-auto lg:overflow-visible" ref="contactPopup" v-cloak > <div class="absolute top-0 hidden w-8 overflow-hidden transform -translate-x-1/2 -translate-y-full lg:inline-block left-1/2"> <div class="w-4 h-4 origin-bottom-left transform rotate-45 bg-white border border-gray-200"></div> </div> <button @click="toggleOverlay(false)" class="absolute hidden top-2 right-2 lg:block"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="currentColor" d="M2.335 3.182l-.033.042a.233.233 0 00.033.288l4.321 4.321-4.321 4.321a.233.233 0 000 .33l.847.848.042.033c.09.056.21.045.288-.033L7.833 9.01l4.321 4.32a.233.233 0 00.33 0l.848-.847.033-.042a.233.233 0 00-.033-.288L9.01 7.834l4.32-4.322a.233.233 0 000-.33l-.847-.847-.042-.033a.233.233 0 00-.288.033l-4.32 4.321-4.322-4.321a.233.233 0 00-.33 0l-.847.847z"/></svg> </button> <p class="mt-5 mb-1 text-sm text-center text-gray-700">Votre contact local en</p> <div class="flex justify-center"> <div class="relative inline-block mb-6"> <select ref="countryList" name="countries_list" class="flex items-center pb-0.5 mx-auto text-sm text-gray-700 border-b border-gray-400 appearance-none pr-4 cursor-pointer !bg-transparent overflow-hidden whitespace-nowrap text-ellipsis max-w-56" @change="setCurrentServiceId()" > <option value="other" data-service-id="50d33578-a43f-4bf0-bb7b-e9b57685490b" data-person-id="49d8a13c-7613-4c94-83be-42e12fbe6f7b" >Autre</option> <option value="dz" data-service-id="96df54cd-aac6-47e7-873a-8cb00e44e31a" data-person-id="81708cef-ac7e-4f5f-bac0-1d3c46e659b0" >Algérie</option> <option value="de" data-service-id="99978ee9-956e-4ee0-8638-ed94ac1202e5" data-person-id="49d8a13c-7613-4c94-83be-42e12fbe6f7b" >Allemagne</option> <option value="at" data-service-id="22b2d5e4-379d-449e-801b-b097aa245874" data-person-id="49d8a13c-7613-4c94-83be-42e12fbe6f7b" >Autriche</option> <option value="bs" data-service-id="91c35707-711c-4c17-a5f7-639c37430af5" data-person-id="95ea0728-7b25-4319-a70a-33a5b71ce675" >Bahamas</option> <option value="bd" data-service-id="79b04916-6d4e-467c-ba51-baa44202eac7" data-person-id="93f75dfe-d6e9-47bf-a07c-de0abd3d2532" >Bangladesh</option> <option value="bb" data-service-id="4cbfffd2-d859-4499-ae4e-d58022097652" data-person-id="95ea0728-7b25-4319-a70a-33a5b71ce675" >Barbade</option> <option value="be" data-service-id="b87da134-acef-44e9-8a36-b524d561ecc6" data-person-id="49d8a13c-7613-4c94-83be-42e12fbe6f7b" >Belgique</option> <option value="bz" data-service-id="0184ce53-b17c-4f67-b7d9-cbe4b228d78a" data-person-id="9536b0e5-5617-47de-b75f-8e6bb29466be" >Belize</option> <option value="bt" data-service-id="f1b9e4ae-d610-41d0-8caf-31f717019204" data-person-id="93f75dfe-d6e9-47bf-a07c-de0abd3d2532" >Bhoutan</option> <option value="mm" data-service-id="812724b3-e8d2-47fa-97ba-e2690765e0ee" data-person-id="359a11e1-3373-49e3-95d9-ea02244de406" >Birmanie</option> <option value="bo" data-service-id="83375d45-a3d9-4f73-b586-b5bab7e541a1" data-person-id="efd38ea8-97e5-4c5a-b716-86b64a237a68" >Bolivie</option> <option value="br" data-service-id="1a06e3b6-27d8-4f24-94e2-4124c70d3f53" data-person-id="efd38ea8-97e5-4c5a-b716-86b64a237a68" >Brésil</option> <option value="ca" data-service-id="3e85d51c-cfe6-4911-b095-d4e5dbea46db" data-person-id="95ea0728-7b25-4319-a70a-33a5b71ce675" >Canada</option> <option value="cn" data-service-id="d826d427-2dec-4191-96e6-7c01dc5cdd53" data-person-id="a4f6a9ee-6837-46e9-9e9d-3939d2fc2696" >Chine</option> <option value="kr" data-service-id="40c79af0-4af3-46aa-8eb3-982af549c07b" data-person-id="d125eb77-3541-4e19-b492-c52846f7942a" >Corée du Sud</option> <option value="cr" data-service-id="5ab1777f-f992-4d95-b3c4-9a219dfe1fa0" data-person-id="9536b0e5-5617-47de-b75f-8e6bb29466be" >Costa Rica</option> <option value="dk" data-service-id="a9d1fd1b-c713-4fd4-b572-7e4d67cb2840" data-person-id="85a68b07-5961-44df-a097-cf49b35bfa27" >Danemark</option> <option value="dm" data-service-id="23a0976f-b171-4492-b5f4-313836bf9fde" data-person-id="95ea0728-7b25-4319-a70a-33a5b71ce675" >Dominique</option> <option value="us" data-service-id="cf440214-4a0d-4ca4-97e3-ad02af7a2a2f" data-person-id="95ea0728-7b25-4319-a70a-33a5b71ce675" >États-unis</option> <option value="fi" data-service-id="e78413c7-fd87-42e5-a28a-ea3ffbaae5ef" data-person-id="881d7ce0-1982-4ac6-98b0-925ead375136" >Finlande</option> <option value="fr" data-service-id="0bb93a63-5c48-44cc-bfb8-12afcd887737" data-person-id="81708cef-ac7e-4f5f-bac0-1d3c46e659b0" selected >France</option> <option value="gd" data-service-id="14d62114-375a-4cc7-a137-578436cba4f9" data-person-id="95ea0728-7b25-4319-a70a-33a5b71ce675" >Grenade</option> <option value="gt" data-service-id="886ecc88-11b2-4009-9ba5-ed5c64cc8543" data-person-id="9536b0e5-5617-47de-b75f-8e6bb29466be" >Guatemala</option> <option value="ht" data-service-id="989cb512-f46f-418e-a928-b94e74e71d8f" data-person-id="95ea0728-7b25-4319-a70a-33a5b71ce675" >Haïti</option> <option value="hn" data-service-id="65d8e721-a210-4e99-a563-0b009a505aa9" data-person-id="9536b0e5-5617-47de-b75f-8e6bb29466be" >Honduras</option> <option value="hk" data-service-id="90d54e22-5098-43dc-9e41-5bdb0afaca79" data-person-id="a4f6a9ee-6837-46e9-9e9d-3939d2fc2696" >Hong Kong</option> <option value="hu" data-service-id="59c78234-263c-4445-940e-20286f47b5c9" data-person-id="cc4ed14a-08e9-4c32-9d7d-2771455372d0" >Hongrie</option> <option value="in" data-service-id="5aa050ea-47ef-4c40-94cb-7923073e16f1" data-person-id="93f75dfe-d6e9-47bf-a07c-de0abd3d2532" >Inde</option> <option value="id" data-service-id="f9de780c-d3b4-47aa-ae71-008a625dc491" data-person-id="c74ea3d3-1c14-460a-a2f1-f9f07644e9ab" >Indonésie</option> <option value="ie" data-service-id="fd814c2e-1e19-495e-b957-a3f6d890f0d1" data-person-id="f0fcb215-faa7-4e14-a49d-f7f4431779d6" >Irlande</option> <option value="is" data-service-id="214b32b9-160a-4427-8aff-8c8e1c8fcdd7" data-person-id="85a68b07-5961-44df-a097-cf49b35bfa27" >Islande</option> <option value="it" data-service-id="19c7fd29-9d5f-4ed8-acc4-4efaa2453e3c" data-person-id="485dce53-175e-4efa-be74-427d1db69f26" >Italie</option> <option value="jm" data-service-id="68ca480c-c377-4a3a-9173-a15030a9df42" data-person-id="95ea0728-7b25-4319-a70a-33a5b71ce675" >Jamaïque</option> <option value="jp" data-service-id="d81618f1-153c-4698-b861-f9102214090a" data-person-id="43e66318-db03-4894-a8c5-10cc124ea70f" >Japon</option> <option value="li" data-service-id="8874ea2e-3f86-40dc-97dd-3abe705011be" data-person-id="af7b752f-942b-4c6f-a41f-dfcdf5cdbd54" >Liechtenstein</option> <option value="lu" data-service-id="dc4f1765-dec8-433e-a87e-cd153270902f" data-person-id="49d8a13c-7613-4c94-83be-42e12fbe6f7b" >Luxembourg</option> <option value="my" data-service-id="677c5e0c-d2ef-4a91-88d0-cd729d068c4a" data-person-id="c74ea3d3-1c14-460a-a2f1-f9f07644e9ab" >Malaisie</option> <option value="mv" data-service-id="fecee6f1-91ab-4b1f-9141-4bdee8b130ff" data-person-id="93f75dfe-d6e9-47bf-a07c-de0abd3d2532" >Maldives</option> <option value="ma" data-service-id="e5ac92cc-8c48-4b9e-8d8d-cce0bd3c5686" data-person-id="81708cef-ac7e-4f5f-bac0-1d3c46e659b0" >Maroc</option> <option value="mx" data-service-id="f10a3998-27cb-4fef-b3ba-ed75f73ee752" data-person-id="9536b0e5-5617-47de-b75f-8e6bb29466be" >Mexique</option> <option value="md" data-service-id="138943ac-6311-49cc-ac54-95c985628cc2" data-person-id="323fe954-feab-4b85-be84-0abb2e28d1ac" >Moldavie</option> <option value="mc" data-service-id="32c40ef4-8fae-4370-b0c4-e928704c5cba" data-person-id="81708cef-ac7e-4f5f-bac0-1d3c46e659b0" >Monaco</option> <option value="np" data-service-id="35256fe2-1c82-453a-a25d-aadc36f7ae9e" data-person-id="93f75dfe-d6e9-47bf-a07c-de0abd3d2532" >Népal</option> <option value="ni" data-service-id="4f4bafe4-09fb-4dd2-8c14-c6bb84a1ef35" data-person-id="9536b0e5-5617-47de-b75f-8e6bb29466be" >Nicaragua</option> <option value="no" data-service-id="cfda11a8-2f7c-490e-ad76-27a743c60ec8" data-person-id="85a68b07-5961-44df-a097-cf49b35bfa27" >Norvège</option> <option value="pa" data-service-id="7b807a2f-fb97-4097-9d01-2700e5e6aa19" data-person-id="9536b0e5-5617-47de-b75f-8e6bb29466be" >Panama</option> <option value="nl" data-service-id="3206eb4c-5aca-4140-b067-12f674d41539" data-person-id="49d8a13c-7613-4c94-83be-42e12fbe6f7b" >Pays-Bas</option> <option value="ph" data-service-id="6fdf6b05-6e00-43d5-94ef-4f4b6ddb301c" data-person-id="c74ea3d3-1c14-460a-a2f1-f9f07644e9ab" >Philippines</option> <option value="pl" data-service-id="86920af2-08cb-4851-9da1-54dcc1f5930e" data-person-id="fc93497e-7084-4cc5-89fa-be92495092b1" >Pologne</option> <option value="pr" data-service-id="d9a3fa14-c4c6-491a-84c3-946150399ade" data-person-id="95ea0728-7b25-4319-a70a-33a5b71ce675" >Porto Rico</option> <option value="do" data-service-id="ef6add5f-da0e-4e30-aa6f-bad57bc164c7" data-person-id="95ea0728-7b25-4319-a70a-33a5b71ce675" >République dominicaine</option> <option value="ro" data-service-id="ff59acec-581c-4317-bc23-1e333661c001" data-person-id="323fe954-feab-4b85-be84-0abb2e28d1ac" >Roumanie</option> <option value="gb" data-service-id="a5c5c6c7-fb2e-4764-87ac-c361472ef729" data-person-id="f0fcb215-faa7-4e14-a49d-f7f4431779d6" >Royaume-Uni</option> <option value="lc" data-service-id="d5ae4c0a-27c3-4662-a6e2-5d6961dad26b" data-person-id="95ea0728-7b25-4319-a70a-33a5b71ce675" >Sainte-Lucie</option> <option value="sv" data-service-id="717c587c-61e5-44d8-9113-0d0179870365" data-person-id="9536b0e5-5617-47de-b75f-8e6bb29466be" >Salvador</option> <option value="sg" data-service-id="93f1030b-345d-4abf-85cd-9442fedea5d6" data-person-id="c74ea3d3-1c14-460a-a2f1-f9f07644e9ab" >Singapour</option> <option value="lk" data-service-id="dbaf0f69-615c-4fb4-a19b-f20efab12e31" data-person-id="93f75dfe-d6e9-47bf-a07c-de0abd3d2532" >Sri Lanka</option> <option value="se" data-service-id="af21bc9d-421c-4b73-a82f-0161b8595367" data-person-id="97adfa52-76ca-4e60-881b-aef07da177cf" >Suède</option> <option value="ch" data-service-id="21af6e9a-fd96-47da-8fbb-8b846e6f991c" data-person-id="af7b752f-942b-4c6f-a41f-dfcdf5cdbd54" >Suisse</option> <option value="tw" data-service-id="0d098261-0a9f-43e8-9578-cfc1a73125c5" data-person-id="a4f6a9ee-6837-46e9-9e9d-3939d2fc2696" >Taïwan (République de Chine)</option> <option value="cz" data-service-id="e70d77a2-8832-4e3e-879e-9e594799928d" data-person-id="ceb3d8cb-b275-4174-8a33-85b43a40bccd" >Tchéquie</option> <option value="th" data-service-id="50a03dad-a8fc-4834-b8fe-4e853c2a9632" data-person-id="359a11e1-3373-49e3-95d9-ea02244de406" >Thaïlande</option> <option value="tt" data-service-id="d3140010-7b27-4722-a911-c03d9bd23fdf" data-person-id="95ea0728-7b25-4319-a70a-33a5b71ce675" >Trinité-et-Tobago</option> <option value="tn" data-service-id="94697482-8daa-4b4b-a4f0-9cc6d86880eb" data-person-id="81708cef-ac7e-4f5f-bac0-1d3c46e659b0" >Tunisie</option> <option value="tr" data-service-id="030cc625-8033-488b-8bc3-fc2ff44f1476" data-person-id="49d8a13c-7613-4c94-83be-42e12fbe6f7b" >Turquie</option> <option value="ua" data-service-id="37c88b4f-0b9a-4200-9eac-74872824ceac" data-person-id="49d8a13c-7613-4c94-83be-42e12fbe6f7b" >Ukraine</option> </select> <span class="absolute text-gray-700 -translate-y-1/2 pointer-events-none -right-1 top-1/2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </div> </div> <button class="flex items-center justify-between w-full px-4 py-4 bg-gray-100 lg:py-2" @click="clickedIndex = clickedIndex === 1 ? -1 : 1" id="sales-contact-btn" > <span></span> <span class="flex items-center"> <span class="mr-2 text-gray-700"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" stroke="currentColor" stroke-width=".3"><path d="M7.014 6.653a.4.4 0 01.15.784c-2.829.537-4.866 2.73-4.866 5.266 0 1.652.863 3.184 2.325 4.205a.4.4 0 01.17.363c-.064.702-.205 1.42-.382 2.017l-.016.053.056-.025a10.12 10.12 0 002.155-1.277l.048-.037a.4.4 0 01.331-.076c.505.11 1.004.167 1.502.167a6.903 6.903 0 002.838-.6.4.4 0 01.328.729 7.701 7.701 0 01-4.644.524l-.01-.002-.003.002a10.838 10.838 0 01-3.106 1.64l-.062.02a.4.4 0 01-.485-.55l.005-.01c.255-.5.507-1.43.62-2.37l.006-.053-.005-.003C2.436 16.267 1.52 14.584 1.5 12.76v-.058c0-2.94 2.327-5.445 5.514-6.05z"/><path d="M15.513 4c-3.848 0-6.986 2.758-6.986 6.188 0 3.43 3.138 6.188 6.986 6.188h.065a7.812 7.812 0 001.657-.192l.055-.013.042.032a10.815 10.815 0 003.202 1.688.4.4 0 00.48-.561l-.01-.02c-.276-.554-.54-1.59-.634-2.606l-.006-.07.008-.007c1.347-1.155 2.128-2.74 2.128-4.439C22.5 6.758 19.361 4 15.513 4zm0 .798c3.429 0 6.189 2.426 6.189 5.39 0 1.52-.732 2.94-2.001 3.959a.4.4 0 00-.149.336l.003.041c.052.788.205 1.606.404 2.271l.009.03-.05-.021a10.116 10.116 0 01-2.285-1.379.4.4 0 00-.35-.074c-.577.15-1.17.227-1.77.227-3.428 0-6.188-2.425-6.188-5.39 0-2.964 2.76-5.39 6.188-5.39z"/></g></svg></span> <span class="text-sm font-medium text-gray-700 lg:text-xs xl:text-sm">Contact Commerical</span> </span> <span class="flex-shrink-0 text-gray-700 transition-transform duration-200 ease-in-out" :class="{'transform rotate-180': clickedIndex === 1}" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </button> <div class="pr-6 overflow-hidden text-sm text-gray-700 transition-all duration-300 ease-in-out pl-7" :class="{'max-h-0': clickedIndex !== 1, 'pt-3 max-h-96 mb-6': clickedIndex === 1}" > <sales-contact-content :is-loading-contact-person="isLoadingContactPerson" :is-loading-service-contact="isLoadingServiceContact" :contact="contactPersonData"></sales-contact-content> </div> <button class="flex items-center justify-between w-full px-4 py-4 mt-1 bg-gray-100 lg:py-2" @click="clickedIndex = clickedIndex === 2 ? -1 : 2" id="service-contact-btn" > <span></span> <span class="flex items-center"> <span class="mr-2 text-gray-700"><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.13 18.705a2.41 2.41 0 01-.71 1.715 2.41 2.41 0 01-1.715.71 2.41 2.41 0 01-1.715-.71l-6.91-6.91a5.452 5.452 0 01-5.614-1.31 5.488 5.488 0 01-1.26-5.759.38.38 0 01.625-.137l2.464 2.463h2.473V6.295L6.305 3.83a.38.38 0 01.137-.626 5.49 5.49 0 015.759 1.26 5.471 5.471 0 011.309 5.615l6.91 6.91a2.41 2.41 0 01.71 1.715zM11.663 5.004a4.714 4.714 0 00-4.368-1.259l2.123 2.123a.38.38 0 01.111.27v3.01c0 .21-.17.38-.38.38H6.137a.38.38 0 01-.269-.11L3.745 7.293a4.725 4.725 0 001.259 4.369 4.713 4.713 0 005.48.858l.006-.003c.144-.074.283-.155.418-.242l.002-.001c.132-.087.26-.18.382-.28l.01-.006a4.719 4.719 0 00.687-.688l.004-.006c.1-.124.195-.252.282-.385l.005-.01c.086-.132.165-.268.237-.409l.008-.016a4.714 4.714 0 00-.862-5.471zm8.219 12.523l-6.688-6.687-.004.007c-.026.05-.056.098-.083.148a5.515 5.515 0 01-.168.284c-.032.05-.066.099-.1.148a5.41 5.41 0 01-.204.278c-.032.04-.063.082-.096.122a5.502 5.502 0 01-.338.374c-.12.12-.245.23-.373.337l-.127.1a5.387 5.387 0 01-.696.463c-.054.03-.107.063-.162.09l-.003.003 6.687 6.688c.315.314.733.487 1.178.487.444 0 .862-.173 1.177-.487.314-.314.487-.733.487-1.177 0-.445-.173-.863-.487-1.177z" stroke="currentColor" stroke-width=".7" fill="currentColor"/></svg></span> <span class="text-sm font-medium text-gray-700 lg:text-xs xl:text-sm">Contacts Service & Support client</span> </span> <span class="flex-shrink-0 text-gray-700 transition-transform duration-200 ease-in-out" :class="{'transform rotate-180': clickedIndex === 2}" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </button> <div class="pr-6 overflow-hidden relative text-sm text-gray-700 transition-all duration-300 ease-in-out pl-7" :class="{'max-h-0': clickedIndex !== 2, 'pt-4 max-h-96 mb-6': clickedIndex === 2}" > <div :class="{ 'opacity-50': isLoadingContactPerson || isLoadingServiceContact }" v-if="isLoadingContactPerson || isLoadingServiceContact" class="absolute inset-0 bg-white flex items-center justify-center"> <div class="w-4 h-4 mr-2 animate-spin"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><circle opacity=".25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/><path opacity=".75" fill="currentColor" d="M4 12a8 8 0 018-8V0A12 12 0 000 12h4zm2 5.3A7.96 7.96 0 014 12H0c0 3.04 1.14 5.82 3 7.94l3-2.65z"/></svg> </div> </div> <service-contact-content :service="currServiceData"></service-contact-content> </div> </div> </Transition> </div> <div data-vue="ContactOverlay" data-props='{"contactFormCc":"", "emailSubject": "Demande de contact", "recaptchaSiteKey": "6LfYBBAgAAAAAGkFuKs7mUaNR1A0queHT2dZyNQk", "locale": "fr", "country": "fr" ,"externalIntro": "\"Nous vous remercions de votre demande ! Nous vous contacterons prochainement.\"", "prefillTopic": "company", "prefillCountry": "fr" }' > <div class="fixed top-0 bottom-0 left-0 right-0 z-60 transition duration-300 ease-in-out" :class="{'bg-black bg-opacity-30': isOpen, 'pointer-events-none' : !isOpen}" @click="closeOverlay()" ></div> <div class="fixed top-0 bottom-0 right-0 z-60 w-full h-full px-0 sm:px-6 pt-6 pb-0 sm:pb-6 ml-auto overflow-auto transition duration-200 ease-in-out bg-white sm:px-8 lg:w-200" :class="!isOpen ? 'transform translate-x-full content-invisible' : 'content-visible'" v-cloak > <div class="flex items-start justify-between px-6 sm:px-0"> <h2 class="text-gray-700 tw-h2 ">Nous nous réjouissons de votre demande</h2> <button @click="closeOverlay()" class="sm:absolute flex-shrink-0 pt-0.5 top-6 right-4 sm:right-8"> <span class="sm:hidden"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3.503 4.773l-.05.064a.35.35 0 00.05.431l6.481 6.482-6.481 6.482a.35.35 0 000 .495l1.27 1.27.064.05a.35.35 0 00.431-.05l6.482-6.481 6.482 6.481a.35.35 0 00.495 0l1.27-1.27.05-.064a.35.35 0 00-.05-.431l-6.481-6.482 6.481-6.482a.35.35 0 000-.495l-1.27-1.27-.064-.05a.35.35 0 00-.431.05L11.75 9.984 5.268 3.503a.35.35 0 00-.495 0l-1.27 1.27z"/></svg></span> <span class="hidden sm:block"><svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M23.68 22.138L17.544 16l6.137-6.137a1.09 1.09 0 00-1.542-1.543L16 14.458 9.862 8.32A1.091 1.091 0 008.32 9.862l6.137 6.139-6.138 6.138a1.09 1.09 0 001.543 1.542L16 17.543l6.137 6.138a1.091 1.091 0 001.544-1.543z" fill="currentColor"/></svg></span> </button> </div> <div class="grid gap-6 mt-6 sm:gap-12 sm:grid-cols-8"> <div class="mx-auto mb-6 text-center sm:mb-0 sm:col-span-2">  <img v-if="contactPerson.image" class="w-24 h-24 mx-auto mb-2 rounded-full md:mb-4 md:w-32 md:h-32 lazyload" :src="$filters.imageService(contactPerson.image.filename, '256x256', 'webp')" :data-src="$filters.imageService(contactPerson.image.filename, '256x256', 'webp')" :title="contactPerson.image.title" :alt="contactPerson.image.alt" width="128" height="128" > <p v-if="contactPerson.firstname ||contactPerson.lastname" class="font-medium text-gray-700" v-text="`${contactPerson.firstname} ${contactPerson.lastname}`"></p> <p v-if="contactPerson.position && jobTitle" class="text-xs text-gray-600" v-text="jobTitle" ></p> <a v-if="contactPerson.phone" :href="`tel:${(contactPerson.phone).replace(/\s/g, '')}`" class="flex items-center justify-center mt-2 text-gray-600 hover:text-black" > <span class="mr-0.5 fill-current transition-colors duration-200 ease-in-out"><svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M4.168 1.55c.262 0 .557.165.933.513.277.257.585.602.89.993.198.256.422.568.625.892.312.5.494.906.494 1.182 0 .358-.19.593-.74.961l-.257.167-.444.276-.142.094a3.29 3.29 0 00-.06.042l-.106.08-.152.132c-.023.02-.035.028-.04.02.599 1.49 2.435 3.327 3.877 3.923.031-.01.096-.061.199-.19l.08-.105.136-.202.315-.507c.413-.656.695-.934 1.09-.934.276 0 .682.181 1.181.493.324.202.632.424.892.625.395.307.74.615.993.89.348.375.513.67.513.933 0 .446-.368 1.082-.86 1.619-.445.485-.959.868-1.489.975l-.133.02-.142.008-.244-.005c-1.07-.043-2.197-.364-3.358-.955-1.15-.585-2.286-1.423-3.285-2.423-.999-1.001-1.836-2.138-2.421-3.29-.636-1.251-.958-2.463-.958-3.604 0-.615.423-1.232.998-1.762.534-.492 1.169-.86 1.615-.86zm.016.786l-.022-.006-.045.005c-.215.039-.641.287-1.035.65-.462.424-.747.884-.747 1.188 0 4.253 5.24 9.497 9.488 9.497.303 0 .763-.287 1.188-.75.393-.429.652-.897.656-1.077-.014-.085-.153-.27-.391-.51l-.174-.17-.202-.182-.227-.192-.253-.201-.242-.18c-.04-.03-.08-.058-.12-.086l-.232-.159-.22-.141a8.012 8.012 0 00-.102-.063l-.19-.11a4.076 4.076 0 00-.164-.087l-.132-.061a.447.447 0 00-.13-.038c-.022.006-.087.059-.19.19l-.096.13-.11.165-.31.497c-.421.672-.71.956-1.116.956a.69.69 0 01-.258-.05c-1.692-.677-3.687-2.672-4.364-4.364-.119-.298-.039-.627.321-.954a1.81 1.81 0 01.131-.11l.154-.114.188-.126.631-.394.152-.102.122-.09.093-.08.094-.09a.646.646 0 00-.064-.204l-.074-.153-.098-.18a6.471 6.471 0 00-.058-.098l-.131-.212-.15-.227-.167-.237-.18-.242-.2-.252-.194-.228a8.035 8.035 0 00-.182-.201l-.168-.174a4.55 4.55 0 00-.152-.144l-.133-.112a.87.87 0 00-.195-.127z" stroke="currentColor" stroke-width=".4" fill="currentColor"/></svg></span> <span class="text-sm mt-0.5 transition-colors duration-200 ease-in-out" v-text="contactPerson.phone"></span> </a> </div> <div class="sm:col-span-6"> <form ref="contactForm" action="" @submit.prevent="submitForm()"> <div class="px-6 sm:px-0 grid w-full gap-5 text-gray-700 sm:grid-cols-2"> <div class="sm:hidden"> <h3 class="text-gray-700 font-medium ">Données personnelles</h3> </div> <div class="relative "> <select id="cform__salutation" name="salutation" autocomplete="salutation" class="form-input form-select" :class="{'form-danger': formErrorsVisible && this.v$.formFields.salutation.$invalid}" v-model="formFields.salutation" > <option value="" default>Veuillez sélectionner</option> <option value="female" > Madame </option> <option value="male" > Monsieur </option> <option value="person" > Mx. </option> </select> <label for="cform__salutation" class="form-float-label">Civilité *</label> <p v-if="formErrorsVisible && this.v$.formFields.salutation.$invalid" class="flex mt-1 text-red-500 text-xxs">Veuillez remplir le champ obligatoire</p> </div> <div class="hidden sm:block"></div> <div class="relative"> <input id="cform__firstname" name="firstname" type="text" placeholder="" autocomplete="given-name" class="form-input" v-model="formFields.firstname" > <label for="cform__firstname" class="form-float-label">Prénom </label> </div> <div class="relative"> <input id="cform__lastname" name="lastname" type="text" placeholder="" autocomplete="family-name" class="form-input" :class="{'form-danger': formErrorsVisible && this.v$.formFields.lastname.$invalid}" v-model="formFields.lastname" > <label for="cform__lastname" class="form-float-label">Nom de famille *</label> <p v-if="formErrorsVisible && this.v$.formFields.lastname.$invalid" class="flex mt-1 text-red-500 text-xxs">Veuillez remplir le champ obligatoire</p> </div> <div class="relative"> <input id="cform__email" name="email" type="text" placeholder="" autocomplete="email" class="form-input" :class="{'form-danger': formErrorsVisible && this.v$.formFields.email.$invalid}" v-model="formFields.email" > <label for="cform__email" class="form-float-label">Adresse e-mail *</label> <p v-if="formErrorsVisible && this.v$.formFields.email.$invalid && formFields.email === ''" class="flex mt-1 text-red-500 text-xxs">Veuillez remplir le champ obligatoire</p> <p v-if="formErrorsVisible && this.v$.formFields.email.$invalid" class="flex mt-1 text-red-500 text-xxs">Veuillez indiquer une adresse e-mail correcte</p> </div> <div class="relative"> <input id="cform__phone" name="phone" type="text" placeholder="" autocomplete="phone" class="form-input" v-model="formFields.phone" > <label for="cform__phone" class="form-float-label">Numéro de téléphone </label> </div> <div class="relative"> <input id="cform__company" name="company" type="text" placeholder="" autocomplete="company" class="form-input" :class="{'form-danger': formErrorsVisible && this.v$.formFields.company.$invalid}" v-model="formFields.company" > <label for="cform__company" class="form-float-label">Société *</label> <p v-if="formErrorsVisible && this.v$.formFields.company.$invalid" class="flex mt-1 text-red-500 text-xxs">Veuillez remplir le champ obligatoire</p> </div> <div class="relative "> <select id="cform__country" name="country" autocomplete="country" class="form-input form-select" :class="{'form-danger': formErrorsVisible && this.v$.formFields.country.$invalid}" v-model="formFields.country" > <option value="" default>Sélectionner un pays</option> <option value="other" > Autre </option> <option value="dz" > Algérie </option> <option value="de" > Allemagne </option> <option value="at" > Autriche </option> <option value="bs" > Bahamas </option> <option value="bd" > Bangladesh </option> <option value="bb" > Barbade </option> <option value="be" > Belgique </option> <option value="bz" > Belize </option> <option value="bt" > Bhoutan </option> <option value="mm" > Birmanie </option> <option value="bo" > Bolivie </option> <option value="br" > Brésil </option> <option value="ca" > Canada </option> <option value="cn" > Chine </option> <option value="kr" > Corée du Sud </option> <option value="cr" > Costa Rica </option> <option value="dk" > Danemark </option> <option value="dm" > Dominique </option> <option value="us" > États-unis </option> <option value="fi" > Finlande </option> <option value="fr" > France </option> <option value="gd" > Grenade </option> <option value="gt" > Guatemala </option> <option value="ht" > Haïti </option> <option value="hn" > Honduras </option> <option value="hk" > Hong Kong </option> <option value="hu" > Hongrie </option> <option value="in" > Inde </option> <option value="id" > Indonésie </option> <option value="ie" > Irlande </option> <option value="is" > Islande </option> <option value="it" > Italie </option> <option value="jm" > Jamaïque </option> <option value="jp" > Japon </option> <option value="li" > Liechtenstein </option> <option value="lu" > Luxembourg </option> <option value="my" > Malaisie </option> <option value="mv" > Maldives </option> <option value="ma" > Maroc </option> <option value="mx" > Mexique </option> <option value="md" > Moldavie </option> <option value="mc" > Monaco </option> <option value="np" > Népal </option> <option value="ni" > Nicaragua </option> <option value="no" > Norvège </option> <option value="pa" > Panama </option> <option value="nl" > Pays-Bas </option> <option value="ph" > Philippines </option> <option value="pl" > Pologne </option> <option value="pr" > Porto Rico </option> <option value="do" > République dominicaine </option> <option value="ro" > Roumanie </option> <option value="gb" > Royaume-Uni </option> <option value="lc" > Sainte-Lucie </option> <option value="sv" > Salvador </option> <option value="sg" > Singapour </option> <option value="lk" > Sri Lanka </option> <option value="se" > Suède </option> <option value="ch" > Suisse </option> <option value="tw" > Taïwan (République de Chine) </option> <option value="cz" > Tchéquie </option> <option value="th" > Thaïlande </option> <option value="tt" > Trinité-et-Tobago </option> <option value="tn" > Tunisie </option> <option value="tr" > Turquie </option> <option value="ua" > Ukraine </option> </select> <label for="cform__country" class="form-float-label">Pays *</label> <p v-if="formErrorsVisible && this.v$.formFields.country.$invalid" class="flex mt-1 text-red-500 text-xxs">Veuillez remplir le champ obligatoire</p> </div> <div class="relative"> <input id="cform__zip" name="zip" type="text" placeholder="" autocomplete="postal code" class="form-input" :class="{'form-danger': formErrorsVisible && this.v$.formFields.zip.$invalid}" v-model="formFields.zip" > <label for="cform__zip" class="form-float-label">Code postal *</label> <p v-if="formErrorsVisible && this.v$.formFields.zip.$invalid" class="flex mt-1 text-red-500 text-xxs">Veuillez remplir le champ obligatoire</p> </div> <div class="relative"> <input id="cform__city" name="city" type="text" placeholder="" autocomplete="address-level2" class="form-input" v-model="formFields.city" > <label for="cform__city" class="form-float-label">Ville </label> </div> <div class="mt-10 sm:hidden"> <h3 class="text-gray-700 font-medium ">Sur quel sujet pouvons-nous vous aider ?</h3> </div> <div class="relative sm:col-span-2"> <select id="cform__topic" name="topic" autocomplete="topic" class="form-input form-select" :class="{'form-danger': formErrorsVisible && this.v$.formFields.topic.$invalid}" v-model="formFields.topic" > <option value="" default>Sur quel sujet pouvons-nous vous aider ?</option> <option value="industries_products" > Secteurs/produits </option> <option value="service" > Service </option> <option value="company" > Société </option> <option value="career" > Carrière </option> <option value="training" > Formation </option> </select> <label for="cform__topic" class="form-float-label">Sujet de votre demande *</label> <p v-if="formErrorsVisible && this.v$.formFields.topic.$invalid" class="flex mt-1 text-red-500 text-xxs">Veuillez remplir le champ obligatoire</p> </div> <div class="relative sm:col-span-2" :class="{'form-danger': this.v$.formFields.message.$invalid}"> <textarea id="cform__message" name="message" placeholder="" class="form-input form-textarea scrollbar-hidden" v-model="formFields.message" cols="30" rows="3" oninput='this.style.height = "";this.style.height = this.scrollHeight + "px"'> </textarea> <label for="cform__message" class="w-full bg-white form-float-label">Votre message </label> <p class="mt-2 text-xs" :class="{'text-gray-600': !this.v$.formFields.message.$invalid}"> <span v-text="formFields.message.length"></span> <span> / 350 Caractère </span> </p> <p v-if="formErrorsVisible && this.v$.formFields.message.$invalid" class="flex mt-1 text-red-500 text-xxs">Veuillez respecter la longueur maximale des caractères</p> </div> <div class="text-xs">* Veuillez remplir le champ obligatoire</div> <div class="mt-1 sm:col-span-2"> <div class="flex"> <input id="cform__privacy" name="privacy" type="checkbox" autocomplete="off" class="form-checkbox" v-model="formFields.dataprivacy" > <label for="cform__privacy" class="form-label flex flex-top ml-3 mt-0.5"><span>Je <a href="/fr/fr/page/consentement-au-traitement-des-donnees-formulaire-de-contact" class="tw-underline-link" target="_blank">consens</a> au traitement de mes données personnelles, selon la politique de protection des données personnelles d'ENGEL que je peux librement consulter à l'adresse suivante <a href="https://www.engelglobal.com/dataprotection" target="_blank" class="tw-underline-link">www.engelglobal.com/dataprotection</a>. *</span></label> </div> <p v-if="formErrorsVisible && this.v$.formFields.dataprivacy.$invalid" class="flex pl-px mt-1 ml-8 text-red-500 text-xxs"> Veuillez accepter notre politique de protection des données personnelles. </p> </div> <div class="flex mt-2 sm:col-span-2"> <input id="cform__recaptcha" class="form-checkbox" type="checkbox" name="recaptcha" checked autocomplete="off" disabled> <p class="ml-3 mt-0.5 form-label form-recaptcha" ref="googleRecaptcha" data-label="Ce site web est protégé par reCAPTCHA. Les $[0] et $[1] de Google s'appliquent." data-privacy="Politique de protection des données personnelles" data-terms="Conditions d'utilisation" v-html="recaptchaLabel" ></p> </div> <div class="mt-1 sm:col-span-2"> <div class="flex"> <input id="cform__newsletter" name="newsletter" type="checkbox" autocomplete="off" class="form-checkbox" v-model="formFields.newsletter" > <label for="cform__newsletter" class="form-label flex flex-top ml-3 mt-0.5"><span>Oui, je souhaite m'inscrire à la newsletter. </span></label> </div> </div> </div> <button type="submit" class="items-center justify-center w-full mt-8 tw-button tw-button-primary sm:col-span-2 relative" :class="{'': emailSending}" :disabled="emailSending" title="Envoyer la demande" > <span v-show="!emailSending" class="mr-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 3L3 8.063V18.75c0 .621.22 1.151.66 1.59.439.44.969.66 1.59.66h13.5c.621 0 1.151-.22 1.59-.66.44-.439.66-.969.66-1.59V8.063L12 3zM4.125 18.75V9.96l5.098 4.061-5.045 5.045a5.847 5.847 0 01-.035-.149.768.768 0 01-.018-.167zm.879 1.09l5.168-5.168L12 15.937l1.828-1.265 5.168 5.168c-.012.012-.747.017-2.206.017H7.219c-1.453 0-2.192-.005-2.215-.017zm14.871-1.09a.768.768 0 01-.018.167 5.847 5.847 0 01-.035.15l-5.045-5.046 5.098-4.06v8.789zM12 14.62L4.125 8.624l7.857-4.307 7.893 4.307L12 14.619z"/></svg></span> <span v-show="emailSending" class="w-4 h-4 mr-2 animate-spin"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><circle opacity=".25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/><path opacity=".75" fill="currentColor" d="M4 12a8 8 0 018-8V0A12 12 0 000 12h4zm2 5.3A7.96 7.96 0 014 12H0c0 3.04 1.14 5.82 3 7.94l3-2.65z"/></svg> </span> <span v-show="!emailSending" class="mt-px leading-tight">Envoyer une demande</span> <span v-show="emailSending" class="mt-px leading-tight">La demande est envoyée...</span> </button> <p v-show="!isSuccess" class="flex mt-1 text-sm text-red-500 sm:col-span-2" id="contactform-email-error" > Votre demande n'a malheureusement pas pu être envoyée en raison d'une erreur système. Veuillez réessayer ultérieurement. </p> </form> </div> </div> </div> </div> <div data-vue="LanguageSwitchOverlay"> <div class="fixed inset-0 z-60 transition duration-300 ease-in-out h-full w-full" :class="{'bg-black bg-opacity-30': isOpen, 'pointer-events-none' : !isOpen}" @click="closeOverlay()"></div> <div class="z-60 left-1 right-0 fixed md:m-auto w-full px:0 md:pl-4 md:pr-6 py-3 ml-auto overflow-y-scroll md:overflow-y-auto bg-white md:bg-transparent transition duration-200 ease-in-out sm:px-8 max-w-7xl h-screen md:h-auto md:max-h-fit top-1/2 -translate-y-2/4 overflow-visible" :class="!isOpen ? 'transform translate-y-full hidden content-invisible' : 'content-visible'" v-cloak> <div class="container bg-white lg:bg-transparent sticky md:relative pt-6"> <div class="bg-white lg:-mx-5 xl:ml-0 xl:mr-0 lg:px-3 xl:px-0"> <button @click="closeOverlay()" class="absolute flex-shrink-0 pt-0.5 md:top-12 top-9 right-6 sm:right-16 xl:right-24"> <span class="sm:hidden text-gray-700 hover:text-black"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3.503 4.773l-.05.064a.35.35 0 00.05.431l6.481 6.482-6.481 6.482a.35.35 0 000 .495l1.27 1.27.064.05a.35.35 0 00.431-.05l6.482-6.481 6.482 6.481a.35.35 0 00.495 0l1.27-1.27.05-.064a.35.35 0 00-.05-.431l-6.481-6.482 6.481-6.482a.35.35 0 000-.495l-1.27-1.27-.064-.05a.35.35 0 00-.431.05L11.75 9.984 5.268 3.503a.35.35 0 00-.495 0l-1.27 1.27z"/></svg></span> <span class="hidden sm:block text-gray-700 hover:black"><svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M23.68 22.138L17.544 16l6.137-6.137a1.09 1.09 0 00-1.542-1.543L16 14.458 9.862 8.32A1.091 1.091 0 008.32 9.862l6.137 6.139-6.138 6.138a1.09 1.09 0 001.543 1.542L16 17.543l6.137 6.138a1.091 1.091 0 001.544-1.543z" fill="currentColor"/></svg></span> </button> <countries-switch-list></countries-switch-list> </div> </div> </div> </div> <div data-vue="SearchOverlay" data-props='{ "language": "fr", "country": "fr", "searchPage": "/fr/fr/recherche" }'> <div class="fixed inset-0 z-60 transition duration-300 ease-in-out h-full w-full" :class="{'bg-black bg-opacity-30': isOpen, 'pointer-events-none' : !isOpen}" @click="closeOverlay()"></div> <div class="z-60 fixed inset-0 w-full max-h-fit h-full md:mt-36 md:h-auto mx-auto overflow-scroll md:overflow-auto" :class="{'transform translate-y-full hidden': !isOpen}" v-cloak> <div class="container bg-white md:bg-transparent"> <div class="md:relative fixed bg-white top-0 inset-x-0 flex items-center shadow-search px-9 py-6 z-60"> <div> <span class="text-gray-700 hover:text-black"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M13.75 6.5c1.935 0 3.757.755 5.126 2.124A7.203 7.203 0 0121 13.75a7.199 7.199 0 01-1.408 4.295l-.188.244-.098.115 5.044 5.504a.95.95 0 01.095 1.163l-.07.094-.083.086a.948.948 0 01-1.246.033l-.097-.092-5.044-5.502-.118.084a7.182 7.182 0 01-3.418 1.2l-.308.02-.311.006a7.209 7.209 0 01-5.126-2.124A7.203 7.203 0 016.5 13.75c0-1.935.755-3.757 2.124-5.126A7.203 7.203 0 0113.75 6.5zm0 1.9c-2.95 0-5.35 2.4-5.35 5.35 0 2.95 2.4 5.35 5.35 5.35 2.949 0 5.35-2.4 5.35-5.35 0-2.95-2.401-5.35-5.35-5.35z"/></svg></span> </div> <div class="mx-2 w-full">  <input type="text" class="text-base sm:text-sm leading-normal appearance-none bg-white w-full outline-none text-black" :value="searchTerm" @input="e => searchTerm = e.target.value" @keyup.enter="visitSearchPage()" ref="searchInputElement" > </div> <button @click="closeOverlay()"> <span class="text-gray-700 hover:text-black"><svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M23.68 22.138L17.544 16l6.137-6.137a1.09 1.09 0 00-1.542-1.543L16 14.458 9.862 8.32A1.091 1.091 0 008.32 9.862l6.137 6.139-6.138 6.138a1.09 1.09 0 001.543 1.542L16 17.543l6.137 6.138a1.091 1.091 0 001.544-1.543z" fill="currentColor"/></svg></span> </button> </div> <div v-if="searchTerm.length > 1 && results.length > 0 && !isLoading && !inputDebounceTimeout" class="py-20 md:py-0 md:overflow-auto bg-white md:h-96 md:relative inset-x-0"> <a :href="result.url" v-for="result in results" class="flex items-center px-5 md:px-9 py-5 hover:shadow-search transition duration-200 ease-in-out"> <img class="object-cover md:h-32 h-20 w-32 md:w-48 lazyload" :data-src="preImageService(result.image, '192x128', 'webp')" :src="preImageService(result.image, '192x128', 'webp')" width="192" height="128"> <div class="ml-5"> <div class="block text-gray-700 mb-1 line-clamp-2"> {{result.title}} </div> <div class="text-xs text-gray-700 max-w-3xl line-clamp-3"> {{ result.text }} </div> </div> </a> </div> <div class="md:relative fixed top-20 md:top-0 inset-x-0 justify-center py-6 bg-white flex items-center text-gray-700" v-if="isLoading && searchTerm.length > 1"> <div class="w-4 h-4 mr-2 animate-spin justify-center"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><circle opacity=".25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/><path opacity=".75" fill="currentColor" d="M4 12a8 8 0 018-8V0A12 12 0 000 12h4zm2 5.3A7.96 7.96 0 014 12H0c0 3.04 1.14 5.82 3 7.94l3-2.65z"/></svg> </div> Chargement </div> <div class="md:relative fixed top-20 md:top-0 inset-x-0 text-center py-6 bg-white" v-if="searchTerm.length > 1 && results.length === 0 && !isLoading && !inputDebounceTimeout "> Malheureusement, aucun résultat n'a pu être trouvé. </div> <a :href="getFullSearchUrl()" class="md:relative fixed bg-white bottom-0 inset-x-0 flex items-center justify-center py-4 shadow-inner" v-if="searchPage && searchTerm.length > 1 && results.length > 0 && !isLoading"> <span class="text-gray-700 hover:text-black"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.27 7.414l1.333-1.331a.35.35 0 01.494 0l5.669 5.668a.35.35 0 010 .495l-5.669 5.668a.35.35 0 01-.494 0L9.27 16.582l-.05-.064a.35.35 0 01.05-.431l4.078-4.089L9.27 7.909a.35.35 0 010-.495z"/></svg></span> <span class="font-semibold text-xs text-gray-700">Tous les résultats pour le terme de recherche</span> </a> </div> </div> </div>  <main id="main" class="sb-indexed__body">  <section class="relative space-y-8 container my-14 lg:my-16"> <span id="cookies" class="absolute left-0 w-full h-px -top-32 md:-top-48"></span>  <div class="header"> <div class="container pl-0"> <ul class="flex flex-wrap mt-4 md:mt-6"> <li class="flex items-center text-gray-700"> <a class="text-xs transition hover:text-black" href="https://www.engelglobal.com/fr/fr/home">Page d’accueil</a> <span class="mx-px"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.27 7.414l1.333-1.331a.35.35 0 01.494 0l5.669 5.668a.35.35 0 010 .495l-5.669 5.668a.35.35 0 01-.494 0L9.27 16.582l-.05-.064a.35.35 0 01.05-.431l4.078-4.089L9.27 7.909a.35.35 0 010-.495z"/></svg> </span> </li> <li class="flex items-center text-gray-700"> <span class="text-xs whitespace-break-spaces">Conformité & protection des données</span> </li> </ul> </div> </div> <div class="max-w-3xl mx-auto px-5 mt-12"> <h1 class="tw-hero text-center font-normal ">Conformité et protection des données</h1> <h2 class="tw-h3 text-center mt-4">Informations générales</h2> <div class="tw-paragraph text-center text-gray-600 tw-h3 mt-4"> <p></p> </div> </div> </div>  <div class="max-w-4xl mx-auto text-component "> <div class="tw-paragraph text-gray-600 text-center mt-4"> <p>Nous ne considérons pas la protection des données à caractères personnel comme une obligation, mais plutôt comme notre priorité. C'est pourquoi nous traitons les données à caractères personnel avec le plus grand soin et conformément aux principes fondamentaux de la législation européenne relative à la protection des données à caractères personnel. Toutes les sociétés du groupe ENGEL traitent les données à caractères personnel dans le respect de toutes les prescriptions en matière de protection des données à caractères personnel. Par conséquent, nous mettons à votre disposition, parallèlement aux informations relatives à la charte de protection des données de ENGEL, tous les renseignements concernant la newsletter, l'analyse du site Internet, ainsi que l'intégration de services de tiers.</p><p>Les informations relatives aux sociétés du groupe ENGEL sont à consulter <a href="/fr/fr/enterprise/sites">ici</a>.</p> </div> </div> <div class="py-2"> <div class="flex justify-center"> <a href="javascript:dr_revokeChoice();" class="my-6 tw-button tw-button-primary js-revoke-cookies">Modifier les paramètres des cookies</a> </div> </div> </section>  <div data-vue="StickyNav" id="sticky-nav" class="sticky left-0 w-full py-4 font-medium transition duration-200 ease-in z-40 bg-gray-50 lg:py-7 top-13"> <div class="container relative"> <div class="-mx-3 overflow-auto flex lg:-mx-5 scrollbar-hidden">  <a href="#info-sheet" class="px-3 text-sm text-gray-700 sm:px-4 lg:px-5 whitespace-nowrap sticky-nav-item hover:text-black ">Télécharger la fiche d'information</a>  <a href="#contact-gdpr" class="px-3 text-sm text-gray-700 sm:px-4 lg:px-5 whitespace-nowrap sticky-nav-item hover:text-black ">Contact</a>  <a href="#privacy" class="px-3 text-sm text-gray-700 sm:px-4 lg:px-5 whitespace-nowrap sticky-nav-item hover:text-black ">Protection des données</a>  <a href="#legal" class="px-3 text-sm text-gray-700 sm:px-4 lg:px-5 whitespace-nowrap sticky-nav-item hover:text-black ">Mentions légales</a>  <a href="#coc" class="px-3 text-sm text-gray-700 sm:px-4 lg:px-5 whitespace-nowrap sticky-nav-item hover:text-black ">Code de déontologie</a>  <a href="#integrity-helpline" class="px-3 text-sm text-gray-700 sm:px-4 lg:px-5 whitespace-nowrap sticky-nav-item hover:text-black pr-10 lg:pr-5">Ligne d'assistance déontologique</a> </div> <div class="absolute top-0 bottom-0 right-0 w-16 pointer-events-none bg-gradient-to-l from-gray-50 to-transparent"></div> </div> </div>  <section class="relative space-y-8 my-24 lg:my-32"> <span id="info-sheet" class="absolute left-0 w-full h-px -top-32 md:-top-48"></span>  <div class="my-24 lg:my-32 text-center" data-vue="DownloadList" data-props='{"regions": ["French","Bulgarian","Croatian","Danish","Dutch","English","Estonian","Finnish","Greek","German","Hungarian","Irish","Italian","Latvian","Lithuanian","Maltese","Polish","Portuguese","Romanian","Slovak","Slovenian","Spanish","Swedish"], "countries": [] }'> <div class="pt-10 pb-12 sm:pb-20 sm:pt-14 bg-gray-50"> <div class="container"> <header class="max-w-lg mx-auto"> <h2 class="tw-h1">Vous trouverez des informations plus détaillées dans nos documents d'information</h2> </header> <div> <div > <div class="relative flex-shrink-0 w-full mx-auto mt-12 sm:max-w-xs"> <select class="form-input form-select" name="region" @change="resetCountrySelection()" v-model="activeRegion" id="download_list_region_f5d417b4-bd6a-4944-80c3-3876a4a0dd9a" > <option value="">Veuillez sélectionner</option> <option value="French">French</option> <option value="Bulgarian">Bulgarian</option> <option value="Croatian">Croatian</option> <option value="Danish">Danish</option> <option value="Dutch">Dutch</option> <option value="English">English</option> <option value="Estonian">Estonian</option> <option value="Finnish">Finnish</option> <option value="Greek">Greek</option> <option value="German">German</option> <option value="Hungarian">Hungarian</option> <option value="Irish">Irish</option> <option value="Italian">Italian</option> <option value="Latvian">Latvian</option> <option value="Lithuanian">Lithuanian</option> <option value="Maltese">Maltese</option> <option value="Polish">Polish</option> <option value="Portuguese">Portuguese</option> <option value="Romanian">Romanian</option> <option value="Slovak">Slovak</option> <option value="Slovenian">Slovenian</option> <option value="Spanish">Spanish</option> <option value="Swedish">Swedish</option> </select> <label for="download_list_region_f5d417b4-bd6a-4944-80c3-3876a4a0dd9a" class="form-float-label form-float-label--long" id="asldf">Veuillez sélectionner la langue souhaitée</label> </div> </div> <ul class="mt-12 rounded-sm bg-gray-50 mx-auto w-fit max-w-lg" > <li v-show="displayDownloadItem('French', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/7fd49cfccc/information-according-to-article-13-gdpr-french.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 13 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('French', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/ca1eae41b2/information-according-to-article-14-gdpr-french.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 14 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Bulgarian', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/29386cb77c/information-according-to-article-13-gdpr-bulgarian.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 13 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Bulgarian', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/d42340dea4/information-according-to-article-14-gdpr-bulgarian.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 14 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Croatian', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/7f813ad496/information-according-to-article-13-gdpr-croatian.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 13 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Croatian', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/dbdc34b673/information-according-to-article-14-gdpr-croatian.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 14 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Danish', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/2b50a36252/information-according-to-article-13-gdpr-danish.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 13 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Danish', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/de5458f4a0/information-according-to-article-14-gdpr-danish.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 14 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Dutch', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/907cd931c9/information-according-to-article-13-gdpr-dutch.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 13 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Dutch', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/42b5d2a1ba/information-according-to-article-14-gdpr-dutch.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 14 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('English', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/a50da52637/information-according-to-article-13-gdpr-english.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 13 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('English', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/a355a2a1a7/information-according-to-article-14-gdpr-english.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 14 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Estonian', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/982a46ef88/information-according-to-article-13-gdpr-estonian.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 13 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Estonian', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/b51e8fb2b7/information-according-to-article-14-gdpr-estonian.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 14 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Finnish', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/d447785dc8/information-according-to-article-13-gdpr-finnish.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 13 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Finnish', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/774460c296/information-according-to-article-14-gdpr-finnish.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 14 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Greek', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/2e32ed3f23/information-according-to-article-13-gdpr-greek.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 13 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Greek', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/9e494d9bb0/information-according-to-article-14-gdpr-greek.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 14 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('German', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/7d6ff2e0f4/information-according-to-article-13-gdpr-deutsch.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 13 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('German', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/0cc189ed47/information-according-to-article-14-gdpr-deutsch.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 14 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Hungarian', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/1bec03d5b3/information-according-to-article-13-gdpr-hungarian.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 13 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Hungarian', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/8b692ffae0/information-according-to-article-14-gdpr-hungarian.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 14 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Irish', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/3aa2dff967/information-according-to-article-13-gdpr-irish.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 13 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Irish', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/27da0dd4f3/information-according-to-article-14-gdpr-irish.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 14 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Italian', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/8b02dcf61b/information-according-to-article-13-gdpr-italian.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 13 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Italian', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/b3ed5f0d09/information-according-to-article-14-gdpr-italian.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 14 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Latvian', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/3e69d53590/information-according-to-article-13-gdpr-latvian.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 13 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Latvian', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/eddeb09d9c/information-according-to-article-14-gdpr-latvian.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 14 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Lithuanian', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/d8798132ba/information-according-to-article-13-gdpr-lithuanian.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 13 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Lithuanian', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/8d930090f7/information-according-to-article-14-gdpr-lithuanian.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 14 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Maltese', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/5d68910a6e/information-according-to-article-13-gdpr-maltese.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 13 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Maltese', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/15494c052c/information-according-to-article-14-gdpr-maltese.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 14 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Polish', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/4c1bc78620/information-according-to-article-13-gdpr-polish.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 13 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Polish', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/979a000a0d/information-according-to-article-14-gdpr-polish.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 14 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Portuguese', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/5b11157680/information-according-to-article-13-gdpr-portuguese.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 13 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Portuguese', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/8ecf8df297/information-according-to-article-14-gdpr-portuguese.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 14 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Romanian', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/4905423d98/information-according-to-article-13-gdpr-romanian.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 13 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Romanian', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/4fc8a77af4/information-according-to-article-14-gdpr-romanian.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 14 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Slovak', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/d49f1188a4/information-according-to-article-13-gdpr-slovak.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 13 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Slovak', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/dd0bcd7fae/information-according-to-article-14-gdpr-slovak.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 14 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Slovenian', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/efdc4a5da6/information-according-to-article-13-gdpr-slovenian.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 13 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Slovenian', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/42a155e737/information-according-to-article-14-gdpr-slovenian.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 14 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Spanish', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/3ff044a5d4/information-according-to-article-13-gdpr-spanish.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 13 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Spanish', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/1f90c62fac/information-according-to-article-14-gdpr-spanish.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 14 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Swedish', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/77bdddadc5/information-according-to-article-13-gdpr-swedish.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 13 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('Swedish', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/e83262b7eb/information-according-to-article-14-gdpr-swedish.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 14 RGPD) </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> <li v-show="displayDownloadItem('German', '')" class="flex justify-start py-3 text-left"> <a href="https://a.storyblok.com/f/136567/x/9b65a87eee/informationsdokument-laut-artikel-9-dsg-deutsch.pdf" target="_blank" download="" class="flex"> <div class="fill-current text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.496 13.75c.382 0 .697.283.747.651l.007.102v3.454c0 .682-.528 1.243-1.2 1.31l-.137.007H5.087a1.33 1.33 0 01-1.33-1.182l-.007-.135v-3.454a.754.754 0 011.5-.102l.007.102v3.263h13.485v-3.263c0-.381.284-.696.652-.746l.102-.007zM12 3.75c.382 0 .697.284.747.651l.007.103-.001 8.431 3.025-3.025a.754.754 0 01.982-.073l.084.073a.754.754 0 01.073.981l-.073.085-4.311 4.311a.754.754 0 01-.414.212l-.119.01-.119-.01a.754.754 0 01-.324-.134l-.09-.078-4.311-4.311a.754.754 0 01.981-1.139l.085.073 3.024 3.024v-8.43c0-.417.338-.754.754-.754z"/></svg> </div> <div class="flex-shrink pl-3"> <span class="mt-px mr-2 text-sm font-medium leading-tight text-gray-700 transition-all hover:text-black"> Document d'information (selon l'art. 9 DSG) - Suisse </span> <span class="inline-block mt-px text-xs font-medium text-gray-400"> PDF </span> </div> </a> </li> </ul> </div> </div> </div> </div> </section>  <section class="relative space-y-8 container my-24 lg:my-32"> <span id="contact-gdpr" class="absolute left-0 w-full h-px -top-32 md:-top-48"></span>  <div class="max-w-4xl px-4 mx-auto cta-box"> <div class="flex justify-center"> </div> <div class="tw-h2 text-center mt-4">Exercice de vos droits</div> <div class="tw-paragraph text-gray-600 text-center mt-2"> <p>Nous serons ravis de traiter vos demandes visant à faire valoir vos droits en vertu de la loi applicable sur la confidentialité et la protection des données (telles que l'information, la suppression ou la révocation). Cliquez sur "Démarrer la demande" pour accéder à notre formulaire de contact.</p> </div> <div class="flex justify-center"> <a class="mt-6 tw-button tw-button-primary " href="https://dsgvo.engelglobal.com/en/at/index.html" target="_blank" title="Lien externe" data-prevent-inner-obfuscation> <span class="mt-px leading-tight">Envoyer une demande maintenant</span> </a> </div> </div>  <div class="max-w-4xl mx-auto text-component "> <div class="tw-paragraph text-gray-600 text-center mt-4"> <p>Veuillez envoyer vos autres demandes relatives à la protection des données à <a href="mailto:dataprotection@engelglobal.com" target="_blank">dataprotection@engelglobal.com.</a></p> </div> </div> </section>  <section class="relative space-y-8 container my-24 lg:my-32"> <span id="privacy" class="absolute left-0 w-full h-px -top-32 md:-top-48"></span>  <div class="max-w-4xl mx-auto text-component "> <div class="tw-h1 text-center ">Protection des données</div> <div class="tw-paragraph text-gray-600 text-center mt-4"> <p>Lorsque les désignations personnelles sont utilisées dans ce texte uniquement sous la forme féminine ou masculine, elles font référence aux femmes et aux hommes de la même manière.</p> </div> </div> <div data-vue="DataReporterPrivacyNotice" class="py-2 dataprivacy-datareporter"> <script src="https://webcache-eu.datareporter.eu/c/dc93c56a-9358-478a-bc51-8c6c55748933/Kr7InJjW0Kkp/wwp/privacynotice_v2.js" type="text/javascript" charset="utf-8"></script> <div id="dr-privacynotice-div" class="tw-paragraph"></div> <noscript> <iframe width="100%" frameborder="0" style="min-height:400px;" src="https://webcache-eu.datareporter.eu/c/dc93c56a-9358-478a-bc51-8c6c55748933/Kr7InJjW0Kkp/wwp/privacynotice_noscript.html"></iframe> </noscript> </div> </section>  <section class="relative space-y-8 container my-24 lg:my-32"> <span id="legal" class="absolute left-0 w-full h-px -top-32 md:-top-48"></span>  <div class="max-w-4xl mx-auto text-component "> <div class="tw-h1 text-center ">Mentions légales</div> </div> <div class="container" data-vue="Faq"> <div class="border-t-2 border-b-2 divide-y-2 divide-gray-50 border-gray-50">  <div id="bb16db46-3ff1-44fe-aa98-0a4ff4e36369" class="pb-3 pt-6 sm:px-10"> <button class="accordion-header flex items-center justify-between w-full text-left tw-h3 pb-3" @click="toggleAccordion(1)" data-index="index-1" > <span class="max-w-4xl mr-2">Contenu de l'offre en ligne</span> <span class="flex-shrink-0 transition-transform duration-200 ease-in-out" :class="{'transform rotate-180': clickedIndex === 1}" > <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg> </span> </button> <div class="accordion-content overflow-hidden text-sm max-h-0 sm:text-base tw-paragraph" :class="{'pt-3 mb-4': clickedIndex === 1}" v-cloak v-bind:style="[clickedIndex !== 1 ? 'padding-top: 0; margin-bottom: 0;' : 'max-height: auto;']" > <p>L'auteur décline toute responsabilité concernant l'actualité, l'exactitude, l'intégralité ou la qualité des informations fournies. Tout droit à dédommagement de la part de l'auteur, concernant des dommages matériels ou intellectuels résultant de l'utilisation ou de la non-utilisation des informations présentées ou de l'utilisation d'informations erronées ou incomplètes est exclu, sauf s'il peut être prouvé que les torts de l'auteur sont intentionnels ou consécutifs à une négligence grossière. Toutes les offres sont sans engagement. L'auteur se réserve le droit de modifier, compléter, supprimer ou cesser momentanément ou durablement la publication de tout ou partie de l'offre sans préavis.</p> </div> </div>  <div id="81db8190-4c44-4ae7-8e65-fbf3cae93380" class="pb-3 pt-6 sm:px-10"> <button class="accordion-header flex items-center justify-between w-full text-left tw-h3 pb-3" @click="toggleAccordion(2)" data-index="index-2" > <span class="max-w-4xl mr-2">Références et liens</span> <span class="flex-shrink-0 transition-transform duration-200 ease-in-out" :class="{'transform rotate-180': clickedIndex === 2}" > <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg> </span> </button> <div class="accordion-content overflow-hidden text-sm max-h-0 sm:text-base tw-paragraph" :class="{'pt-3 mb-4': clickedIndex === 2}" v-cloak v-bind:style="[clickedIndex !== 2 ? 'padding-top: 0; margin-bottom: 0;' : 'max-height: auto;']" > <p>Pour les références à des pages Internet (« liens ») directes ou indirectes hors du domaine de responsabilité de l'auteur, sa responsabilité est engagée exclusivement dans le cas où l'auteur aurait connaissance des contenus, qu'il lui serait techniquement possible d'en empêcher l'utilisation pour contenus illégaux et que l'on pourrait raisonnablement l'exiger de lui. L'auteur déclare donc expressément que les pages associées sont exemptes de tout contenu illégal au moment de la mise à disposition du lien. L'auteur n'a aucune influence sur la forme actuelle et future ou sur les contenus des pages mentionnées. Par conséquent, il décline toute responsabilité en cas de modification, après la mise à disposition des liens, des contenus des pages concernées. Cela vaut pour les liens et références de l'offre Internet ainsi que pour les contributions de tiers dans les livres d'or, les forums de discussion et autres listes de diffusion créés par l'auteur. Le fournisseur de la page référencée, et non celui qui ne fait que publier ce lien, est seul responsable des contenus illégaux, erronés ou incomplets, et en particulier des dommages résultant de l'utilisation ou de la non-utilisation de ces informations. </p> </div> </div>  <div id="13809aa1-1dd1-4c2a-bf8b-30ed31522eed" class="pb-3 pt-6 sm:px-10"> <button class="accordion-header flex items-center justify-between w-full text-left tw-h3 pb-3" @click="toggleAccordion(3)" data-index="index-3" > <span class="max-w-4xl mr-2">Droits d'auteur et de propriété intellectuelle</span> <span class="flex-shrink-0 transition-transform duration-200 ease-in-out" :class="{'transform rotate-180': clickedIndex === 3}" > <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg> </span> </button> <div class="accordion-content overflow-hidden text-sm max-h-0 sm:text-base tw-paragraph" :class="{'pt-3 mb-4': clickedIndex === 3}" v-cloak v-bind:style="[clickedIndex !== 3 ? 'padding-top: 0; margin-bottom: 0;' : 'max-height: auto;']" > <p>L'auteur s'efforce dans toutes les publications, de respecter les droits d'auteur des graphiques, des documents sonores, des séquences vidéo et des textes utilisés, d'utiliser des graphiques, des documents sonores, des séquences vidéo et des textes qu'il a lui-même créés ou de recourir à des graphiques, documents sonores, séquences vidéo et textes libres de droits. Toutes les marques et marques déposées mentionnées sur le site et éventuellement protégées par des tiers sont intégralement soumises aux dispositions du droit des marques en vigueur et sont la propriété de son propriétaire de plein droit. La seule désignation du nom n'implique en aucun cas que la marque n'est pas déposée par un tiers ! Le droit d'auteur pour les objets créés par l'auteur et publiés revient à l'auteur des pages. Toute reproduction ou utilisation de ces graphiques, documents sonores, séquences vidéo et textes dans d'autres publications électroniques ou imprimées est interdite sans l'autorisation formelle de l'auteur.</p> </div> </div>  <div id="ca275f4c-b0d2-4551-bc5e-accbaabd6f9c" class="pb-3 pt-6 sm:px-10"> <button class="accordion-header flex items-center justify-between w-full text-left tw-h3 pb-3" @click="toggleAccordion(4)" data-index="index-4" > <span class="max-w-4xl mr-2">Opposabilité de la présente clause de non-responsabilité</span> <span class="flex-shrink-0 transition-transform duration-200 ease-in-out" :class="{'transform rotate-180': clickedIndex === 4}" > <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg> </span> </button> <div class="accordion-content overflow-hidden text-sm max-h-0 sm:text-base tw-paragraph" :class="{'pt-3 mb-4': clickedIndex === 4}" v-cloak v-bind:style="[clickedIndex !== 4 ? 'padding-top: 0; margin-bottom: 0;' : 'max-height: auto;']" > <p>La présente clause de non-responsabilité fait partie intégrante de l'offre Internet. Dans le cas où des parties ou formulations du texte ne correspondraient pas ou plus, tout ou partie, à la loi en vigueur, la validité et le contenu des textes restants du document demeurent.</p> </div> </div> </div> </div> </section>  <section class="relative space-y-8 container my-24 lg:my-32"> <span id="coc" class="absolute left-0 w-full h-px -top-32 md:-top-48"></span>  <div class="max-w-4xl mx-auto text-component "> <div class="tw-h1 text-center ">Code de déontologie</div> <div class="tw-paragraph font-medium text-gray-700 text-center mt-4"> <p>Valeurs fondamentales pour une action correcte</p> </div> <div class="tw-paragraph text-gray-600 text-center mt-4"> <p>ENGEL propose des solutions complètes de moulage par injection. En tant que l'un des principaux fabricants de presses à injecter, nous sommes synonymes de développement et de production de presses à injecter et d'automatisation orientés vers l'avenir. Grâce à des technologies innovantes, des installations de production modernes et un service et une assistance durables, nous permettons à nos clients d'être compétitifs et de réussir.</p><p>De la même manière que certains critères de qualité sont évidents pour nos machines, des valeurs clairement définies s'appliquent à notre comportement vis-à-vis de nos clients, fournisseurs, collaborateurs et autres partenaires commerciaux.</p><p>Ce code de déontologiere présente des valeurs fondamentales qui s'appliquent à l'ensemble du groupe ENGEL et constituent ainsi la base d'une action durable, éthiquement juste et conforme à la loi.</p><p>Nous considérons ce code non seulement comme une directive contraignante pour notre comportement, mais aussi comme un élément essentiel de notre philosophie d'entreprise et donc comme un pilier de notre succès continu et de notre avenir.</p> </div> </div> </section>  <section class="relative space-y-8 container my-24 lg:my-32">  <div class="relative" data-vue="Downloads" data-props='{"downloadsCount": 1, "slideable": true }'> <div class="bg-gray-50 absolute inset-x-0 top-0 h-72 sm:h-3/5"></div> <div class="container relative py-14 px-8"> <div class="tw-h1 text-center text-gray-700 ">Téléchargement</div> <div class="mt-8">  <div class="flex justify-center gray-bg-darker-underlines" data-download-item="56032868-6782-47a9-a34d-6b767b0ce0ca"> <div class="w-64 sm:max-w-lg sm:w-full sm:flex"> <a class="download-item__image group flex overflow-hidden shadow-download-image hover:shadow-download-image-hover" href="https://a.storyblok.com/f/136567/x/252234d812/engel-verhaltenskodex-fr.pdf" style="min-height: 360px; min-width: 254px;" target="_blank"> <div class="max-w-full flex-shrink-0 flex-grow-0 relative inline-block rounded-smtransition-transform duration-500 group-hover:scale-105"> <picture class="block "> <source media="" data-srcset="https://a.storyblok.com/f/136567/240x340/f564d0c776/download-allgemein.jpg/m/256x361" srcset="" width="256" height="361"> <img data-src="https://a.storyblok.com/f/136567/240x340/f564d0c776/download-allgemein.jpg/m/256x361/filters:format(webp)" width="256" height="361" class="lazyload " > </picture> </div> </a> <div class="sm:ml-7"> <div class="mt-5"> <div class="tw-h3 text-gray-700 ">Code de déontologie</div> </div> <div class="text-sm font-medium text-gray-600"> </div> <div class="mt-5 flex items-center justify-start"> <a class=" tw-button tw-button-secondary-outline " href="https://a.storyblok.com/f/136567/x/252234d812/engel-verhaltenskodex-fr.pdf" target="_blank" title="Lien interne" data-prevent-inner-obfuscation> <span class="mt-px leading-tight">consulter </span> </a> </div> </div> </div> </div> </div> </div> </div> </section>  <section class="relative space-y-8 container my-24 lg:my-32"> <span id="integrity-helpline" class="absolute left-0 w-full h-px -top-32 md:-top-48"></span>  <div class="max-w-4xl mx-auto text-component "> <div class="tw-h1 text-center ">Ligne d'assistance déontologique</div> <div class="tw-paragraph text-gray-600 text-center mt-4"> <p>Afin de garantir le respect durable des principes de base de ce code de déontologie, une Integrity Helpline a été mise en place. Celle-ci peut être contactée via le portail de signalement <a href="https://www.engelglobal.com/integrity-helpline" target="_blank">numérique de l'Integrity Helpline</a> et se veut un point de contact central pour toutes les demandes et signalements en rapport avec la conformité chez ENGEL.</p> </div> </div> </section> </main>  <aside data-vue="StickyContact" v-cloak> <div class="fixed z-40 inline-flex items-center transition-all rounded-sm appearance-none sm:right-0 whitespace-nowrap sm:bottom-8 ease duration-700 translate-y-0" :class="{ 'bottom-4 right-3 bg-transparent hover:bg-transparent cursor-pointer pr-1 pl-2 h-11 md:hover:bg-green-600 md:bg-green-500 md:shadow-button-primary md:pr-5 ': !isSuccess, 'bottom-0 right-0 pl-3 sm:pl-4 h-24 bg-white shadow-service-contact sm:pr-20 w-full sm:w-auto': isSuccess, '-translate-y-12': isAtBottom }" id="js-sticky-contact" @click="openContactOverlay('\u007B\u0022_uid\u0022\u003A\u0022b6904c32\u002D5503\u002D40c3\u002Daedd\u002D6b65f53d1e7b\u0022,\u0022image\u0022\u003A\u007B\u0022id\u0022\u003A5614418,\u0022alt\u0022\u003Anull,\u0022name\u0022\u003A\u0022\u0022,\u0022focus\u0022\u003Anull,\u0022title\u0022\u003Anull,\u0022filename\u0022\u003A\u0022https\u003A\\\/\\\/a.storyblok.com\\\/f\\\/136567\\\/256x256\\\/62b9d7252f\\\/produkte\u002Dromain\u002Dreyre.jpg\u0022,\u0022copyright\u0022\u003Anull,\u0022fieldtype\u0022\u003A\u0022asset\u0022\u007D,\u0022phone\u0022\u003A\u0022\u0022,\u0022lastname\u0022\u003A\u0022Reyre\u0022,\u0022position\u0022\u003A\u0022managing\u002Ddirector\u0022,\u0022component\u0022\u003A\u0022contact\u002Dperson\u0022,\u0022firstname\u0022\u003A\u0022Romain\u0022\u007D', 'Directeur\u0020G\u00E9n\u00E9ral')" > <span class="absolute top-0 bottom-0 left-0 w-1 transition bg-green-500 rounded-l-sm" :class="{'opacity-0': !isSuccess}" ></span> <div class="relative"> <img class="transition-all border-white rounded-full w-14 h-14" :class="{ 'md:border-3 border-4 mr-1 shadow-sticky-contact md:shadow-none md:transform md:-translate-y-3': !isSuccess, 'border-1 sm:border-0 mr-2 sm:mr-4': isSuccess }" src="https://a.storyblok.com/f/136567/256x256/62b9d7252f/produkte-romain-reyre.jpg/m/112x112/filters:format(webp)" alt="" title="" width="56" height="56" > <span v-show="isSuccess" class="absolute text-green-500 cursor-pointer right-2 -bottom-1" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 24a11.75 11.75 0 01-6.048-1.632 12.148 12.148 0 01-4.32-4.32A11.75 11.75 0 010 12c0-2.176.544-4.192 1.632-6.048a12.148 12.148 0 014.32-4.32A11.75 11.75 0 0112 0c2.176 0 4.192.544 6.048 1.632a12.148 12.148 0 014.32 4.32A11.75 11.75 0 0124 12a11.75 11.75 0 01-1.632 6.048 12.148 12.148 0 01-4.32 4.32A11.75 11.75 0 0112 24zm-1.636-6.272l8.958-8.957L17.525 7l-7.16 7.16-3.568-3.592L5 12.364l5.364 5.364z"/><path fill="#fff" d="M10.364 17.728l8.958-8.957L17.525 7l-7.161 7.161-3.567-3.593L5 12.364z"/></svg></span> </div> <span v-show="!isSuccess" class="hidden text-xs font-bold tracking-wide text-white uppercase md:inline-block leading-tighter" >Contactez-nous</span> <div v-show="isSuccess" class="pr-3"> <p class="block font-bold text-gray-700 normal-case">Merci beaucoup</p> <p class="block text-sm text-gray-700 normal-case">Votre message a été envoyé avec succès</p> </div> <span v-show="isSuccess" class="absolute w-4 h-4 text-gray-700 cursor-pointer right-4 top-4 hover:text-black" ><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="currentColor" d="M2.335 3.182l-.033.042a.233.233 0 00.033.288l4.321 4.321-4.321 4.321a.233.233 0 000 .33l.847.848.042.033c.09.056.21.045.288-.033L7.833 9.01l4.321 4.32a.233.233 0 00.33 0l.848-.847.033-.042a.233.233 0 00-.033-.288L9.01 7.834l4.32-4.322a.233.233 0 000-.33l-.847-.847-.042-.033a.233.233 0 00-.288.033l-4.32 4.321-4.322-4.321a.233.233 0 00-.33 0l-.847.847z"/></svg></span> </div> </aside> <div class="bg-gray-50" data-vue="OpenContactOverlay"> <div class="container py-10 grid lg:grid-cols-11"> <div class="lg:col-span-11 grid px-5 lg:grid-cols-12 lg:px-0"> <div class="mx-auto mb-6 text-center lg:col-span-2 lg:mb-0"> <img class="w-20 h-20 mx-auto mb-2 border-white rounded-full lg:mb-4 lg:w-24 lg:h-24 border-3 lazyload" data-src="https://a.storyblok.com/f/136567/256x256/62b9d7252f/produkte-romain-reyre.jpg/m/0x180/filters:format(webp)" alt="" width="90" height="90"> <p class="font-medium text-gray-700">Romain Reyre</p> <p class="text-xs text-gray-600">Directeur Général</p> </div> <div></div> <div class="max-w-lg mx-auto text-center lg:col-span-9 lg:text-left lg:mx-0 relative lg:pb-16"> <p class="tw-h2">Écrivez-nous</p> <div class="mt-1 text-xs lg:mt-2 lg:text-base">L'équipe ENGEL se tient à votre disposition pour vous apporter son savoir-faire en matière de moulage par injection.</div> <button title="Contactez-nous" class="mt-6 tw-button tw-button-primary lg:absolute lg:bottom-0" @click="openContactOverlay('\u007B\u0022_uid\u0022\u003A\u0022b6904c32\u002D5503\u002D40c3\u002Daedd\u002D6b65f53d1e7b\u0022,\u0022image\u0022\u003A\u007B\u0022id\u0022\u003A5614418,\u0022alt\u0022\u003Anull,\u0022name\u0022\u003A\u0022\u0022,\u0022focus\u0022\u003Anull,\u0022title\u0022\u003Anull,\u0022filename\u0022\u003A\u0022https\u003A\\\/\\\/a.storyblok.com\\\/f\\\/136567\\\/256x256\\\/62b9d7252f\\\/produkte\u002Dromain\u002Dreyre.jpg\u0022,\u0022copyright\u0022\u003Anull,\u0022fieldtype\u0022\u003A\u0022asset\u0022\u007D,\u0022phone\u0022\u003A\u0022\u0022,\u0022lastname\u0022\u003A\u0022Reyre\u0022,\u0022position\u0022\u003A\u0022managing\u002Ddirector\u0022,\u0022component\u0022\u003A\u0022contact\u002Dperson\u0022,\u0022firstname\u0022\u003A\u0022Romain\u0022\u007D', 'Directeur\u0020G\u00E9n\u00E9ral')" > <span class="mt-px leading-tight">Contactez-nous</span> </button> </div> </div> </div> </div> <footer class="relative pt-10 mt-10 bg-white md:pt-16"> <a class="absolute top-0 p-2 text-gray-700 -translate-x-1/2 -translate-y-1/2 bg-white z-20 shadow fill-current left-1/2" href="#" data-vue="BackToTop" @click.prevent="scrollToTop"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 15.247l-1.331-1.331a.35.35 0 010-.495l5.668-5.668a.35.35 0 01.495 0l5.668 5.668a.35.35 0 010 .495l-1.332 1.331-.064.05a.35.35 0 01-.431-.05l-4.089-4.078-4.089 4.079a.35.35 0 01-.495 0z"/></svg> </a> <div class="container flex flex-wrap justify-between"> <div class="order-1 w-full text-center md:w-1/4 md:text-left"> <address class="not-italic"> <div class="text-gray-700 mb-2.5">Contactez-nous</div> <div class="flex mb-2.5 justify-center md:justify-start"> <span class="fill-current text-gray-700 mr-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.587 2.9c.37 0 .785.232 1.317.723.39.363.826.85 1.255 1.402.28.36.596.8.882 1.258.44.705.696 1.278.696 1.667 0 .506-.267.838-1.042 1.357l-.364.235-.626.39-.2.132-.085.06-.15.114-.214.185c-.032.028-.05.039-.055.027.843 2.104 3.434 4.695 5.469 5.536.044-.015.134-.087.28-.268l.113-.149.192-.285.445-.715c.582-.925.98-1.318 1.537-1.318.39 0 .963.256 1.667.696.457.285.892.598 1.259.882a11.91 11.91 0 011.4 1.256c.492.53.724.946.724 1.316 0 .63-.519 1.526-1.213 2.284-.628.684-1.353 1.225-2.1 1.376l-.188.029-.201.01-.344-.007c-1.509-.06-3.1-.513-4.738-1.347-1.623-.826-3.225-2.008-4.635-3.42-1.41-1.411-2.59-3.015-3.416-4.64C3.355 9.92 2.9 8.21 2.9 6.6c0-.867.598-1.738 1.408-2.486.754-.694 1.65-1.214 2.28-1.214zm.023 1.11L6.579 4l-.064.007c-.303.055-.905.405-1.46.916C4.403 5.523 4 6.172 4 6.6c0 6 7.393 13.4 13.387 13.4.427 0 1.076-.405 1.676-1.06.555-.603.92-1.264.926-1.518-.02-.12-.216-.38-.553-.72l-.245-.238-.284-.257-.322-.272-.356-.284-.342-.255a15.046 15.046 0 00-.168-.12l-.328-.224-.31-.2-.145-.088-.267-.156a5.75 5.75 0 00-.231-.122l-.187-.086a.63.63 0 00-.182-.054c-.033.01-.124.083-.27.268l-.135.184-.155.233-.437.701c-.595.948-1.002 1.349-1.575 1.349a.972.972 0 01-.364-.071c-2.388-.956-5.202-3.77-6.157-6.157-.168-.421-.055-.885.452-1.346.059-.053.12-.104.186-.156l.217-.16.265-.178.89-.556.214-.144.172-.127.133-.111.131-.13a.912.912 0 00-.09-.286l-.104-.216-.139-.254a9.13 9.13 0 00-.081-.14l-.186-.298-.211-.32-.235-.334-.255-.341-.283-.356-.272-.321a11.337 11.337 0 00-.257-.285l-.237-.244a6.42 6.42 0 00-.215-.204l-.187-.159a1.227 1.227 0 00-.275-.178z"/></svg></span> <a href="tel:+33 (0) 1 69 75 12 12" class="text-xs text-gray-700 hover:text-black mr-6 md:mr-0">+33 (0) 1 69 75 12 12</a> </div> <div class="flex justify-center md:justify-start mb-14"> <span class="fill-current text-gray-700 mr-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.364 21.77L7.16 16.568a7.056 7.056 0 01-1.915-3.338 7.211 7.211 0 010-3.73 7.139 7.139 0 011.907-3.347 7.139 7.139 0 013.346-1.907 7.211 7.211 0 013.731 0 7.139 7.139 0 013.346 1.907 7.139 7.139 0 011.907 3.346 7.211 7.211 0 010 3.731 7.056 7.056 0 01-1.915 3.338l-5.203 5.204zm4.058-6.348a5.733 5.733 0 001.489-2.602 5.73 5.73 0 000-2.913 5.646 5.646 0 00-1.497-2.593 5.646 5.646 0 00-2.594-1.498 5.73 5.73 0 00-2.913 0 5.646 5.646 0 00-2.593 1.498 5.646 5.646 0 00-1.498 2.593 5.73 5.73 0 000 2.913c.262.993.764 1.86 1.506 2.602l4.042 4.042 4.058-4.059v.017zM12.364 13a1.57 1.57 0 01-1.154-.483 1.574 1.574 0 01-.483-1.153c0-.448.161-.832.483-1.154a1.574 1.574 0 011.154-.483c.447 0 .831.161 1.153.483.322.322.483.706.483 1.154 0 .447-.16.831-.483 1.153a1.574 1.574 0 01-1.153.483z"/></svg></span> <span class="text-xs text-gray-700 mr-6 md:mr-2">ENGEL FRANCE SAS<br /> 15, Rue Marcelin Berthelot<br /> 91320 Wissous<br /> France</span> </div> </address> </div> <div class="order-2 w-full text-center md:w-1/4 md:text-left"> <div data-vue="FooterNavigation"> <div class=" justify-center md:justify-start mb-2.5 flex items-center md:mb-2.5" @click.prevent="toggle"> <div class="text-gray-700 text-sm md:text-base">Plateformes de service</div> </div> <div class=""> <ul class="mb-14"> <li class="mb-2.5"> <a href="https://engel.sourcing-eu.ariba.com/ad/selfRegistration" class="tw-link-small" target="_blank" > <span>Postuler comme fournisseur</span> <span class="fill-current text-gray-700 ml-2 mr-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.17 11.754a.808.808 0 00-.597.232.81.81 0 00-.231.599v4.943a.83.83 0 01-.222.599.776.776 0 01-.588.232H5.468a.776.776 0 01-.588-.232.83.83 0 01-.222-.599V8.472c0-.258.074-.46.222-.609.148-.148.344-.222.588-.222h4.937c.257 0 .46-.074.607-.222.148-.148.222-.35.222-.608 0-.245-.074-.44-.222-.589-.147-.148-.35-.222-.607-.222H5.468c-.694 0-1.279.235-1.755.705C3.238 7.175 3 7.764 3 8.472v9.056c0 .695.238 1.281.713 1.758.476.476 1.061.714 1.755.714h9.064c.694 0 1.279-.238 1.755-.714.475-.477.713-1.063.713-1.758v-4.943a.81.81 0 00-.231-.599.808.808 0 00-.598-.232zm3.73-7.258a.933.933 0 00-.177-.238.932.932 0 00-.238-.179.263.263 0 00-.169-.07A1.993 1.993 0 0019.148 4h-5.074a.85.85 0 00-.615.228c-.158.153-.237.354-.237.606 0 .265.079.473.237.625a.85.85 0 00.615.229h3.052L9.258 13.57a.819.819 0 000 1.192.8.8 0 00.257.178.85.85 0 00.337.06c.12 0 .225-.02.317-.06a1.11 1.11 0 00.278-.178l7.848-7.883v3.038c0 .265.08.473.238.625a.85.85 0 00.615.229.85.85 0 00.614-.229c.159-.152.238-.36.238-.625V4.834c0-.04-.003-.096-.01-.169a.226.226 0 00-.09-.169z"/></svg></span> </a> </li> <li class="mb-2.5"> <a href="https://purchasing.engelglobal.com/" class="tw-link-small" target="_blank" > <span>Portail des fournisseurs</span> <span class="fill-current text-gray-700 ml-2 mr-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.17 11.754a.808.808 0 00-.597.232.81.81 0 00-.231.599v4.943a.83.83 0 01-.222.599.776.776 0 01-.588.232H5.468a.776.776 0 01-.588-.232.83.83 0 01-.222-.599V8.472c0-.258.074-.46.222-.609.148-.148.344-.222.588-.222h4.937c.257 0 .46-.074.607-.222.148-.148.222-.35.222-.608 0-.245-.074-.44-.222-.589-.147-.148-.35-.222-.607-.222H5.468c-.694 0-1.279.235-1.755.705C3.238 7.175 3 7.764 3 8.472v9.056c0 .695.238 1.281.713 1.758.476.476 1.061.714 1.755.714h9.064c.694 0 1.279-.238 1.755-.714.475-.477.713-1.063.713-1.758v-4.943a.81.81 0 00-.231-.599.808.808 0 00-.598-.232zm3.73-7.258a.933.933 0 00-.177-.238.932.932 0 00-.238-.179.263.263 0 00-.169-.07A1.993 1.993 0 0019.148 4h-5.074a.85.85 0 00-.615.228c-.158.153-.237.354-.237.606 0 .265.079.473.237.625a.85.85 0 00.615.229h3.052L9.258 13.57a.819.819 0 000 1.192.8.8 0 00.257.178.85.85 0 00.337.06c.12 0 .225-.02.317-.06a1.11 1.11 0 00.278-.178l7.848-7.883v3.038c0 .265.08.473.238.625a.85.85 0 00.615.229.85.85 0 00.614-.229c.159-.152.238-.36.238-.625V4.834c0-.04-.003-.096-.01-.169a.226.226 0 00-.09-.169z"/></svg></span> </a> </li> <li class="mb-2.5"> <a href="https://customertraining.engelglobal.com/" class="tw-link-small" target="_blank" > <span>Plateforme e-learning</span> <span class="fill-current text-gray-700 ml-2 mr-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.17 11.754a.808.808 0 00-.597.232.81.81 0 00-.231.599v4.943a.83.83 0 01-.222.599.776.776 0 01-.588.232H5.468a.776.776 0 01-.588-.232.83.83 0 01-.222-.599V8.472c0-.258.074-.46.222-.609.148-.148.344-.222.588-.222h4.937c.257 0 .46-.074.607-.222.148-.148.222-.35.222-.608 0-.245-.074-.44-.222-.589-.147-.148-.35-.222-.607-.222H5.468c-.694 0-1.279.235-1.755.705C3.238 7.175 3 7.764 3 8.472v9.056c0 .695.238 1.281.713 1.758.476.476 1.061.714 1.755.714h9.064c.694 0 1.279-.238 1.755-.714.475-.477.713-1.063.713-1.758v-4.943a.81.81 0 00-.231-.599.808.808 0 00-.598-.232zm3.73-7.258a.933.933 0 00-.177-.238.932.932 0 00-.238-.179.263.263 0 00-.169-.07A1.993 1.993 0 0019.148 4h-5.074a.85.85 0 00-.615.228c-.158.153-.237.354-.237.606 0 .265.079.473.237.625a.85.85 0 00.615.229h3.052L9.258 13.57a.819.819 0 000 1.192.8.8 0 00.257.178.85.85 0 00.337.06c.12 0 .225-.02.317-.06a1.11 1.11 0 00.278-.178l7.848-7.883v3.038c0 .265.08.473.238.625a.85.85 0 00.615.229.85.85 0 00.614-.229c.159-.152.238-.36.238-.625V4.834c0-.04-.003-.096-.01-.169a.226.226 0 00-.09-.169z"/></svg></span> </a> </li> <li class="mb-2.5"> <a href="/fr/fr/solutions-digitales/e-connect-portail" class="tw-link-small" > <span>Portail client e-connect</span> </a> </li> </ul> </div> </div> </div> <div class="order-3 w-full md:w-1/4"> <div data-vue="FooterNavigation"> <div class=" lg:cursor-auto cursor-pointer py-7 border-t-2 border-gray-200 px-4 md:px-0 md:border-0 md:p-0 justify-between flex items-center md:mb-2.5" @click.prevent="toggle"> <div class="text-gray-700 text-sm md:text-base">Autres domaines</div> <span class="fill-current md:hidden transition-transform duration-300 ease-in-out" :class="{ 'rotate-180': open, 'rotate-0': !open }"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </div> <div :class="{ 'max-h-0': !open, 'max-h-80': open }" class=" md:max-h-full overflow-hidden px-4 md:px-0 ease-in-out duration-300 transition-max-h "> <ul class="mb-14"> <li class="mb-2.5"> <a href="/fr/fr/salons-evenements" class="tw-link-small" > <span>Salons & événements</span> </a> </li> <li class="mb-2.5"> <a href="https://blog.engelglobal.com" class="tw-link-small" target="_blank" > <span>Blog</span> <span class="fill-current text-gray-700 ml-2 mr-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.17 11.754a.808.808 0 00-.597.232.81.81 0 00-.231.599v4.943a.83.83 0 01-.222.599.776.776 0 01-.588.232H5.468a.776.776 0 01-.588-.232.83.83 0 01-.222-.599V8.472c0-.258.074-.46.222-.609.148-.148.344-.222.588-.222h4.937c.257 0 .46-.074.607-.222.148-.148.222-.35.222-.608 0-.245-.074-.44-.222-.589-.147-.148-.35-.222-.607-.222H5.468c-.694 0-1.279.235-1.755.705C3.238 7.175 3 7.764 3 8.472v9.056c0 .695.238 1.281.713 1.758.476.476 1.061.714 1.755.714h9.064c.694 0 1.279-.238 1.755-.714.475-.477.713-1.063.713-1.758v-4.943a.81.81 0 00-.231-.599.808.808 0 00-.598-.232zm3.73-7.258a.933.933 0 00-.177-.238.932.932 0 00-.238-.179.263.263 0 00-.169-.07A1.993 1.993 0 0019.148 4h-5.074a.85.85 0 00-.615.228c-.158.153-.237.354-.237.606 0 .265.079.473.237.625a.85.85 0 00.615.229h3.052L9.258 13.57a.819.819 0 000 1.192.8.8 0 00.257.178.85.85 0 00.337.06c.12 0 .225-.02.317-.06a1.11 1.11 0 00.278-.178l7.848-7.883v3.038c0 .265.08.473.238.625a.85.85 0 00.615.229.85.85 0 00.614-.229c.159-.152.238-.36.238-.625V4.834c0-.04-.003-.096-.01-.169a.226.226 0 00-.09-.169z"/></svg></span> </a> </li> <li class="mb-2.5"> <a href="/fr/fr/newsletter" class="tw-link-small" > <span>S'abonner à la newsletter</span> </a> </li> <li class="mb-2.5"> <a href="/fr/fr/enterprise/centre-multimedia/actualites-presse" class="tw-link-small" > <span>Actualités & Presse</span> </a> </li> <li class="mb-2.5"> <a href="/fr/fr/certificat-de-qualite" class="tw-link-small" > <span>Certificats</span> </a> </li> <li class="mb-2.5"> <a href="/fr/fr/gestion-globale-de-la-chaine-d-approvisionnement" class="tw-link-small" > <span>Achats</span> </a> </li> <li class="mb-2.5"> <a href="https://app.loupe.link/whistleblowing/ff56d0b5-3cab-4a3a-918f-3665f49389ad" class="tw-link-small" target="_blank" > <span>Ligne d'assistance déontologique</span> <span class="fill-current text-gray-700 ml-2 mr-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.17 11.754a.808.808 0 00-.597.232.81.81 0 00-.231.599v4.943a.83.83 0 01-.222.599.776.776 0 01-.588.232H5.468a.776.776 0 01-.588-.232.83.83 0 01-.222-.599V8.472c0-.258.074-.46.222-.609.148-.148.344-.222.588-.222h4.937c.257 0 .46-.074.607-.222.148-.148.222-.35.222-.608 0-.245-.074-.44-.222-.589-.147-.148-.35-.222-.607-.222H5.468c-.694 0-1.279.235-1.755.705C3.238 7.175 3 7.764 3 8.472v9.056c0 .695.238 1.281.713 1.758.476.476 1.061.714 1.755.714h9.064c.694 0 1.279-.238 1.755-.714.475-.477.713-1.063.713-1.758v-4.943a.81.81 0 00-.231-.599.808.808 0 00-.598-.232zm3.73-7.258a.933.933 0 00-.177-.238.932.932 0 00-.238-.179.263.263 0 00-.169-.07A1.993 1.993 0 0019.148 4h-5.074a.85.85 0 00-.615.228c-.158.153-.237.354-.237.606 0 .265.079.473.237.625a.85.85 0 00.615.229h3.052L9.258 13.57a.819.819 0 000 1.192.8.8 0 00.257.178.85.85 0 00.337.06c.12 0 .225-.02.317-.06a1.11 1.11 0 00.278-.178l7.848-7.883v3.038c0 .265.08.473.238.625a.85.85 0 00.615.229.85.85 0 00.614-.229c.159-.152.238-.36.238-.625V4.834c0-.04-.003-.096-.01-.169a.226.226 0 00-.09-.169z"/></svg></span> </a> </li> </ul> </div> </div> </div> <div class="order-1 w-full text-center md:w-1/4 md:order-4 md:text-left"> <div> <div class="text-gray-700 mb-2.5"> Suivez-nous </div> <div class="text-xs text-gray-700 mb-4"> Jetez un coup d'œil dans les coulisses du monde du moulage par injection </div> <div class="flex justify-center md:justify-start mb-14 flex-wrap"> <a href="https://www.linkedin.com/company/8699723/" target="_blank" class="mr-6 mb-2.5"> <span class="fill-current transition-all text-gray-700 hover:text-black"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M24.445 24.453h-3.55v-5.57c0-1.328-.027-3.035-1.856-3.035-1.851 0-2.133 1.44-2.133 2.937v5.668h-3.554V12.998h3.414v1.563h.046c.476-.903 1.637-1.851 3.368-1.851 3.6 0 4.269 2.37 4.269 5.453v6.288l-.004.001zM9.336 11.434a2.063 2.063 0 01-2.063-2.067 2.065 2.065 0 112.063 2.067zm1.78 13.02h-3.56V13h3.562v11.453zM26.228 4H5.77C4.793 4 4 4.773 4 5.73v20.54c0 .957.793 1.73 1.77 1.73h20.453C27.2 28 28 27.228 28 26.27V5.73C28 4.773 27.199 4 26.223 4h.004z"/></svg></span> </a> <a href="https://www.facebook.com/ENGEL-662297100560115/" target="_blank" class="mr-6 mb-2.5"> <span class="fill-current transition-all text-gray-700 hover:text-black"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M26.675 4H5.325C4.593 4 4 4.593 4 5.325v21.35C4 27.408 4.593 28 5.325 28h11.494v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.324 0 2.463.098 2.795.143v3.24h-1.918c-1.504 0-1.795.715-1.795 1.764v2.312h3.586l-.467 3.622h-3.12V28h6.117c.731 0 1.324-.593 1.324-1.325V5.325A1.325 1.325 0 0026.675 4z"/></svg></span> </a> <a href="https://www.youtube.com/c/engelglobal" target="_blank" class="mr-6 mb-2.5"> <span class="fill-current transition-all text-gray-700 hover:text-black"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M16.85 14.2c2.265.004 4.517.033 6.65.3.9 0 1.8.9 2.1 1.95.3 1.5.3 3.15.3 4.65v.505c-.004 1.36-.033 2.812-.3 4.145-.15 1.05-1.05 1.8-2.1 1.95-2.55.3-4.95.3-7.5.3s-4.95 0-7.5-.3c-1.05-.15-1.8-.9-2.1-1.95-.3-1.5-.3-3.15-.3-4.65v-.505c.004-1.36.033-2.812.3-4.145.3-1.05 1.2-1.95 2.1-1.95 2.55-.3 4.95-.3 7.5-.3zm5.6 4.65c-.75 0-1.2.3-1.5.75-.15.3-.3.75-.3 1.5v2.25c0 .6.15 1.2.45 1.5.45.45.9.75 1.5.75.75 0 1.2-.3 1.5-.75.15-.3.3-.45.3-.75v-.9h-1.2v.75c-.15.3-.3.45-.6.45-.45 0-.6-.3-.6-.9v-1.2h2.1v-1.38c-.003-.537-.03-1.05-.3-1.32-.3-.45-.75-.75-1.35-.75zm-10.65-2.4H7.6v1.35h1.35v7.65h1.35V17.8h1.5v-1.35zm1.35 2.25h-1.2v5.25c0 .6.15.9.15 1.05.15.3.3.45.75.45s.9-.15 1.35-.75v.75h1.2V18.7h-1.2v4.95c-.3.45-.45.6-.75.6-.15 0-.3-.15-.3-.3V18.7zm4.5-2.25h-1.2v8.85h1.2v-.6c.3.45.75.75 1.2.75.45 0 .75-.3.9-.75.15-.3.15-.75.15-1.35v-2.918c-.002-.492-.019-.87-.15-1.132-.15-.45-.45-.75-.9-.75s-.75.3-1.2.75v-2.85zm.6 3.3c.3 0 .45.3.45.9v2.85c0 .6-.15.9-.45.9-.15 0-.45-.15-.6-.3v-4.05c.15-.15.45-.3.6-.3zm4.35 0c.45 0 .6.3.6.9v.6H22v-.6c0-.6.15-.9.6-.9zM10.75 4l.9 3.45.9-3.45h1.35l-1.65 5.4V13H10.9V9.4c0-.6-.3-1.65-.75-2.85-.3-.9-.6-1.65-.9-2.55h1.5zm4.95 2.25c.6 0 1.05.15 1.35.6.3.45.45.9.45 1.65v2.25c0 .75-.15 1.35-.45 1.5-.3.45-.75.75-1.35.75-.6 0-1.05-.15-1.35-.6-.3-.3-.45-.75-.45-1.5V8.5c0-.75.15-1.2.45-1.5.3-.45.75-.75 1.35-.75zm4.05 0v5.4c0 .15.15.3.3.3.3 0 .45-.15.75-.6v-5.1H22V13h-1.2v-.75c-.45.45-.9.75-1.35.75-.45 0-.75-.15-.75-.45-.15-.3-.15-.6-.15-1.05V6.25h1.2zM15.7 7.3c-.45 0-.6.3-.6.9v2.85c0 .6.15.9.6.9.45 0 .6-.3.6-.9V8.2c0-.6-.15-.9-.6-.9z"/></svg></span> </a> <a href="https://www.instagram.com/engel_injection_moulding/" target="_blank" class="mb-2.5"> <span class="fill-current transition-all text-gray-700 hover:text-black"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M16 11.834A4.174 4.174 0 0011.834 16 4.174 4.174 0 0016 20.166 4.174 4.174 0 0020.166 16 4.174 4.174 0 0016 11.834zM28.494 16c0-1.725.015-3.434-.081-5.156-.097-2-.554-3.775-2.016-5.238-1.466-1.465-3.238-1.918-5.238-2.015-1.725-.097-3.434-.082-5.156-.082-1.725 0-3.434-.015-5.156.082-2 .096-3.775.553-5.238 2.015-1.465 1.466-1.918 3.238-2.015 5.238-.097 1.725-.081 3.434-.081 5.156 0 1.722-.016 3.434.08 5.156.098 2 .554 3.775 2.016 5.238 1.466 1.465 3.238 1.919 5.238 2.015 1.725.097 3.434.082 5.156.082 1.725 0 3.434.015 5.156-.082 2-.096 3.775-.553 5.238-2.015 1.466-1.466 1.919-3.238 2.016-5.238.1-1.722.08-3.431.08-5.156zM16 22.41A6.4 6.4 0 019.59 16 6.4 6.4 0 0116 9.59 6.4 6.4 0 0122.41 16 6.4 6.4 0 0116 22.41zm6.672-11.585a1.495 1.495 0 01-1.497-1.497c0-.828.669-1.497 1.497-1.497.828 0 1.497.669 1.497 1.497a1.495 1.495 0 01-1.497 1.497z"/></svg></span> </a> </div> </div> </div> <div class="order-4 w-full md:hidden"> <div data-vue="FooterNavigation"> <div class=" lg:cursor-auto cursor-pointer py-7 border-t-2 border-gray-200 px-4 md:px-0 md:border-0 md:p-0 justify-between flex items-center md:mb-2.5" @click.prevent="toggle"> <div class="text-gray-700 text-sm md:text-base">Mentions légales & Protection des données</div> <span class="fill-current md:hidden transition-transform duration-300 ease-in-out" :class="{ 'rotate-180': open, 'rotate-0': !open }"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </div> <div :class="{ 'max-h-0': !open, 'max-h-80': open }" class=" md:max-h-full overflow-hidden px-4 md:px-0 ease-in-out duration-300 transition-max-h "> <ul class="mb-14"> <li class="mb-2.5"> <a href="/fr/fr/plan-du-site" class="tw-link-small" > <span>Plan du site</span> </a> </li> <li class="mb-2.5"> <a href="/fr/fr/mentions-legales" class="tw-link-small" > <span>Mentions légales</span> </a> </li> <li class="mb-2.5"> <a href="/fr/fr/cgv" class="tw-link-small" > <span>CGV</span> </a> </li> <li class="mb-2.5"> <a href="/fr/fr/enterprise/conformite-et-protection-des-donnees" class="tw-link-small" > <span>Protection des données</span> </a> </li> </ul> </div> </div> </div> </div> <div class="bg-gray-50"> <div class="container flex items-center py-5"> <div class="flex-grow text-xs text-gray-700">Copyright by ENGEL</div> <ul class="hidden md:block"> <li class="inline ml-7"> <a href="/fr/fr/plan-du-site" class="tw-link-small" > <span>Plan du site</span> </a> </li> <li class="inline ml-7"> <a href="/fr/fr/mentions-legales" class="tw-link-small" > <span>Mentions légales</span> </a> </li> <li class="inline ml-7"> <a href="/fr/fr/cgv" class="tw-link-small" > <span>CGV</span> </a> </li> <li class="inline ml-7"> <a href="/fr/fr/enterprise/conformite-et-protection-des-donnees" class="tw-link-small" > <span>Protection des données</span> </a> </li> </ul> </div> </div> </footer> <template id="accordion"> <div class="accordion flex flex-col" :class="{ 'accordion--opened' : isOpen }"> <a class="accordion-title" @click.prevent="toggleContent" href="#"> <slot name="title">Title</slot> </a> <div class="accordion-content" :class="{ 'accordion-content--shown' : isOpen }"> <slot name="content">Content</slot> </div> </div> </template> <template id="accept-cookies"> <div class="max-w-2xl px-6 py-16 mx-auto text-center"> <div class="flex justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" viewBox="0 0 90 90"><g fill="currentColor" fill-rule="evenodd"><path d="M27.5 45.985l20.943.001c1.428 0 2.702-.74 3.41-1.98a3.886 3.886 0 00-.027-3.943L30.883 4.55A3.893 3.893 0 0027.5 2.618c-1.405 0-2.67.723-3.383 1.932L3.174 40.063a3.884 3.884 0 00-.027 3.944 3.885 3.885 0 003.41 1.979H27.5zm20.943 2.62L27.5 48.603H6.557a6.476 6.476 0 01-5.684-3.299 6.476 6.476 0 01.046-6.572L21.862 3.221A6.486 6.486 0 0127.5 0a6.488 6.488 0 015.639 3.22l20.943 35.513a6.476 6.476 0 01.045 6.572 6.475 6.475 0 01-5.684 3.3z" mask="url(#b)" transform="translate(18 21)"/><path d="M45.5 53.73a1.31 1.31 0 01-1.31-1.31V34.09a1.31 1.31 0 012.62 0v18.33a1.31 1.31 0 01-1.31 1.31m1.31 5.403a1.31 1.31 0 11-2.62 0 1.31 1.31 0 012.62 0"/></g></svg> </div> <div class="text-center text-current tw-h3">Pour une expérience en ligne transparente et interactive de nos contenus multimédias (ex. : vidéos, cartes), veuillez accepter les cookies dit "nécessaires à des fins de marketing" (vous trouverez des informations détaillées sur ces cookies dans la rubrique Protection des données personnelles).</div> <button @click="acceptAll()" class="mt-6 tw-button tw-button-primary">Accepter</button> </div> </template> <template id="countries-switch-list"> <div class="container pt-6 pb-8 sm:pt-3 sm:pb-0"> <div class="mt-6 md:mt-4"> <h2 class="tw-h2 text-center ">Changer de site</h2> </div> <div class="justify-between divide-y-2 md:flex mt-14 md:divide-y-0"> <div>  <div class="flex py-6 cursor-pointer md:hidden" @click="toggleContinentLanguages('eu', $event)"> <div class="text-gray-700 font-medium ">Europe</div> <span class="ml-auto transition-transform duration-300 ease-in-out fill-current md:hidden" :class="{ 'rotate-180': showContinent === 'eu', 'rotate-0': showContinent !== 'eu' }"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </div> <div class="hidden mb-3 md:block"> <div class="text-gray-700 mr-4 ">Europe</div> </div> <div class="continent-section continent-eu md:max-h-full overflow-hidden ease-in-out duration-300 transition-max-h" :class="{ 'max-h-160': showContinent === 'eu', 'max-h-0': showContinent !== 'eu' }"> <div class="mb-10 space-y-5 md:space-y-2"> <div class="flex items-center"> <a data-country="at" data-language="" href="https://www.engelglobal.com/de/at/unternehmen/compliance-und-datenschutz" @click="setCountryCookie('at', 'de')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-at"></span> <span class="text-sm text-gray-700 group-hover:text-black">Austria</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>DE</span> </div> </a> </div> <div class="flex items-center"> <a data-country="cz" data-language="" href="https://www.engelglobal.com/cs/cz/spolecnost/dodrzovani-predpisu-a-ochrana-udaju" @click="setCountryCookie('cz', 'cs')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-cz"></span> <span class="text-sm text-gray-700 group-hover:text-black">Czech Republic</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>CS</span> </div> </a> </div> <div class="flex items-center"> <a data-country="dk" data-language="" href="/da/dk/home" @click="setCountryCookie('dk', 'da')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-dk"></span> <span class="text-sm text-gray-700 group-hover:text-black">Denmark</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>DA</span> </div> </a> <tooltip-vue text="Une version limitée du site web est disponible pour ce pays." id="DK"></tooltip-vue> </div> <div class="flex items-center"> <a data-country="fr" data-language="" href="https://www.engelglobal.com/fr/fr/enterprise/conformite-et-protection-des-donnees" @click="setCountryCookie('fr', 'fr')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-fr"></span> <span class="text-sm text-gray-700 group-hover:text-black">France</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>FR</span> </div> </a> </div> <div class="flex items-center"> <a data-country="de" data-language="" href="https://www.engelglobal.com/de/de/unternehmen/compliance-und-datenschutz" @click="setCountryCookie('de', 'de')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-de"></span> <span class="text-sm text-gray-700 group-hover:text-black">Germany</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>DE</span> </div> </a> </div> <div class="flex items-center"> <a data-country="hu" data-language="" href="/hu/hu/home" @click="setCountryCookie('hu', 'hu')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-hu"></span> <span class="text-sm text-gray-700 group-hover:text-black">Hungary</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>HU</span> </div> </a> <tooltip-vue text="Une version limitée du site web est disponible pour ce pays." id="HU"></tooltip-vue> </div> <div class="flex items-center"> <a data-country="it" data-language="" href="https://www.engelglobal.com/it/it/azienda/conformita-e-protezione-dei-dati" @click="setCountryCookie('it', 'it')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-it"></span> <span class="text-sm text-gray-700 group-hover:text-black">Italy</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>IT</span> </div> </a> </div> <div class="flex items-center"> <a data-country="nl" data-language="" href="/nl/nl/home" @click="setCountryCookie('nl', 'nl')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-nl"></span> <span class="text-sm text-gray-700 group-hover:text-black">Netherlands</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>NL</span> </div> </a> <tooltip-vue text="Une version limitée du site web est disponible pour ce pays." id="NL"></tooltip-vue> </div> <div class="flex items-center"> <a data-country="pl" data-language="" href="https://www.engelglobal.com/pl/pl/firma/zgodnosc-z-przepisami-i-ochrona-danych" @click="setCountryCookie('pl', 'pl')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-pl"></span> <span class="text-sm text-gray-700 group-hover:text-black">Poland</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>PL</span> </div> </a> </div> <div class="flex items-center"> <a data-country="ru" data-language="" href="https://www.engelglobal.com/ru/ru/company/compliance-and-data-protection" @click="setCountryCookie('ru', 'ru')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-ru"></span> <span class="text-sm text-gray-700 group-hover:text-black">Russia</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>RU</span> </div> </a> </div> <div class="flex items-center"> <a data-country="ch" data-language="" href="https://www.engelglobal.com/de/ch/unternehmen/compliance-und-datenschutz" @click="setCountryCookie('ch', 'de')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-ch"></span> <span class="text-sm text-gray-700 group-hover:text-black">Switzerland</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>DE</span> </div> </a> </div> <div class="flex items-center"> <a data-country="tr" data-language="" href="/tr/tr/home" @click="setCountryCookie('tr', 'tr')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-tr"></span> <span class="text-sm text-gray-700 group-hover:text-black">Turkey</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>TR</span> </div> </a> <tooltip-vue text="Une version limitée du site web est disponible pour ce pays." id="TR"></tooltip-vue> </div> <div class="flex items-center"> <a data-country="gb" data-language="" href="https://www.engelglobal.com/en/gb/company/compliance-and-data-protection" @click="setCountryCookie('gb', 'en')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-gb"></span> <span class="text-sm text-gray-700 group-hover:text-black">United Kingdom</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>EN</span> </div> </a> </div> </div> </div> </div> <div>  <div class="flex py-6 cursor-pointer md:hidden" @click="toggleContinentLanguages('na_sa', $event)"> <div class="text-gray-700 font-medium ">North & South America</div> <span class="ml-auto transition-transform duration-300 ease-in-out fill-current md:hidden" :class="{ 'rotate-180': showContinent === 'na_sa', 'rotate-0': showContinent !== 'na_sa' }"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </div> <div class="hidden mb-3 md:block"> <div class="text-gray-700 mr-4 ">North & South America</div> </div> <div class="continent-section continent-na_sa md:max-h-full overflow-hidden ease-in-out duration-300 transition-max-h" :class="{ 'max-h-160': showContinent === 'na_sa', 'max-h-0': showContinent !== 'na_sa' }"> <div class="mb-10 space-y-5 md:space-y-2"> <div class="flex items-center"> <a data-country="br" data-language="" href="/pt/br/home" @click="setCountryCookie('br', 'pt')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-br"></span> <span class="text-sm text-gray-700 group-hover:text-black">Brazil</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>PT</span> </div> </a> <tooltip-vue text="Une version limitée du site web est disponible pour ce pays." id="BR"></tooltip-vue> </div> <div class="flex items-center"> <a data-country="ca" data-language="" href="https://www.engelglobal.com/en/ca/company/compliance-and-data-protection" @click="setCountryCookie('ca', 'en')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-ca"></span> <span class="text-sm text-gray-700 group-hover:text-black">Canada</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>EN</span> </div> </a> </div> <div class="flex items-center"> <a data-country="mx" data-language="" href="https://www.engelglobal.com/es/mx/empresa/cumplimiento-y-proteccion-de-datos" @click="setCountryCookie('mx', 'es')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-mx"></span> <span class="text-sm text-gray-700 group-hover:text-black">Mexico</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>ES</span> </div> </a> </div> <div class="flex items-center"> <a data-country="us" data-language="" href="https://www.engelglobal.com/en/us/company/compliance-and-data-protection" @click="setCountryCookie('us', 'en')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-us"></span> <span class="text-sm text-gray-700 group-hover:text-black">USA</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>EN</span> </div> </a> </div> </div> </div> </div> <div>  <div class="flex py-6 cursor-pointer md:hidden" @click="toggleContinentLanguages('as', $event)"> <div class="text-gray-700 font-medium ">Asia</div> <span class="ml-auto transition-transform duration-300 ease-in-out fill-current md:hidden" :class="{ 'rotate-180': showContinent === 'as', 'rotate-0': showContinent !== 'as' }"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg></span> </div> <div class="hidden mb-3 md:block"> <div class="text-gray-700 mr-4 ">Asia</div> </div> <div class="continent-section continent-as md:max-h-full overflow-hidden ease-in-out duration-300 transition-max-h" :class="{ 'max-h-160': showContinent === 'as', 'max-h-0': showContinent !== 'as' }"> <div class="mb-10 space-y-5 md:space-y-2"> <div class="flex items-center"> <a data-country="cn" data-language="" href="https://www.engelglobal.com/zh/cn/company/compliance-and-data-protection" @click="setCountryCookie('cn', 'zh')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-cn"></span> <span class="text-sm text-gray-700 group-hover:text-black">China</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>ZH</span> </div> </a> </div> <div class="flex items-center"> <a data-country="in" data-language="" href="/hi/in/home" @click="setCountryCookie('in', 'hi')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-in"></span> <span class="text-sm text-gray-700 group-hover:text-black">India</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>HI</span> </div> </a> <tooltip-vue text="Une version limitée du site web est disponible pour ce pays." id="IN"></tooltip-vue> </div> <div class="flex items-center"> <a data-country="jp" data-language="" href="/ja/jp/home" @click="setCountryCookie('jp', 'ja')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-jp"></span> <span class="text-sm text-gray-700 group-hover:text-black">Japan</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>JA</span> </div> </a> <tooltip-vue text="Une version limitée du site web est disponible pour ce pays." id="JP"></tooltip-vue> </div> <div class="flex items-center"> <a data-country="kr" data-language="" href="/ko/kr/home" @click="setCountryCookie('kr', 'ko')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-kr"></span> <span class="text-sm text-gray-700 group-hover:text-black">South Korea</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>KO</span> </div> </a> <tooltip-vue text="Une version limitée du site web est disponible pour ce pays." id="KR"></tooltip-vue> </div> <div class="flex items-center"> <a data-country="th" data-language="" href="/th/th/home" @click="setCountryCookie('th', 'th')" class="group"> <span class="inline-block mr-1.5 lg:mr-2"> <span class="inline-block mr-1.5 lg:mr-2 icon-flag icon-flag-th"></span> <span class="text-sm text-gray-700 group-hover:text-black">Thailand</span> </span> <div class="inline-block text-sm text-gray-400 group-hover:text-black mr-1.5 lg:mr-2"> <span>TH</span> </div> </a> <tooltip-vue text="Une version limitée du site web est disponible pour ce pays." id="TH"></tooltip-vue> </div> </div> </div> </div> <div> <div class="mt-6 mb-3 md:mt-0"> <div class="text-gray-700 font-medium ">Worldwide</div> </div> <div class="flex items-center"> <div class="mr-1 lg:mr-2"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="currentColor" fill-rule="evenodd" d="M6 0a6 6 0 110 12A6 6 0 016 0zm-.914.58L4.92.61a5.459 5.459 0 00-.43.104c-.007.281.78.246.483.47-.117.05-.188.115-.215.194-.013.087-.046.135-.098.146a.606.606 0 01-.402-.07c-.15-.028-.17-.015-.208.042-.044.132.039.182.263.194.13-.086.175-.082.202.014.01.157.072.244.187.264.133.084.17.176.111.278-.062.084-.055.18.021.291.04.134-.03.167-.208.18-.148-.007-.202-.018-.16-.117.176-.135.213-.209.111-.223-.185.097-.317.134-.395.112-.122-.012-.153.02-.09.097-.047.111.02.143.2.097.095.013.104.062.029.145a1.752 1.752 0 00-.16.084c-.147.107-.258.144-.333.11-.098-.124-.443.122-.562.292-.143.186-.163.286-.225.315-.4.204-.472.262-.48.806-.017.108-.17.115-.194.02-.077-.201-.081-.322-.34-.319-.406.03-.637.146-.693.347-.06.204-.05.358.027.465.103.144.221.103.354-.125.077-.097.167-.096.191 0 .016.064-.256.623.052.465.09-.027.168-.115.18-.042-.043.195-.06.394-.02.514.153.155.31.115.444-.035.175-.376.526-.205.788-.131.321.09 1.177.652 1.182.894.145.3 1.326.164.985.846-.322.504.044.97-.305 1.055-.247.063-.312.165-.305.306.035.107-.09.232-.152.291a1.877 1.877 0 01-.584.721c-.18.158-.227.33-.25.514-.07.262.032.493.306.694.145.132.131.196-.042.194-.536-.092-.855-.36-.957-.805a5.807 5.807 0 00-.083-.749c-.074-.22-.097-.487-.07-.805.005-.426-.083-.671-.264-.735a.404.404 0 01-.263-.195 10.814 10.814 0 00-.281-.602l-.15-.3c-.053-.106-.034-.217.056-.333.132-.12.234-.25.305-.388.044-.112-.007-.176-.152-.194-.13-.05-.287-.162-.472-.333-.168-.218-.394-.4-.652-.403-.223-.115-.385-.17-.514-.305a1.997 1.997 0 00-.035-.235A5.496 5.496 0 1011.484 6.37l.1-.073c-.268.185-.435.343-.5.471-.022.195-.018.445.014.75a.487.487 0 01-.222.527.974.974 0 00-.402.61c-.215.42-.428.65-.639.694-.412.159-.583.14-.513-.055-.141-.944-.476-1.153-.43-1.665-.002-.637-.135-1.14-.452-1.37-.118-.084-.348-.098-.755-.032-.226.056-.378.01-.458-.139a4.472 4.472 0 01-.458-.943c-.148-.358-.083-.617.194-.777.283-.125.44-.26.472-.403.26-.19.335-.312.225-.364-.086-.032-.119-.09-.097-.173.188-.22-.092-.502.413-.427.174.061.252-.302-.014-.354-.14-.07-.186-.079-.139-.139.078-.167.002-.206-.229-.118-.095 0-.111-.038-.048-.118.1-.192.206-.347.319-.464.2-.134.29-.13.27.013-.05.104-.055.178-.013.222.08.074.103.132.069.174-.034.117-.006.159.083.125.075-.04.182-.127.32-.264.122-.126.09-.21-.098-.25-.12-.079-.129-.162-.027-.25.18-.074.305-.169.375-.284A5.48 5.48 0 007.318.663l.013-.034c-.12.283-.107.327-.315.396-.522.173-.647-.013-1.19.59-.212.192-.298.15-.313-.014-.179-.138-.197-.323 0-.667.045-.188-.078-.29-.368-.305A.288.288 0 015.086.58zm5.249 3.761c.278.372.43.672.458.902.086.245.215.397.388.458.067.01.168.022.305-.017a4.936 4.936 0 00-.052-.512c-.096.091-.192.15-.353-.07-.104-.354-.347-.611-.482-.775-.197-.142-.284-.137-.264.014zM9.223 2.95c-.113-.146-.259-.176-.32-.104a.449.449 0 01-.369.201c-.19.039-.291.113-.305.222-.04.182-.172.28-.395.291-.081.044-.062.078.06.102l.029-.012c.1-.01.265-.062.494-.159.386-.052.524.006.416.174-.01.118.048.187.173.208.17.126.311.159.423.097.066-.069.182-.067.347.007.412.093.701.06.868-.097.117-.236.075-.34-.125-.313-.177.054-.313.056-.41.007-.105-.06-.19-.056-.256.014-.146.04-.34-.149-.583-.569zM3.796 1.222a.405.405 0 01-.23.313c-.053.002-.087-.016-.103-.056.035-.186-.113-.165-.444.062-.294.092-.361.182-.202.271.274.077.406.2.396.368.01.238.073.231.187-.021 0-.056.081-.109.243-.16.106-.029.131-.096.076-.2-.035-.054.02-.176.167-.369.274-.223.35-.332.229-.326-.113-.034-.22.006-.32.118z"/></svg></div> <div class="text-sm text-gray-400 divide-x-2"> <a class="px-1 lg:px-2 hover:text-black" data-country="" data-language="en" href="https://www.engelglobal.com/en/company/compliance-and-data-protection" @click="setCountryCookie('', 'en')">EN </a> <a class="px-1 lg:px-2 hover:text-black" data-country="" data-language="de" href="https://www.engelglobal.com/de/unternehmen/compliance-und-datenschutz" @click="setCountryCookie('', 'de')">DE </a> <a class="px-1 lg:px-2 hover:text-black" data-country="" data-language="es" href="https://www.engelglobal.com/es/empresa/cumplimiento-y-proteccion-de-datos" @click="setCountryCookie('', 'es')">ES </a> <a class="px-1 lg:px-2 hover:text-black" data-country="" data-language="fr" href="https://www.engelglobal.com/fr/enterprise/conformite-et-protection-des-donnees" @click="setCountryCookie('', 'fr')">FR </a> </div> </div> </div> </div> </div> </template> <template id="machine-checkbox"> <div class="flex items-center mt-4 cursor-pointer"> <input v-model="isFilterActive" :id="checkboxKey + keyName" class="cursor-pointer form-checkbox" type="checkbox" :name="checkboxKey + keyName" autocomplete="off" @change="toggleFilter"> <label :for="checkboxKey + keyName" class="text-sm flex flex-top ml-3 mt-0.5 cursor-pointer" v-text="value"></label> <span v-if="infobox" class="inline-flex ml-1.5 align-center tooltip-wrapper"> <button :aria-describedby="`tooltip-${checkboxKey}-${keyName}`" class="tooltip__button" ref="button" @mouseenter="showTooltip" @focus="showTooltip" @mouseleave="hideTooltipAfterAWhile" @blur="hideTooltip" > <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#D8D8D8" d="M12 22.5a10.28 10.28 0 01-5.292-1.428 10.63 10.63 0 01-3.78-3.78A10.28 10.28 0 011.5 12c0-1.904.476-3.668 1.428-5.292a10.63 10.63 0 013.78-3.78A10.28 10.28 0 0112 1.5c1.904 0 3.668.476 5.292 1.428a10.63 10.63 0 013.78 3.78A10.28 10.28 0 0122.5 12a10.28 10.28 0 01-1.428 5.292 10.63 10.63 0 01-3.78 3.78A10.28 10.28 0 0112 22.5z"/><path fill="#353535" d="M13.05 10.95v6.3h-2.1v-6.3h2.1zm0-4.2v2.1h-2.1v-2.1h2.1z"/></g></svg> </button> <span :id="`tooltip-${checkboxKey}-${keyName}`" role="tooltip" ref="tooltip" class="absolute p-3 text-xs text-gray-600 rounded tooltip shadow-tooltip bg-gray-50" > <span v-text="infobox.text"></span> <span class="tooltip__arrow" ref="arrow"></span> </span> </span> </div> </template> <template id="machine-filter"> <div> <p class="mt-8 mb-8">Filtrer selon</p> <p class="flex font-medium"> <span class="mr-2"><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g fill="currentColor" stroke="currentColor" stroke-width=".5" fill-rule="evenodd"><path d="M5.373 20.918a3.383 3.383 0 003.746-4.805.349.349 0 01.065-.404l6.525-6.536a.347.347 0 01.403-.065c.462.234.965.353 1.496.353a3.383 3.383 0 003.3-4.105L18.68 7.588a.347.347 0 01-.492 0l-2.08-2.089a.348.348 0 010-.492l2.227-2.23a3.383 3.383 0 00-3.72 4.861.348.348 0 01-.062.41L8.06 14.551a.345.345 0 01-.409.061 3.317 3.317 0 00-1.553-.381 3.383 3.383 0 00-3.3 4.108l2.227-2.23a.348.348 0 01.492 0l2.085 2.082a.348.348 0 010 .493l-2.229 2.233zm.725.775c-.53 0-1.037-.1-1.508-.294a.349.349 0 01-.114-.568l2.387-2.392-1.591-1.59-2.389 2.392a.348.348 0 01-.568-.117 4.08 4.08 0 013.783-5.589c.572 0 1.136.12 1.646.348l6.142-6.153A4.08 4.08 0 0117.607 2c.52 0 1.028.098 1.51.292a.35.35 0 01.117.57l-2.388 2.392 1.588 1.595 2.387-2.392a.348.348 0 01.568.114c.194.47.292.98.292 1.51a4.08 4.08 0 01-4.073 4.076 3.984 3.984 0 01-1.58-.319l-6.18 6.192a4.08 4.08 0 01-3.75 5.663z"/><path d="M19.658 22.033c-.6 0-1.2-.229-1.656-.686l-6.977-6.99a.349.349 0 01.492-.492l6.977 6.99a1.647 1.647 0 102.328-2.333l-6.977-6.99a.349.349 0 01.492-.492l6.977 6.99c.442.443.686 1.032.686 1.658 0 .627-.244 1.216-.686 1.66a2.33 2.33 0 01-1.656.685m-9.19-10.038a.346.346 0 01-.246-.102L6.986 8.651H4.702a.348.348 0 01-.307-.184L2.04 4.055a.349.349 0 01.061-.41l1.54-1.543a.347.347 0 01.41-.06l4.404 2.357c.113.06.184.179.184.307v2.288l3.237 3.242a.349.349 0 01-.492.492L8.046 7.384a.348.348 0 01-.102-.246V4.915L3.952 2.777 2.777 3.955l2.133 4h2.22a.35.35 0 01.246.101l3.338 3.345a.349.349 0 01-.246.594"/></g></svg></span> Type de construction </p> <machine-checkbox v-for="(value, keyName) in typesFilter" :value="value" :key-name="keyName" :checkbox-key="checkboxKey" :infobox="infoboxes.find(key => key.id === value)"></machine-checkbox> <p class="flex mt-12 font-medium"> <span class="mr-2"><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g fill="currentColor" stroke="currentColor" stroke-width=".5"><path d="M16.262 9.058l-.502.962h-.001a5.689 5.689 0 00-1.493.194l-.022.006-.733-.8a.273.273 0 00-.302-.068 6.852 6.852 0 00-1.718.994l-.004.003a.274.274 0 00-.088.293l.324 1.036-.012.012c-.354.354-.66.754-.91 1.188l-.008.015-1.083-.046a.273.273 0 00-.262.165 6.87 6.87 0 00-.514 1.92v.005a.274.274 0 00.145.27l.96.502v.002a5.724 5.724 0 00.194 1.495l.006.022-.798.734a.274.274 0 00-.069.303c.246.619.58 1.199.992 1.721l.003.004a.276.276 0 00.294.088l1.033-.325.012.012c.354.355.753.662 1.187.912l.014.009-.045 1.084a.274.274 0 00.165.263c.61.263 1.255.437 1.916.514h.005a.273.273 0 00.269-.145l.502-.962h.001a5.69 5.69 0 001.493-.194l.022-.006.733.8a.273.273 0 00.302.068 6.852 6.852 0 001.718-.993l.004-.003a.274.274 0 00.088-.294l-.324-1.035.012-.012a5.72 5.72 0 00.91-1.189l.009-.015 1.082.046a.273.273 0 00.262-.165 6.871 6.871 0 00.514-1.92v-.005a.274.274 0 00-.145-.27l-.96-.502v-.002a5.72 5.72 0 00-.194-1.495l-.006-.022.798-.734a.274.274 0 00.069-.303 6.866 6.866 0 00-.992-1.721l-.003-.004a.273.273 0 00-.293-.088l-1.034.325-.012-.012a5.698 5.698 0 00-1.186-.912l-.015-.009.045-1.084a.274.274 0 00-.165-.262 6.846 6.846 0 00-1.916-.515.273.273 0 00-.274.145zm-.096 1.365l.492-.942c.474.07.938.194 1.383.369l.022.009-.044 1.062a.274.274 0 00.144.253c.502.267.955.616 1.343 1.032l.003.003c.072.075.18.102.278.071l1.013-.318.011.016c.282.381.52.794.709 1.229l.007.017-.781.72a.274.274 0 00-.077.28 5.17 5.17 0 01.221 1.682v.005a.275.275 0 00.147.247l.94.492c-.07.475-.193.94-.367 1.386l-.01.022-1.06-.045a.273.273 0 00-.252.145 5.165 5.165 0 01-1.03 1.345l-.004.003a.274.274 0 00-.07.279l.317 1.014-.015.011a6.33 6.33 0 01-1.227.71l-.018.008-.718-.783a.273.273 0 00-.281-.076 5.15 5.15 0 01-1.678.22h-.005a.273.273 0 00-.246.148l-.492.942a6.303 6.303 0 01-1.383-.369l-.022-.009.045-1.061a.274.274 0 00-.145-.254 5.151 5.151 0 01-1.343-1.032l-.003-.003a.273.273 0 00-.278-.07l-1.013.317-.01-.015a6.318 6.318 0 01-.71-1.23l-.007-.017.781-.72a.274.274 0 00.077-.28 5.176 5.176 0 01-.221-1.682v-.004a.274.274 0 00-.147-.248l-.94-.492c.07-.475.193-.94.368-1.385l.008-.023 1.06.045a.273.273 0 00.253-.145 5.165 5.165 0 011.03-1.345l.004-.003a.274.274 0 00.07-.279l-.317-1.014.015-.011c.381-.282.793-.52 1.228-.71l.017-.008.718.783c.071.078.18.107.281.077a5.143 5.143 0 011.678-.222.273.273 0 00.251-.147z"/><path d="M16.619 12.647l-.051-.014a3.202 3.202 0 00-3.92 2.267 3.208 3.208 0 002.263 3.927 3.201 3.201 0 003.92-2.267 3.208 3.208 0 00-2.212-3.913zm-.193.515a2.66 2.66 0 011.877 3.256 2.655 2.655 0 01-3.25 1.88 2.66 2.66 0 01-1.877-3.256 2.655 2.655 0 013.25-1.88zM5.408 2.038a.273.273 0 00-.228.206l-.177.716h-.001a4.188 4.188 0 00-.944.365l-.018.01-.613-.41a.273.273 0 00-.31.004 5.028 5.028 0 00-1.052 1.007l-.003.004a.274.274 0 00-.016.306l.38.632-.008.015c-.17.288-.306.596-.404.916l-.005.016-.722.145a.274.274 0 00-.216.222 5.047 5.047 0 00-.033 1.458v.004a.275.275 0 00.205.228l.716.178v.001c.083.329.205.646.363.946l.01.018-.409.614a.274.274 0 00.005.31 5 5 0 001.005 1.054l.004.003c.089.067.21.074.305.016l.631-.381h.002c.29.174.6.312.924.412l.02.006.144.723c.022.112.11.198.222.217.48.081.971.093 1.455.033h.005c.11-.016.2-.097.227-.206l.177-.716h.002c.328-.084.645-.206.944-.365l.018-.01.612.41a.273.273 0 00.31-.005 5.028 5.028 0 001.053-1.007l.003-.004a.274.274 0 00.015-.306l-.38-.631V9.19c.175-.291.312-.602.411-.926l.006-.02.723-.144a.274.274 0 00.216-.223c.081-.482.092-.973.033-1.457v-.005a.274.274 0 00-.206-.228l-.715-.177v0a4.21 4.21 0 00-.364-.946l-.01-.018.41-.614a.274.274 0 00-.005-.31 5.027 5.027 0 00-1.006-1.055l-.004-.003a.273.273 0 00-.305-.015l-.63.38-.015-.008a4.19 4.19 0 00-.915-.404l-.016-.005-.144-.724a.274.274 0 00-.223-.216 5.021 5.021 0 00-1.455-.033h-.004zm1.172.544l.011.001.14.7c.02.103.098.186.2.212.39.1.76.263 1.096.484l.004.003a.273.273 0 00.287.003l.61-.369.003.003c.234.2.446.422.634.664l.003.004-.396.594a.274.274 0 00-.007.291c.204.347.35.725.433 1.12v.004c.023.1.101.18.202.205l.691.172.001.01c.024.302.017.606-.02.907l-.002.01-.699.14a.274.274 0 00-.211.201c-.1.39-.263.76-.483 1.098l-.003.004a.274.274 0 00-.003.287l.368.611-.003.004c-.199.234-.42.446-.663.634l-.004.004-.593-.397a.273.273 0 00-.29-.007 3.643 3.643 0 01-1.117.433l-.005.001a.275.275 0 00-.205.202l-.171.692-.011.001a4.47 4.47 0 01-.905-.02l-.01-.002-.14-.7a.274.274 0 00-.2-.211c-.39-.1-.76-.264-1.096-.485l-.004-.002a.273.273 0 00-.287-.003l-.61.369-.004-.004a4.482 4.482 0 01-.633-.664l-.003-.004.395-.593a.274.274 0 00.008-.292 3.66 3.66 0 01-.433-1.118l-.001-.005a.274.274 0 00-.201-.205l-.692-.172v-.01a4.499 4.499 0 01.02-.907l.001-.011.7-.14a.274.274 0 00.21-.2c.1-.39.263-.761.484-1.098l.002-.004a.274.274 0 00.003-.288l-.368-.61.003-.004c.2-.234.421-.447.663-.635l.004-.003.593.396c.087.059.2.062.291.008a3.642 3.642 0 011.117-.434h.004a.275.275 0 00.205-.202l.172-.693h.01c.302-.024.605-.017.905.02z"/><path d="M4.376 5.305A2.396 2.396 0 004.3 8.687c.911.955 2.424.99 3.377.078A2.396 2.396 0 007.78 5.41l-.027-.029a2.387 2.387 0 00-3.377-.077zm2.982.455a1.848 1.848 0 01-.06 2.609 1.84 1.84 0 01-2.603-.06 1.848 1.848 0 01.059-2.608 1.84 1.84 0 012.583.038l.02.021z"/></g></svg></span> Type d'entraînement </p> <machine-checkbox v-for="(value, keyName) in drivesFilter" :value="value" :key-name="keyName" :checkbox-key="checkboxKey" :infobox="infoboxes.find(key => key.id === value)"></machine-checkbox> <p v-if="clampingType === 'to'" class="flex mt-12 font-medium"> <span class="mr-2"><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g><path d="M3.25 8.67l1.278.74a.612.612 0 00.84-.226.617.617 0 00-.224-.842l-1.277-.738a9.77 9.77 0 017.518-4.35v1.478a.616.616 0 101.23 0v-1.48a9.632 9.632 0 013.682.976.617.617 0 00.542-1.107A10.879 10.879 0 0012 2a10.92 10.92 0 00-7.778 3.227A10.957 10.957 0 001 13.02c0 1.937.51 3.843 1.473 5.51a.615.615 0 00.84.226h.001l1.83-1.059a.617.617 0 00-.616-1.068l-1.28.741a9.808 9.808 0 01.002-8.698" fill="currentColor"/></g><g><path d="M21.528 7.508a.616.616 0 10-1.066.617 9.808 9.808 0 01.29 9.243l-1.28-.74a.617.617 0 00-.616 1.068l1.83 1.058h.001a.612.612 0 00.841-.224A11.03 11.03 0 0023 13.019c0-1.938-.509-3.843-1.472-5.511" fill="currentColor"/></g><path d="M12.382 13.488a.6.6 0 01-.847.114.602.602 0 01-.014-.95l4.005-3.286-3.144 4.122zm7.264-8.39a.615.615 0 00-.817-.033l-8.09 6.633-.003.003a1.829 1.829 0 00-.654 1.664c.066.486.316.918.705 1.217a1.82 1.82 0 001.358.361 1.822 1.822 0 001.215-.706l6.348-8.32a.617.617 0 00-.062-.819z" fill="currentColor"/></g></svg></span> Force de fermeture (en to) </p> <machine-checkbox v-if="clampingType === 'to'" v-for="(value, keyName) in clampingFilter" :value="value" :key-name="keyName" :checkbox-key="checkboxKey" :infobox="infoboxes.find(key => key.id === value)"></machine-checkbox> <p v-if="clampingType === 'kn'" class="flex mt-12 font-medium"> <span class="mr-2"><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g><path d="M3.25 8.67l1.278.74a.612.612 0 00.84-.226.617.617 0 00-.224-.842l-1.277-.738a9.77 9.77 0 017.518-4.35v1.478a.616.616 0 101.23 0v-1.48a9.632 9.632 0 013.682.976.617.617 0 00.542-1.107A10.879 10.879 0 0012 2a10.92 10.92 0 00-7.778 3.227A10.957 10.957 0 001 13.02c0 1.937.51 3.843 1.473 5.51a.615.615 0 00.84.226h.001l1.83-1.059a.617.617 0 00-.616-1.068l-1.28.741a9.808 9.808 0 01.002-8.698" fill="currentColor"/></g><g><path d="M21.528 7.508a.616.616 0 10-1.066.617 9.808 9.808 0 01.29 9.243l-1.28-.74a.617.617 0 00-.616 1.068l1.83 1.058h.001a.612.612 0 00.841-.224A11.03 11.03 0 0023 13.019c0-1.938-.509-3.843-1.472-5.511" fill="currentColor"/></g><path d="M12.382 13.488a.6.6 0 01-.847.114.602.602 0 01-.014-.95l4.005-3.286-3.144 4.122zm7.264-8.39a.615.615 0 00-.817-.033l-8.09 6.633-.003.003a1.829 1.829 0 00-.654 1.664c.066.486.316.918.705 1.217a1.82 1.82 0 001.358.361 1.822 1.822 0 001.215-.706l6.348-8.32a.617.617 0 00-.062-.819z" fill="currentColor"/></g></svg></span> Force de fermeture (en kN) </p> <machine-checkbox v-if="clampingType === 'kn'" v-for="(value, keyName) in clampingFilterKn" :value="value" :key-name="keyName" :checkbox-key="checkboxKey" :infobox="infoboxes.find(key => key.id === value)"></machine-checkbox> </div> </template> <template id="machine-item"> <a v-if="item && item.content && item.content.title" :href="getSlug()" class="block lg:duration-200 lg:ease-in-out lg:transition lg:hover:shadow-machine-item lg:overflow-visible" > <img v-if="item.content.product_image && item.content.product_image.filename" class="js-machine-item-image lazyload" :data-src="$filters.imageService(item.content.product_image.filename, '0x224', 'webp')" :src="$filters.imageService(item.content.product_image.filename, '0x224', 'webp')" :alt="item.content.product_image.alt" width="374" height="224" > <div v-else class="bg-gray-200"> </div> <div class="py-3 sm:px-5"> <p v-if="item.content.title" class="tw-h3" v-text="item.content.title"></p> <p v-if="item.content.subtitle" class="mt-1 text-sm" v-text="item.content.subtitle"></p> <div class="my-3 -ml-5 text-sm text-component" v-html="richtext(item.content.overview_text)"></div> <span v-if="item.content.type" class="mt-2 mr-2 tag-main" :class="{'tag--active': hasFilter(typesFilter[item.content.type])}" v-text="typesFilter[item.content.type]" ></span> <span v-if="item.content.drive" class="mt-2 mr-2 tag-main" :class="{'tag--active': hasFilter(drivesFilter[item.content.drive.toLowerCase()])}" v-text="drivesFilter[item.content.drive.toLowerCase()]"></span> <span v-if="item.content.exact_clamping_force && item.content.clamping_force && item.content.clamping_force.length" class="mt-2 mr-2 tag-main" :class="{'tag--active': hasClampingForceFilter(item.content.clamping_force)}" v-text="item.content.exact_clamping_force"></span> <span v-if="item.content.exact_clamping_force && item.content.clamping_force_kn && item.content.clamping_force_kn.length" class="mt-2 mr-2 tag-main" :class="{'tag--active': hasClampingForceFilter(item.content.clamping_force_kn)}" v-text="item.content.exact_clamping_force"></span> </div> </a> </template> <template id="machines-overview"> <div class="relative flex text-gray-700" :class="{'sm:grid sm:grid-cols-3 gap-8': filterVisible}"> <div class="relative hidden sm:block" :class="{'w-56': !filterVisible}"> <button class="absolute flex items-center justify-center w-10 h-10 text-white bg-green-500 top-6 shadow-burger" :class="{'right-0 transform translate-x-1/2': filterVisible, 'left-0': !filterVisible}" @click="filterVisible = !filterVisible" > <span :class="{'hidden': !filterVisible}"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14.765 7.414l-1.332-1.331a.35.35 0 00-.494 0L7.27 11.75a.35.35 0 000 .495l5.669 5.668a.35.35 0 00.494 0l1.332-1.332.05-.064a.35.35 0 00-.05-.431l-4.078-4.089 4.079-4.089a.35.35 0 000-.495z"/></svg></span> <span :class="{'hidden': filterVisible}"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M25.778 8.444H23.11a1.71 1.71 0 00-.528-1.25 1.709 1.709 0 00-1.25-.527h-1.777c-.482 0-.899.176-1.25.527a1.709 1.709 0 00-.528 1.25H6.222a.865.865 0 00-.639.25.865.865 0 00-.25.64c0 .259.084.472.25.638.167.167.38.25.64.25h11.555c0 .482.176.898.528 1.25.351.352.768.528 1.25.528h1.777c.482 0 .898-.176 1.25-.528.352-.352.528-.768.528-1.25h2.667a.865.865 0 00.639-.25.865.865 0 00.25-.639.865.865 0 00-.25-.639.865.865 0 00-.64-.25zm-4.445 1.778h-1.777V8.444h1.777v1.778zm4.445 5.334H14.222c0-.482-.176-.899-.528-1.25a1.708 1.708 0 00-1.25-.528h-1.777c-.482 0-.898.176-1.25.528a1.708 1.708 0 00-.528 1.25H6.222a.865.865 0 00-.639.25.865.865 0 00-.25.638c0 .26.084.473.25.64a.87.87 0 00.64.25h2.666c0 .48.176.897.528 1.25a1.71 1.71 0 001.25.527h1.777c.482 0 .899-.176 1.25-.528.352-.352.528-.768.528-1.25h11.556a.865.865 0 00.639-.25.865.865 0 00.25-.639.865.865 0 00-.25-.638.865.865 0 00-.64-.25zm-13.334 1.777h-1.777v-1.777h1.777v1.777zm13.334 5.334h-6.222c0-.482-.176-.898-.528-1.25a1.708 1.708 0 00-1.25-.528H16a1.71 1.71 0 00-1.25.528 1.708 1.708 0 00-.528 1.25h-8a.865.865 0 00-.639.25.865.865 0 00-.25.639c0 .259.084.472.25.638.167.167.38.25.64.25h8c0 .482.175.899.527 1.25a1.71 1.71 0 001.25.528h1.778a1.71 1.71 0 001.25-.528c.352-.351.528-.768.528-1.25h6.222a.865.865 0 00.639-.25.865.865 0 00.25-.638.865.865 0 00-.25-.64.865.865 0 00-.64-.25zm-8 1.777H16v-1.777h1.778v1.777z"/></svg></span> </button> <machine-filter :class="{'hidden': !filterVisible}" :types-filter="typesFilter" :drives-filter="drivesFilter" :clamping-type="clampingType" :clamping-filter="clampingFilter" :clamping-filter-kn="clampingFilterKn" :infoboxes="infoboxes" checkbox-key="desktop-filter" ></machine-filter> </div> <div :class="{'hidden sm:block w-0.5 h-full absolute top-0 bg-gray-100 left-1/3 transform -translate-x-5 -z-10': filterVisible}"></div> <div class="sm:col-span-2"> <p class="inline-flex items-center text-sm sm:hidden"> <span class="mr-1" v-text="Object.keys(currItems).length"></span> <span v-if="Object.keys(currItems).length === 1">Résultat</span> <span v-else>Résultats</span> </p> <button class="flex items-center justify-center w-full mt-3 tw-button tw-button-primary sm:hidden" @click="mobileFilterVisible = true"> <span class="mr-2"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M25.778 8.444H23.11a1.71 1.71 0 00-.528-1.25 1.709 1.709 0 00-1.25-.527h-1.777c-.482 0-.899.176-1.25.527a1.709 1.709 0 00-.528 1.25H6.222a.865.865 0 00-.639.25.865.865 0 00-.25.64c0 .259.084.472.25.638.167.167.38.25.64.25h11.555c0 .482.176.898.528 1.25.351.352.768.528 1.25.528h1.777c.482 0 .898-.176 1.25-.528.352-.352.528-.768.528-1.25h2.667a.865.865 0 00.639-.25.865.865 0 00.25-.639.865.865 0 00-.25-.639.865.865 0 00-.64-.25zm-4.445 1.778h-1.777V8.444h1.777v1.778zm4.445 5.334H14.222c0-.482-.176-.899-.528-1.25a1.708 1.708 0 00-1.25-.528h-1.777c-.482 0-.898.176-1.25.528a1.708 1.708 0 00-.528 1.25H6.222a.865.865 0 00-.639.25.865.865 0 00-.25.638c0 .26.084.473.25.64a.87.87 0 00.64.25h2.666c0 .48.176.897.528 1.25a1.71 1.71 0 001.25.527h1.777c.482 0 .899-.176 1.25-.528.352-.352.528-.768.528-1.25h11.556a.865.865 0 00.639-.25.865.865 0 00.25-.639.865.865 0 00-.25-.638.865.865 0 00-.64-.25zm-13.334 1.777h-1.777v-1.777h1.777v1.777zm13.334 5.334h-6.222c0-.482-.176-.898-.528-1.25a1.708 1.708 0 00-1.25-.528H16a1.71 1.71 0 00-1.25.528 1.708 1.708 0 00-.528 1.25h-8a.865.865 0 00-.639.25.865.865 0 00-.25.639c0 .259.084.472.25.638.167.167.38.25.64.25h8c0 .482.175.899.527 1.25a1.71 1.71 0 001.25.528h1.778a1.71 1.71 0 001.25-.528c.352-.351.528-.768.528-1.25h6.222a.865.865 0 00.639-.25.865.865 0 00.25-.638.865.865 0 00-.25-.64.865.865 0 00-.64-.25zm-8 1.777H16v-1.777h1.778v1.777z"/></svg></span> Filtrer </button> <div> <div class="flex flex-wrap items-center pt-4 text-sm mb-11"> <p class="items-center hidden mt-3 mr-3 sm:inline-flex"> <span class="mr-1" v-text="Object.keys(currItems).length"></span> <span v-if="Object.keys(currItems).length === 1">Résultat</span> <span v-else>Résultats</span> </p> <button v-for="(item, key) in currFilters" v-show="currFilters" class="mt-3 mr-2 tag-removable" @click="updateAllFilter(item)" > <span v-text="item.value"></span> <span class="tag-removable-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="currentColor" d="M8 14a5.875 5.875 0 01-3.024-.816 6.074 6.074 0 01-2.16-2.16A5.875 5.875 0 012 8c0-1.088.272-2.096.816-3.024a6.074 6.074 0 012.16-2.16A5.875 5.875 0 018 2c1.088 0 2.096.272 3.024.816a6.074 6.074 0 012.16 2.16C13.728 5.904 14 6.912 14 8a5.875 5.875 0 01-.816 3.024 6.074 6.074 0 01-2.16 2.16A5.875 5.875 0 018 14zm.063-6.796L6.358 5.5l-.858.858 1.704 1.705L5.5 9.767l.858.858 1.705-1.704 1.704 1.704.858-.858-1.704-1.704 1.704-1.705-.858-.858-1.704 1.704z"/></svg></span> </button> <button class="inline-flex items-center mt-3 text-xs font-medium" :class="{'hidden sm:inline-flex sm:opacity-0 sm:pointer-events-none': !currFilters.length}" @click="resetFilters()" > <span class="mr-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M9.597 8.318A9.925 9.925 0 0116 6a9.935 9.935 0 017.071 2.929A9.934 9.934 0 0126 16a9.934 9.934 0 01-2.929 7.071A9.935 9.935 0 0116 26a9.935 9.935 0 01-7.071-2.929A9.934 9.934 0 016 16.001a.922.922 0 111.843 0c0 4.497 3.66 8.156 8.157 8.156 4.498 0 8.157-3.66 8.157-8.157 0-4.498-3.66-8.157-8.157-8.157a8.095 8.095 0 00-5.023 1.729l1.214.071a.922.922 0 01-.108 1.84l-4.161-.243-.244-4.161a.922.922 0 011.84-.108l.08 1.347z"/></svg></span> Réinitialiser le filtre </button> </div> <div class="grid grid-cols-1 gap-16 md:gap-x-4 md:gap-y-12" :class="{'lg:grid-cols-2': filterVisible, 'md:grid-cols-2 lg:grid-cols-3': !filterVisible}"> <machine-item v-for="item in filteredItems" :item="item" :locale="locale" :country="country" :curr-filters="currFilters" :types-filter="typesFilter" :drives-filter="drivesFilter" :clamping-type="clampingType" ></machine-item> </div> <div class="w-full" v-if="currItems.length === 0"> <div class="flex justify-center text-gray-700"> <svg viewBox="0 0 90 90" width="90" height="90" xmlns="http://www.w3.org/2000/svg"><path d="M53.331 19.8a.919.919 0 011.169-.568C65.565 23.062 73 33.507 73 45.222c0 10.506-5.982 19.986-15.196 24.594l7.042.112a.919.919 0 01-.014 1.838h-.015l-10.782-.172a.92.92 0 01-.828-1.283l4.282-9.897a.919.919 0 011.686.73l-3.26 7.534a25.68 25.68 0 0015.247-23.456c0-10.933-6.937-20.68-17.263-24.253a.919.919 0 01-.568-1.17zm-27.09-.8l10.782.172a.92.92 0 01.828 1.283l-4.282 9.897a.92.92 0 11-1.686-.73l3.445-7.963a25.679 25.679 0 00-15.49 23.563c0 10.932 6.937 20.68 17.263 24.253a.919.919 0 01-.6 1.737C25.434 67.382 18 56.937 18 45.222a27.524 27.524 0 0114.585-24.283l-6.373-.101A.919.919 0 0126.226 19h.015zM43.18 35.603c1.995 0 3.874.779 5.286 2.19a7.429 7.429 0 012.19 5.287 7.424 7.424 0 01-1.452 4.429l-.194.251-.1.12 5.2 5.675a.98.98 0 01.099 1.2l-.072.096-.086.089a.977.977 0 01-1.285.034l-.1-.095-5.201-5.674-.122.087a7.406 7.406 0 01-3.525 1.237l-.318.02-.32.007a7.434 7.434 0 01-5.287-2.19 7.429 7.429 0 01-2.19-5.286c0-1.995.779-3.874 2.19-5.287a7.429 7.429 0 015.287-2.19zm-.001 1.96a5.524 5.524 0 00-5.517 5.517 5.524 5.524 0 005.517 5.517 5.524 5.524 0 005.517-5.517 5.524 5.524 0 00-5.517-5.517z" fill="currentColor"/></svg> </div> <div class="mt-4"> <h2 class="tw-h3 text-center ">Malheureusement, aucun résultat n'a pu être trouvé.</h2> <p class="text-sm text-gray-700 text-center mt-2"> Merci de réessayer. </p> </div> </div> </div> <div class="flex items-center flex-col"> <p v-if="!showAllItems && currFilters.length === 0" class="mt-8 mb-2.5 text-sm">{{ pageSize }} de {{ totalItems }}</p> <p v-if="showAllItems && currFilters.length === 0" class="mt-8 mb-2.5 text-sm">{{ currItems.length }} de {{ totalItems }}</p> <p v-if="showAllItems && currFilters.length !== 0" class="mt-8 mb-2.5 text-sm">{{ currItems.length }} de {{ currItems.length }}</p> <div class="w-3/5 lg:w-2/5 bg-gray-200 h-1"> <div v-if="!showAllItems && currFilters.length === 0" class="bg-green-500 h-1" :style="{'width':percentageOfShownItems(pageSize, totalItems)+ '%'}"></div> <div v-if="showAllItems && currFilters.length === 0" class="bg-green-500 h-1" :style="{'width':percentageOfShownItems(currItems.length, totalItems)+ '%'}"></div> <div v-if="showAllItems && currFilters.length !== 0" class="bg-green-500 h-1" :style="{'width':percentageOfShownItems(currItems.length, currItems.length)+ '%'}"></div> </div> </div> <div v-show="currFilters.length === 0" class="w-full mt-6 text-center"> <button class="tw-button tw-button-secondary-outline" @click="showAllItems = !showAllItems ? showAllItems = !showAllItems : scrollUp($event)" > <span v-show="!showAllItems"> Afficher toutes les machines (<span v-text="Object.keys(currItems).length"></span>) </span> <span :class="{'invisible w-0 overflow-hidden': !showAllItems}"> Afficher moins de machines </span> </button> </div> </div> <div v-show="mobileFilterVisible" class="fixed inset-0 z-60 flex flex-col overflow-auto bg-white sm:hidden"> <button class="fixed top-2 right-2" @click="mobileFilterVisible = false"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3.503 4.773l-.05.064a.35.35 0 00.05.431l6.481 6.482-6.481 6.482a.35.35 0 000 .495l1.27 1.27.064.05a.35.35 0 00.431-.05l6.482-6.481 6.482 6.481a.35.35 0 00.495 0l1.27-1.27.05-.064a.35.35 0 00-.05-.431l-6.481-6.482 6.481-6.482a.35.35 0 000-.495l-1.27-1.27-.064-.05a.35.35 0 00-.431.05L11.75 9.984 5.268 3.503a.35.35 0 00-.495 0l-1.27 1.27z"/></svg> </button> <machine-filter :types-filter="typesFilter" :drives-filter="drivesFilter" :clamping-type="clampingType" :clamping-filter="clampingFilter" :clamping-filter-kn="clampingFilterKn" :infoboxes="infoboxes" checkbox-key="mobile-filter" class="px-4 mb-24" ></machine-filter> <button class="fixed bottom-0 flex-shrink-0 block w-full mt-auto tw-button tw-button-primary" @click="mobileFilterVisible = false">Appliquer un filtre</button> </div> </div> </template> <template id="solution-finder-item"> <a :href="'/' + getCountryUrl(item.url)"> <div class="group block h-full border-2 border-gray-100 hover:border-gray-50 lg:duration-200 lg:ease-in-out lg:transition lg:hover:shadow-machine-item lg:overflow-visible bg-white"> <div class="overflow-hidden"> <img :data-src="$filters.imageService(item.image.filename, '0x240', 'webp')" :alt="item.image_alt" :title="item.image_title" class="w-full h-60 object-cover bg-center lazyload transition-transform duration-500 group-hover:scale-105" width="384" height="240"> </div> <div class="px-5 py-6 text-gray-700 "> <div class="text-xl ">{{ item.title }}</div> <div class="text-sm">{{ item.subtitle }}</div> <div class="text-sm mt-3">{{ item.description }}</div> <div v-if="item.tags && item.tags.length"> <div class="flex flex-wrap mt-5 mb-5 -mx-1"> <div v-for="tag in splitTextByComma(item.tags)"> <button class="tag-main mt-2 mr-2">{{ tag }}</button> </div> </div> </div> </div> </div> </a> </template> <template id="service-contact-content"> <div class="flex justify-center mb-6" v-if="service.areas && service.areas.length > 0"> <div class="relative inline-block"> <select ref="areaList" name="area_list" v-model="selectedArea" class="flex items-center pb-0.5 mx-auto text-sm text-gray-700 border-b border-gray-400 appearance-none pr-8 cursor-pointer !bg-transparent overflow-hidden whitespace-nowrap text-ellipsis max-w-56"> <option v-for="(area, idx) in service.areas" :value="idx">{{ area.title }}</option> </select> <span class="absolute text-gray-700 -translate-y-1/2 pointer-events-none -right-1 top-1/2"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.384 8.753l-1.331 1.331a.35.35 0 000 .495l5.668 5.668a.35.35 0 00.495 0l5.668-5.668a.35.35 0 000-.495l-1.332-1.331-.064-.05a.35.35 0 00-.431.05l-4.089 4.078-4.089-4.079a.35.35 0 00-.495 0z"/></svg> </span> </div> </div> <div class="flex flex-col">  <div v-if="getSupportPhone()" :style="{ 'order': getOrder()[0] }" :class="{ 'mt-7': getOrder()[0] != 1 }"> <p class="text-sm">Service Support 24/7</p> <a :href="'tel:' + getSupportPhone().replaceAll(' ', '')" class="flex items-center py-2 text-xs transition-colors duration-200 ease-in-out hover:text-black" > <span class="mr-1"><svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M4.168 1.55c.262 0 .557.165.933.513.277.257.585.602.89.993.198.256.422.568.625.892.312.5.494.906.494 1.182 0 .358-.19.593-.74.961l-.257.167-.444.276-.142.094a3.29 3.29 0 00-.06.042l-.106.08-.152.132c-.023.02-.035.028-.04.02.599 1.49 2.435 3.327 3.877 3.923.031-.01.096-.061.199-.19l.08-.105.136-.202.315-.507c.413-.656.695-.934 1.09-.934.276 0 .682.181 1.181.493.324.202.632.424.892.625.395.307.74.615.993.89.348.375.513.67.513.933 0 .446-.368 1.082-.86 1.619-.445.485-.959.868-1.489.975l-.133.02-.142.008-.244-.005c-1.07-.043-2.197-.364-3.358-.955-1.15-.585-2.286-1.423-3.285-2.423-.999-1.001-1.836-2.138-2.421-3.29-.636-1.251-.958-2.463-.958-3.604 0-.615.423-1.232.998-1.762.534-.492 1.169-.86 1.615-.86zm.016.786l-.022-.006-.045.005c-.215.039-.641.287-1.035.65-.462.424-.747.884-.747 1.188 0 4.253 5.24 9.497 9.488 9.497.303 0 .763-.287 1.188-.75.393-.429.652-.897.656-1.077-.014-.085-.153-.27-.391-.51l-.174-.17-.202-.182-.227-.192-.253-.201-.242-.18c-.04-.03-.08-.058-.12-.086l-.232-.159-.22-.141a8.012 8.012 0 00-.102-.063l-.19-.11a4.076 4.076 0 00-.164-.087l-.132-.061a.447.447 0 00-.13-.038c-.022.006-.087.059-.19.19l-.096.13-.11.165-.31.497c-.421.672-.71.956-1.116.956a.69.69 0 01-.258-.05c-1.692-.677-3.687-2.672-4.364-4.364-.119-.298-.039-.627.321-.954a1.81 1.81 0 01.131-.11l.154-.114.188-.126.631-.394.152-.102.122-.09.093-.08.094-.09a.646.646 0 00-.064-.204l-.074-.153-.098-.18a6.471 6.471 0 00-.058-.098l-.131-.212-.15-.227-.167-.237-.18-.242-.2-.252-.194-.228a8.035 8.035 0 00-.182-.201l-.168-.174a4.55 4.55 0 00-.152-.144l-.133-.112a.87.87 0 00-.195-.127z" stroke="currentColor" stroke-width=".4" fill="currentColor"/></svg></span> {{ getSupportPhone() }} </a> <p class="text-xs text-gray-600">Les frais de la hotline ENGEL varient en fonction du pays. <a href="https://www.engelglobal.com/engel-locations-worldwide" target="_blank" class="tw-underline-link">Détails</a></p> </div>  <div v-if="getTechnicalCustomerServicePhone() || getTechnicalCustomerServiceEmail()" :style="{ 'order': getOrder()[1] }" :class="{ 'mt-7': getOrder()[1] != 1 && getSupportPhone() }" > <p class="text-sm">Service technique après-vente</p> <a v-if="getTechnicalCustomerServicePhone()" :href="'tel:' + getTechnicalCustomerServicePhone().replaceAll(' ', '')" class="flex items-center py-2 text-xs transition-colors duration-200 ease-in-out hover:text-black" > <span class="mr-1"><svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M4.168 1.55c.262 0 .557.165.933.513.277.257.585.602.89.993.198.256.422.568.625.892.312.5.494.906.494 1.182 0 .358-.19.593-.74.961l-.257.167-.444.276-.142.094a3.29 3.29 0 00-.06.042l-.106.08-.152.132c-.023.02-.035.028-.04.02.599 1.49 2.435 3.327 3.877 3.923.031-.01.096-.061.199-.19l.08-.105.136-.202.315-.507c.413-.656.695-.934 1.09-.934.276 0 .682.181 1.181.493.324.202.632.424.892.625.395.307.74.615.993.89.348.375.513.67.513.933 0 .446-.368 1.082-.86 1.619-.445.485-.959.868-1.489.975l-.133.02-.142.008-.244-.005c-1.07-.043-2.197-.364-3.358-.955-1.15-.585-2.286-1.423-3.285-2.423-.999-1.001-1.836-2.138-2.421-3.29-.636-1.251-.958-2.463-.958-3.604 0-.615.423-1.232.998-1.762.534-.492 1.169-.86 1.615-.86zm.016.786l-.022-.006-.045.005c-.215.039-.641.287-1.035.65-.462.424-.747.884-.747 1.188 0 4.253 5.24 9.497 9.488 9.497.303 0 .763-.287 1.188-.75.393-.429.652-.897.656-1.077-.014-.085-.153-.27-.391-.51l-.174-.17-.202-.182-.227-.192-.253-.201-.242-.18c-.04-.03-.08-.058-.12-.086l-.232-.159-.22-.141a8.012 8.012 0 00-.102-.063l-.19-.11a4.076 4.076 0 00-.164-.087l-.132-.061a.447.447 0 00-.13-.038c-.022.006-.087.059-.19.19l-.096.13-.11.165-.31.497c-.421.672-.71.956-1.116.956a.69.69 0 01-.258-.05c-1.692-.677-3.687-2.672-4.364-4.364-.119-.298-.039-.627.321-.954a1.81 1.81 0 01.131-.11l.154-.114.188-.126.631-.394.152-.102.122-.09.093-.08.094-.09a.646.646 0 00-.064-.204l-.074-.153-.098-.18a6.471 6.471 0 00-.058-.098l-.131-.212-.15-.227-.167-.237-.18-.242-.2-.252-.194-.228a8.035 8.035 0 00-.182-.201l-.168-.174a4.55 4.55 0 00-.152-.144l-.133-.112a.87.87 0 00-.195-.127z" stroke="currentColor" stroke-width=".4" fill="currentColor"/></svg></span> {{ getTechnicalCustomerServicePhone() }} </a> <div v-if="getTechnicalCustomerServiceEmail()" class="flex items-center text-xs transition-colors duration-200 ease-in-out hover:text-black"> <span class="mr-1"><svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8 1.672l-6.328 3.56v7.514c0 .437.155.81.464 1.118.309.31.681.464 1.118.464h9.492c.437 0 .81-.155 1.118-.464a1.52 1.52 0 00.464-1.118V5.232L8 1.672zM2.463 12.746v-6.18l3.584 2.855L2.5 12.968a4.111 4.111 0 01-.025-.105.54.54 0 01-.012-.117zm.618.766L6.715 9.88 8 10.77l1.285-.89 3.634 3.633c-.008.008-.525.013-1.551.013h-6.73c-1.021 0-1.54-.005-1.557-.013zm10.456-.766a.54.54 0 01-.012.117 4.111 4.111 0 01-.025.105L9.953 9.421l3.584-2.855v6.18zM8 9.842L2.463 5.627l5.525-3.028 5.549 3.028L8 9.842z" stroke="currentColor" stroke-width=".2" fill="currentColor"/></svg></span> <a :href="'mailto:' + getTechnicalCustomerServiceEmail()"> {{ getTechnicalCustomerServiceEmail() }} </a> </div> </div>  <div v-if="getPartsDistributionPhone() || getPartsDistributionEmail()" :style="{ 'order': getOrder()[2] }" :class="{ 'mt-7': getOrder()[2] != 1 && getTechnicalCustomerServicePhone() || getTechnicalCustomerServiceEmail() }"> <p class="text-sm">Service de pièces détachées</p> <a v-if="getPartsDistributionPhone()" :href="'tel:' + getPartsDistributionPhone().replaceAll(' ', '')" class="flex items-center py-2 text-xs transition-colors duration-200 ease-in-out hover:text-black" > <span class="mr-1"><svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M4.168 1.55c.262 0 .557.165.933.513.277.257.585.602.89.993.198.256.422.568.625.892.312.5.494.906.494 1.182 0 .358-.19.593-.74.961l-.257.167-.444.276-.142.094a3.29 3.29 0 00-.06.042l-.106.08-.152.132c-.023.02-.035.028-.04.02.599 1.49 2.435 3.327 3.877 3.923.031-.01.096-.061.199-.19l.08-.105.136-.202.315-.507c.413-.656.695-.934 1.09-.934.276 0 .682.181 1.181.493.324.202.632.424.892.625.395.307.74.615.993.89.348.375.513.67.513.933 0 .446-.368 1.082-.86 1.619-.445.485-.959.868-1.489.975l-.133.02-.142.008-.244-.005c-1.07-.043-2.197-.364-3.358-.955-1.15-.585-2.286-1.423-3.285-2.423-.999-1.001-1.836-2.138-2.421-3.29-.636-1.251-.958-2.463-.958-3.604 0-.615.423-1.232.998-1.762.534-.492 1.169-.86 1.615-.86zm.016.786l-.022-.006-.045.005c-.215.039-.641.287-1.035.65-.462.424-.747.884-.747 1.188 0 4.253 5.24 9.497 9.488 9.497.303 0 .763-.287 1.188-.75.393-.429.652-.897.656-1.077-.014-.085-.153-.27-.391-.51l-.174-.17-.202-.182-.227-.192-.253-.201-.242-.18c-.04-.03-.08-.058-.12-.086l-.232-.159-.22-.141a8.012 8.012 0 00-.102-.063l-.19-.11a4.076 4.076 0 00-.164-.087l-.132-.061a.447.447 0 00-.13-.038c-.022.006-.087.059-.19.19l-.096.13-.11.165-.31.497c-.421.672-.71.956-1.116.956a.69.69 0 01-.258-.05c-1.692-.677-3.687-2.672-4.364-4.364-.119-.298-.039-.627.321-.954a1.81 1.81 0 01.131-.11l.154-.114.188-.126.631-.394.152-.102.122-.09.093-.08.094-.09a.646.646 0 00-.064-.204l-.074-.153-.098-.18a6.471 6.471 0 00-.058-.098l-.131-.212-.15-.227-.167-.237-.18-.242-.2-.252-.194-.228a8.035 8.035 0 00-.182-.201l-.168-.174a4.55 4.55 0 00-.152-.144l-.133-.112a.87.87 0 00-.195-.127z" stroke="currentColor" stroke-width=".4" fill="currentColor"/></svg></span> {{ getPartsDistributionPhone() }} </a> <div class="flex items-center text-xs transition-colors duration-200 ease-in-out hover:text-black"> <span v-if="getPartsDistributionEmail()" class="mr-1"><svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8 1.672l-6.328 3.56v7.514c0 .437.155.81.464 1.118.309.31.681.464 1.118.464h9.492c.437 0 .81-.155 1.118-.464a1.52 1.52 0 00.464-1.118V5.232L8 1.672zM2.463 12.746v-6.18l3.584 2.855L2.5 12.968a4.111 4.111 0 01-.025-.105.54.54 0 01-.012-.117zm.618.766L6.715 9.88 8 10.77l1.285-.89 3.634 3.633c-.008.008-.525.013-1.551.013h-6.73c-1.021 0-1.54-.005-1.557-.013zm10.456-.766a.54.54 0 01-.012.117 4.111 4.111 0 01-.025.105L9.953 9.421l3.584-2.855v6.18zM8 9.842L2.463 5.627l5.525-3.028 5.549 3.028L8 9.842z" stroke="currentColor" stroke-width=".2" fill="currentColor"/></svg></span> <a v-if="getPartsDistributionEmail()" :href="'mailto:' + getPartsDistributionEmail()" > {{ getPartsDistributionEmail() }} </a> </div> </div> </div> </template> <template id="sales-contact-content"> <div class="mx-auto mt-4 mb-4 text-center lg:mb-4 sales-contact-content"> <picture class="block w-24 h-24 mx-auto mb-3 overflow-hidden rounded-full lg:w-20 lg:h-20 sm:mb-4 sm:w-24 sm:h-24 relative"> <div v-if="isLoadingContactPerson || isLoadingServiceContact" class="absolute inset-0 flex items-center justify-center"> <div class="w-4 h-4 mr-2 animate-spin"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><circle opacity=".25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/><path opacity=".75" fill="currentColor" d="M4 12a8 8 0 018-8V0A12 12 0 000 12h4zm2 5.3A7.96 7.96 0 014 12H0c0 3.04 1.14 5.82 3 7.94l3-2.65z"/></svg> </div> </div> <img class="object-cover w-full h-full transition-opacity duration-300 lazyload rounded-full" :class="{ 'opacity-50': isLoadingContactPerson || isLoadingServiceContact }" :data-src="$filters.imageService(contact.content.image.filename, '160x160', 'webp')" :alt="contact.content.image.alt" width="80" height="80" > </picture> <p class="text-lg font-medium text-gray-700 lg:text-base">{{ contact.content.firstname }} {{ contact.content.lastname }}</p> <p v-if="contact.content.position" class="my-1 text-sm text-gray-700">{{ getLabel(contact.content.position) }}</p> <a v-if="contact.content.phone" :href="'tel:' + contact.content.phone.replaceAll(' ', '')" class="inline-flex items-center justify-center px-5 py-2 mt-4 text-xs tracking-wide text-gray-700 transition-colors duration-200 ease-in-out bg-white border-2 border-gray-200 rounded-sm lg:text-sm hover:text-black lg:border-0 lg:mt-0 lg:py-0" > <span class="hidden mr-1 lg:block"><svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M4.168 1.55c.262 0 .557.165.933.513.277.257.585.602.89.993.198.256.422.568.625.892.312.5.494.906.494 1.182 0 .358-.19.593-.74.961l-.257.167-.444.276-.142.094a3.29 3.29 0 00-.06.042l-.106.08-.152.132c-.023.02-.035.028-.04.02.599 1.49 2.435 3.327 3.877 3.923.031-.01.096-.061.199-.19l.08-.105.136-.202.315-.507c.413-.656.695-.934 1.09-.934.276 0 .682.181 1.181.493.324.202.632.424.892.625.395.307.74.615.993.89.348.375.513.67.513.933 0 .446-.368 1.082-.86 1.619-.445.485-.959.868-1.489.975l-.133.02-.142.008-.244-.005c-1.07-.043-2.197-.364-3.358-.955-1.15-.585-2.286-1.423-3.285-2.423-.999-1.001-1.836-2.138-2.421-3.29-.636-1.251-.958-2.463-.958-3.604 0-.615.423-1.232.998-1.762.534-.492 1.169-.86 1.615-.86zm.016.786l-.022-.006-.045.005c-.215.039-.641.287-1.035.65-.462.424-.747.884-.747 1.188 0 4.253 5.24 9.497 9.488 9.497.303 0 .763-.287 1.188-.75.393-.429.652-.897.656-1.077-.014-.085-.153-.27-.391-.51l-.174-.17-.202-.182-.227-.192-.253-.201-.242-.18c-.04-.03-.08-.058-.12-.086l-.232-.159-.22-.141a8.012 8.012 0 00-.102-.063l-.19-.11a4.076 4.076 0 00-.164-.087l-.132-.061a.447.447 0 00-.13-.038c-.022.006-.087.059-.19.19l-.096.13-.11.165-.31.497c-.421.672-.71.956-1.116.956a.69.69 0 01-.258-.05c-1.692-.677-3.687-2.672-4.364-4.364-.119-.298-.039-.627.321-.954a1.81 1.81 0 01.131-.11l.154-.114.188-.126.631-.394.152-.102.122-.09.093-.08.094-.09a.646.646 0 00-.064-.204l-.074-.153-.098-.18a6.471 6.471 0 00-.058-.098l-.131-.212-.15-.227-.167-.237-.18-.242-.2-.252-.194-.228a8.035 8.035 0 00-.182-.201l-.168-.174a4.55 4.55 0 00-.152-.144l-.133-.112a.87.87 0 00-.195-.127z" stroke="currentColor" stroke-width=".4" fill="currentColor"/></svg></span> <span class="mr-2 lg:hidden"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.587 2.9c.37 0 .785.232 1.317.723.39.363.826.85 1.255 1.402.28.36.596.8.882 1.258.44.705.696 1.278.696 1.667 0 .506-.267.838-1.042 1.357l-.364.235-.626.39-.2.132-.085.06-.15.114-.214.185c-.032.028-.05.039-.055.027.843 2.104 3.434 4.695 5.469 5.536.044-.015.134-.087.28-.268l.113-.149.192-.285.445-.715c.582-.925.98-1.318 1.537-1.318.39 0 .963.256 1.667.696.457.285.892.598 1.259.882a11.91 11.91 0 011.4 1.256c.492.53.724.946.724 1.316 0 .63-.519 1.526-1.213 2.284-.628.684-1.353 1.225-2.1 1.376l-.188.029-.201.01-.344-.007c-1.509-.06-3.1-.513-4.738-1.347-1.623-.826-3.225-2.008-4.635-3.42-1.41-1.411-2.59-3.015-3.416-4.64C3.355 9.92 2.9 8.21 2.9 6.6c0-.867.598-1.738 1.408-2.486.754-.694 1.65-1.214 2.28-1.214zm.023 1.11L6.579 4l-.064.007c-.303.055-.905.405-1.46.916C4.403 5.523 4 6.172 4 6.6c0 6 7.393 13.4 13.387 13.4.427 0 1.076-.405 1.676-1.06.555-.603.92-1.264.926-1.518-.02-.12-.216-.38-.553-.72l-.245-.238-.284-.257-.322-.272-.356-.284-.342-.255a15.046 15.046 0 00-.168-.12l-.328-.224-.31-.2-.145-.088-.267-.156a5.75 5.75 0 00-.231-.122l-.187-.086a.63.63 0 00-.182-.054c-.033.01-.124.083-.27.268l-.135.184-.155.233-.437.701c-.595.948-1.002 1.349-1.575 1.349a.972.972 0 01-.364-.071c-2.388-.956-5.202-3.77-6.157-6.157-.168-.421-.055-.885.452-1.346.059-.053.12-.104.186-.156l.217-.16.265-.178.89-.556.214-.144.172-.127.133-.111.131-.13a.912.912 0 00-.09-.286l-.104-.216-.139-.254a9.13 9.13 0 00-.081-.14l-.186-.298-.211-.32-.235-.334-.255-.341-.283-.356-.272-.321a11.337 11.337 0 00-.257-.285l-.237-.244a6.42 6.42 0 00-.215-.204l-.187-.159a1.227 1.227 0 00-.275-.178z"/></svg></span> <span class="font-bold lg:font-normal">{{ contact.content.phone }}</span> </a> </div> <div v-if="contact.content.position" class="flex justify-center mb-6" @click="openContactOverlay(contact.content, getLabel(contact.content.position))" > <a class=" tw-button tw-button-primary " href="#" title="Envoyer la demande" data-prevent-inner-obfuscation> <span class="mr-2 -ml-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 3L3 8.063V18.75c0 .621.22 1.151.66 1.59.439.44.969.66 1.59.66h13.5c.621 0 1.151-.22 1.59-.66.44-.439.66-.969.66-1.59V8.063L12 3zM4.125 18.75V9.96l5.098 4.061-5.045 5.045a5.847 5.847 0 01-.035-.149.768.768 0 01-.018-.167zm.879 1.09l5.168-5.168L12 15.937l1.828-1.265 5.168 5.168c-.012.012-.747.017-2.206.017H7.219c-1.453 0-2.192-.005-2.215-.017zm14.871-1.09a.768.768 0 01-.018.167 5.847 5.847 0 01-.035.15l-5.045-5.046 5.098-4.06v8.789zM12 14.62L4.125 8.624l7.857-4.307 7.893 4.307L12 14.619z"/></svg></span> <span class="mt-px leading-tight">Envoyer une demande</span> </a> </div> <div class="text-center"> <a href="/fr/fr/enterprise/sites" class="w-auto lg:text-xs text-sm tw-underline-link"> <span>Afficher tous les contacts dans le monde</span> </a> </div> </template> <template id="tooltip-vue"> <span class="flex align-middle tooltip-wrapper"> <button :aria-describedby="`tooltip-${id}`" class="tooltip__button" ref="button" @mouseenter="show" @focus="show" @mouseleave="hideAfterAWhile" @blur="hide" > <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <g fill="none" transform="translate(1.5 1.5)"></g> <path d="M10 18.75C8.41333 18.75 6.94334 18.3533 5.59 17.56C4.27166 16.7783 3.22167 15.7283 2.44 14.41C1.64666 13.0567 1.25 11.5867 1.25 10C1.25 8.41333 1.64666 6.94334 2.44 5.59C3.22167 4.27166 4.27166 3.22167 5.59 2.44C6.94334 1.64666 8.41333 1.25 10 1.25C11.5867 1.25 13.0567 1.64666 14.41 2.44C15.7283 3.22167 16.7783 4.27166 17.56 5.59C18.3533 6.94334 18.75 8.41333 18.75 10C18.75 11.5867 18.3533 13.0567 17.56 14.41C16.7783 15.7283 15.7283 16.7783 14.41 17.56C13.0567 18.3533 11.5867 18.75 10 18.75Z" fill="#D8D8D8" /> <path d="M10.875 5.625H9.125V7.375H10.875V5.625ZM10.875 9.12501H9.125V14.375H10.875V9.12501Z" fill="#353535" /> </g> </svg> </button> <span :id="`tooltip-${id}`" role="tooltip" ref="tooltip" class="absolute p-3 text-xs text-gray-600 font-normal rounded-sm tooltip shadow-tooltip bg-white text-left" > {{ text }} <span class="tooltip__arrow" ref="arrow"></span> </span> </span> </template> <template id="modal"> <Transition name="modal-fade"> <div v-show="showing" class="fixed inset-0 z-60 flex items-center justify-center w-screen h-screen bg-smoke" @click.self="close" v-cloak > <div class="relative flex w-full h-fit lg:min-h-112 max-w-3xl xl:max-w-6xl"> <div class="w-full max-h-screen overflow-auto bg-black"> <slot></slot> </div> <button aria-label="close" @click.prevent="close" class="absolute top-0 right-0 p-2 mt-5 mr-5 text-xl transition-shadow bg-white bounds-shadow-bottom-strong focus:outline-none"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3.503 4.773l-.05.064a.35.35 0 00.05.431l6.481 6.482-6.481 6.482a.35.35 0 000 .495l1.27 1.27.064.05a.35.35 0 00.431-.05l6.482-6.481 6.482 6.481a.35.35 0 00.495 0l1.27-1.27.05-.064a.35.35 0 00-.05-.431l-6.481-6.482 6.481-6.482a.35.35 0 000-.495l-1.27-1.27-.064-.05a.35.35 0 00-.431.05L11.75 9.984 5.268 3.503a.35.35 0 00-.495 0l-1.27 1.27z"/></svg> </button> </div> </div> </Transition> </template> <template id="video-playback"> <div v-if="!cookiesAccepted && (isYoutubeVideo() || isVimeoVideo() || isYoukuVideo())" class="text-white"> <accept-cookies></accept-cookies> </div> <iframe v-else-if="isYoutubeVideo()" class="w-full aspect-video video-playback-iframe lg:h-full snap-none" :src="getYoutubeVideoUrl()" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen ></iframe> <iframe v-else-if="isVimeoVideo()" class="w-full aspect-video video-playback-iframe lg:h-full snap-none" :src="getVimeoVideoUrl()" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen ></iframe> <iframe v-else-if="isYoukuVideo()" class="w-full aspect-video video-playback-iframe lg:h-full snap-none" :src="getYoukuVideoUrl()" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen ></iframe> <video v-else controls ref="video" class="w-full aspect-video lg:h-full video-hide-download-button" autoplay > <source :src="url" type="video/mp4"> </video> </template> <script type="text/javascript"> var AVAILABLE_DIRECTORIES = [{"directory":"pt\/br","lang":"pt","hreflang":"pt-BR"},{"directory":"cs\/cz","lang":"cs","hreflang":"cs-CZ"},{"directory":"da\/dk","lang":"da","hreflang":"da-DK"},{"directory":"de","lang":"de","hreflang":"de"},{"directory":"de\/at","lang":"de","hreflang":"de-AT"},{"directory":"de\/ch","lang":"de","hreflang":"de-CH"},{"directory":"de\/de","lang":"de","hreflang":"de-DE"},{"directory":"en","lang":"en","hreflang":"en"},{"directory":"en\/ca","lang":"us","hreflang":"en-CA"},{"directory":"en\/gb","lang":"en","hreflang":"en-GB"},{"directory":"hu\/hu","lang":"hu","hreflang":"hu-HU"},{"directory":"es","lang":"es","hreflang":"es"},{"directory":"es\/mx","lang":"es","hreflang":"es-MX"},{"directory":"fr","lang":"fr","hreflang":"fr"},{"directory":"fr\/fr","lang":"fr","hreflang":"fr-FR"},{"directory":"hi\/in","lang":"hi","hreflang":"hi-IN"},{"directory":"it\/it","lang":"it","hreflang":"it-IT"},{"directory":"ja\/jp","lang":"ja","hreflang":"ja-JP"},{"directory":"ko\/kr","lang":"ko","hreflang":"ko-KR"},{"directory":"nl\/nl","lang":"nl","hreflang":"nl-NL"},{"directory":"pl\/pl","lang":"pl","hreflang":"pl-PL"},{"directory":"ru\/ru","lang":"ru","hreflang":"ru-RU"},{"directory":"th\/th","lang":"th","hreflang":"th-TH"},{"directory":"tr\/tr","lang":"tr","hreflang":"tr-TR"},{"directory":"en\/us","lang":"us","hreflang":"en-US"},{"directory":"zh\/cn","lang":"zh","hreflang":"zh-CN"}]; var CURRENT_HREFLANG = "fr-FR"; var AVAILABLE_DIRECTORIES = [{"directory":"pt\/br","lang":"pt","hreflang":"pt-BR"},{"directory":"cs\/cz","lang":"cs","hreflang":"cs-CZ"},{"directory":"da\/dk","lang":"da","hreflang":"da-DK"},{"directory":"de","lang":"de","hreflang":"de"},{"directory":"de\/at","lang":"de","hreflang":"de-AT"},{"directory":"de\/ch","lang":"de","hreflang":"de-CH"},{"directory":"de\/de","lang":"de","hreflang":"de-DE"},{"directory":"en","lang":"en","hreflang":"en"},{"directory":"en\/ca","lang":"us","hreflang":"en-CA"},{"directory":"en\/gb","lang":"en","hreflang":"en-GB"},{"directory":"hu\/hu","lang":"hu","hreflang":"hu-HU"},{"directory":"es","lang":"es","hreflang":"es"},{"directory":"es\/mx","lang":"es","hreflang":"es-MX"},{"directory":"fr","lang":"fr","hreflang":"fr"},{"directory":"fr\/fr","lang":"fr","hreflang":"fr-FR"},{"directory":"hi\/in","lang":"hi","hreflang":"hi-IN"},{"directory":"it\/it","lang":"it","hreflang":"it-IT"},{"directory":"ja\/jp","lang":"ja","hreflang":"ja-JP"},{"directory":"ko\/kr","lang":"ko","hreflang":"ko-KR"},{"directory":"nl\/nl","lang":"nl","hreflang":"nl-NL"},{"directory":"pl\/pl","lang":"pl","hreflang":"pl-PL"},{"directory":"ru\/ru","lang":"ru","hreflang":"ru-RU"},{"directory":"th\/th","lang":"th","hreflang":"th-TH"},{"directory":"tr\/tr","lang":"tr","hreflang":"tr-TR"},{"directory":"en\/us","lang":"us","hreflang":"en-US"},{"directory":"zh\/cn","lang":"zh","hreflang":"zh-CN"}]; var CURRENT_HREFLANG = "fr-FR"; </script> <script type="text/javascript" src="/scripts/main.js?version=152185" defer></script> <template id="labels"> {"service_employee":"Employé de service","sales_employee":"Employé de vente","marketing":"Directeur Marketing","moulding_industry_business_advisor":"Conseiller commercial pour l'industrie de la plasturgie","head_of_office":"Chef du bureau","managing-director":"Directeur Général","sales-manager":"Directeur des ventes","ceo":"Président","commercial-director":"Directeur commercial","internal-sales":"Ventes internes","president_of_sales_and_after_sales":"Président des ventes et de l'après-vente","sales_director":"Directeur des ventes","representative_director":"Représentant Directeur","sales_operations_manager":"Directeur des opérations de vente","support":"Support","pr-manager":"Responsable des Relations Publiques","group-com":"Responsable de la communication institutionnelle"} </template> <script type="text/javascript"> /* FONT INDEXED DB load fonts into indexedDB if they aren't saved there yet and load fonts from indexedDB into style tag use indexedDB because the fonts string for china is too long for localStorage */ const indexedDB = window.indexedDB || window.mozIndexDB || window.webkitIndexedDB || window.msIndexedDB || window.shimIndexedDB; (function(ls, x) { try { const fontversion = 1; const request = window.indexedDB.open(fontcachename, fontversion); request.onerror = (event) => { // Generic error handler for all errors targeted at this database's requests! console.error(`Database error: ${event.target.errorCode}`); }; request.onupgradeneeded = function () { const db = request.result; const store = db.createObjectStore("fonts", { keyPath: "id" }); store.createIndex("fontType", ["fontType"], { unique: false }); }; request.onsuccess = function () { const db = request.result; const transaction = db.transaction("fonts", "readwrite"); const store = transaction.objectStore("fonts"); const fontTypeIndex = store.index("fontType"); // would also be possible to create language index const fontSansQuery = fontTypeIndex.get(["font-sans"]); fontSansQuery.onsuccess = function () { if(fontSansQuery.result === undefined) { // -- load font-sans INTO indexedDB const h = new x(); h.open('GET', '/styles/fonts.css?version=152185' ); h.send(); h.onload = function() { addStyles(this.responseText); const db = request.result; const transaction = db.transaction("fonts", "readwrite"); const store = transaction.objectStore("fonts"); const putRequest = store.put({ id: 1, fontType: "font-sans", fontVersion: fontversion, language: "all", content: this.responseText, }); putRequest.onsuccess = function() { const fontSansQuery = store.get(1); fontSansQuery.onsuccess = function () { const fontSans = fontSansQuery.result.content; }; }; putRequest.onerror = function() { console.error('font not added', event.target.error); }; } } else { // -- load font-sans from indexedDB into style Tag const fontSans = fontSansQuery.result; // if fontversion from query !== fontVersion from now, remove it. else, add to styles if(fontSans.fontVersion !== fontversion) { store.delete(1); } else { addStyles(fontSans.content); } } }; if(isChina) { const fontSansZhQuery = fontTypeIndex.get(["font-sans-zh"]); fontSansZhQuery.onsuccess = function () { if(fontSansZhQuery.result === undefined) { // -- load font-sans-zh INTO indexedDB const j = new x(); j.open('GET', '/styles/fonts-zh.css?version=152185' ); j.send(); j.onload = function() { addStyles(this.responseText); const db = request.result; const transaction = db.transaction("fonts", "readwrite"); const store = transaction.objectStore("fonts"); const putRequest = store.put({ id: 2, fontType: "font-sans-zh", fontVersion: fontversion, language: "zh", content: this.responseText, }); putRequest.onsuccess = function() { const fontSansZhQuery = store.get(2); fontSansZhQuery.onsuccess = function () { const fontSansZh = fontSansZhQuery.result.content; }; }; putRequest.onerror = function() { console.error('font not added', event.target.error); }; } } else { // -- load font-sans-zh from indexedDB into style Tag const fontSansZh = fontSansZhQuery.result; // if fontversion from query !== fontVersion from now, remove it. else, add to styles if(fontSansZh.fontVersion !== fontversion) { store.delete(2); } else { addStyles(fontSansZh.content); } } }; } } } catch(e) { console.error(e); } })(window.localStorage, XMLHttpRequest); </script> <script> window.dataLayer = window.dataLayer || []; </script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'}); const f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != "dataLayer" ? "&l=" + l : "";j.defer=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-M4LVL5V');</script>   <div class="old-browser old-browser--hidden" id="oldBrowser"> <div class="old-browser__wrapper"> <h2 class="old-browser__title">Votre navigateur est obsolète.</h2> <p class="text-sm mb-7">Internet Explorer n'est plus supporté. Veuillez utiliser un navigateur plus récent afin de pouvoir exploiter pleinement le site.</p> <button aria-label="close" onclick="closeOldBrowserOverlay()" class="absolute top-0 right-0 p-2 mt-5 mr-5 text-xl bg-white focus:outline-none"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3.503 4.773l-.05.064a.35.35 0 00.05.431l6.481 6.482-6.481 6.482a.35.35 0 000 .495l1.27 1.27.064.05a.35.35 0 00.431-.05l6.482-6.481 6.482 6.481a.35.35 0 00.495 0l1.27-1.27.05-.064a.35.35 0 00-.05-.431l-6.481-6.482 6.481-6.482a.35.35 0 000-.495l-1.27-1.27-.064-.05a.35.35 0 00-.431.05L11.75 9.984 5.268 3.503a.35.35 0 00-.495 0l-1.27 1.27z"/></svg> </button> <div class="flex justify-center"> <div class="flex flex-col items-center old-browser__item"> <a href="https://www.mozilla.org/de/firefox/new/" target="_blank"> <img class="w-14 h-14 lazyload" data-src="/images/browsers/Firefox.webp" alt="Firefox Logo" width="56" height="56"> </a> <a href="https://www.mozilla.org/de/firefox/new/" class="pt-2 tw-link-small" target="_blank"> <span>Firefox</span> <span class="ml-2 text-gray-700 fill-current"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.17 11.754a.808.808 0 00-.597.232.81.81 0 00-.231.599v4.943a.83.83 0 01-.222.599.776.776 0 01-.588.232H5.468a.776.776 0 01-.588-.232.83.83 0 01-.222-.599V8.472c0-.258.074-.46.222-.609.148-.148.344-.222.588-.222h4.937c.257 0 .46-.074.607-.222.148-.148.222-.35.222-.608 0-.245-.074-.44-.222-.589-.147-.148-.35-.222-.607-.222H5.468c-.694 0-1.279.235-1.755.705C3.238 7.175 3 7.764 3 8.472v9.056c0 .695.238 1.281.713 1.758.476.476 1.061.714 1.755.714h9.064c.694 0 1.279-.238 1.755-.714.475-.477.713-1.063.713-1.758v-4.943a.81.81 0 00-.231-.599.808.808 0 00-.598-.232zm3.73-7.258a.933.933 0 00-.177-.238.932.932 0 00-.238-.179.263.263 0 00-.169-.07A1.993 1.993 0 0019.148 4h-5.074a.85.85 0 00-.615.228c-.158.153-.237.354-.237.606 0 .265.079.473.237.625a.85.85 0 00.615.229h3.052L9.258 13.57a.819.819 0 000 1.192.8.8 0 00.257.178.85.85 0 00.337.06c.12 0 .225-.02.317-.06a1.11 1.11 0 00.278-.178l7.848-7.883v3.038c0 .265.08.473.238.625a.85.85 0 00.615.229.85.85 0 00.614-.229c.159-.152.238-.36.238-.625V4.834c0-.04-.003-.096-.01-.169a.226.226 0 00-.09-.169z"/></svg></span> </a> </div> <div class="flex flex-col items-center old-browser__item"> <a href="https://www.google.de/chrome/" target="_blank"> <img class="w-14 h-14 lazyload" data-src="/images/browsers/Chrome.webp" alt="Chrome Logo" width="56" height="56"> </a> <a href="https://www.google.de/chrome/" class="pt-2 tw-link-small" target="_blank"> <span>Chrome</span> <span class="ml-2 text-gray-700 fill-current"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.17 11.754a.808.808 0 00-.597.232.81.81 0 00-.231.599v4.943a.83.83 0 01-.222.599.776.776 0 01-.588.232H5.468a.776.776 0 01-.588-.232.83.83 0 01-.222-.599V8.472c0-.258.074-.46.222-.609.148-.148.344-.222.588-.222h4.937c.257 0 .46-.074.607-.222.148-.148.222-.35.222-.608 0-.245-.074-.44-.222-.589-.147-.148-.35-.222-.607-.222H5.468c-.694 0-1.279.235-1.755.705C3.238 7.175 3 7.764 3 8.472v9.056c0 .695.238 1.281.713 1.758.476.476 1.061.714 1.755.714h9.064c.694 0 1.279-.238 1.755-.714.475-.477.713-1.063.713-1.758v-4.943a.81.81 0 00-.231-.599.808.808 0 00-.598-.232zm3.73-7.258a.933.933 0 00-.177-.238.932.932 0 00-.238-.179.263.263 0 00-.169-.07A1.993 1.993 0 0019.148 4h-5.074a.85.85 0 00-.615.228c-.158.153-.237.354-.237.606 0 .265.079.473.237.625a.85.85 0 00.615.229h3.052L9.258 13.57a.819.819 0 000 1.192.8.8 0 00.257.178.85.85 0 00.337.06c.12 0 .225-.02.317-.06a1.11 1.11 0 00.278-.178l7.848-7.883v3.038c0 .265.08.473.238.625a.85.85 0 00.615.229.85.85 0 00.614-.229c.159-.152.238-.36.238-.625V4.834c0-.04-.003-.096-.01-.169a.226.226 0 00-.09-.169z"/></svg></span> </a> </div> <div class="flex flex-col items-center old-browser__item"> <a href="https://support.apple.com/downloads/safari" target="_blank"> <img class="w-14 h-14 lazyload" data-src="/images/browsers/Safari.webp" alt="Safari Logo" width="56" height="56"> </a> <a href="https://support.apple.com/downloads/safari" class="pt-2 tw-link-small" target="_blank"> <span>Safari</span> <span class="ml-2 text-gray-700 fill-current"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.17 11.754a.808.808 0 00-.597.232.81.81 0 00-.231.599v4.943a.83.83 0 01-.222.599.776.776 0 01-.588.232H5.468a.776.776 0 01-.588-.232.83.83 0 01-.222-.599V8.472c0-.258.074-.46.222-.609.148-.148.344-.222.588-.222h4.937c.257 0 .46-.074.607-.222.148-.148.222-.35.222-.608 0-.245-.074-.44-.222-.589-.147-.148-.35-.222-.607-.222H5.468c-.694 0-1.279.235-1.755.705C3.238 7.175 3 7.764 3 8.472v9.056c0 .695.238 1.281.713 1.758.476.476 1.061.714 1.755.714h9.064c.694 0 1.279-.238 1.755-.714.475-.477.713-1.063.713-1.758v-4.943a.81.81 0 00-.231-.599.808.808 0 00-.598-.232zm3.73-7.258a.933.933 0 00-.177-.238.932.932 0 00-.238-.179.263.263 0 00-.169-.07A1.993 1.993 0 0019.148 4h-5.074a.85.85 0 00-.615.228c-.158.153-.237.354-.237.606 0 .265.079.473.237.625a.85.85 0 00.615.229h3.052L9.258 13.57a.819.819 0 000 1.192.8.8 0 00.257.178.85.85 0 00.337.06c.12 0 .225-.02.317-.06a1.11 1.11 0 00.278-.178l7.848-7.883v3.038c0 .265.08.473.238.625a.85.85 0 00.615.229.85.85 0 00.614-.229c.159-.152.238-.36.238-.625V4.834c0-.04-.003-.096-.01-.169a.226.226 0 00-.09-.169z"/></svg></span> </a> </div> <div class="flex flex-col items-center old-browser__item"> <a href="https://www.microsoft.com/de-de/edge" target="_blank"> <img class="w-14 h-14 lazyload" data-src="/images/browsers/Edge.webp" alt="Edge Logo" width="56" height="56"> </a> <a href="https://www.microsoft.com/de-de/edge" class="pt-2 tw-link-small" target="_blank"> <span>Edge</span> <span class="ml-2 text-gray-700 fill-current"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.17 11.754a.808.808 0 00-.597.232.81.81 0 00-.231.599v4.943a.83.83 0 01-.222.599.776.776 0 01-.588.232H5.468a.776.776 0 01-.588-.232.83.83 0 01-.222-.599V8.472c0-.258.074-.46.222-.609.148-.148.344-.222.588-.222h4.937c.257 0 .46-.074.607-.222.148-.148.222-.35.222-.608 0-.245-.074-.44-.222-.589-.147-.148-.35-.222-.607-.222H5.468c-.694 0-1.279.235-1.755.705C3.238 7.175 3 7.764 3 8.472v9.056c0 .695.238 1.281.713 1.758.476.476 1.061.714 1.755.714h9.064c.694 0 1.279-.238 1.755-.714.475-.477.713-1.063.713-1.758v-4.943a.81.81 0 00-.231-.599.808.808 0 00-.598-.232zm3.73-7.258a.933.933 0 00-.177-.238.932.932 0 00-.238-.179.263.263 0 00-.169-.07A1.993 1.993 0 0019.148 4h-5.074a.85.85 0 00-.615.228c-.158.153-.237.354-.237.606 0 .265.079.473.237.625a.85.85 0 00.615.229h3.052L9.258 13.57a.819.819 0 000 1.192.8.8 0 00.257.178.85.85 0 00.337.06c.12 0 .225-.02.317-.06a1.11 1.11 0 00.278-.178l7.848-7.883v3.038c0 .265.08.473.238.625a.85.85 0 00.615.229.85.85 0 00.614-.229c.159-.152.238-.36.238-.625V4.834c0-.04-.003-.096-.01-.169a.226.226 0 00-.09-.169z"/></svg></span> </a> </div> </div> </div> </div> <script> // check if browser is IE11 if (/Trident\/|MSIE/.test(window.navigator.userAgent)) { const oldBrowserModal = document.getElementById('oldBrowser'); oldBrowserModal.classList.remove('old-browser--hidden'); } function closeOldBrowserOverlay() { const oldBrowserModal = document.getElementById('oldBrowser'); oldBrowserModal.classList.add('old-browser--hidden'); } </script> <div class="old-browser old-browser--hidden" id="oldBrowser"> <div class="old-browser__wrapper"> <h2 class="old-browser__title">Votre navigateur est obsolète.</h2> <p class="text-sm mb-7">Internet Explorer n'est plus supporté. Veuillez utiliser un navigateur plus récent afin de pouvoir exploiter pleinement le site.</p> <button aria-label="close" onclick="closeOldBrowserOverlay()" class="absolute top-0 right-0 p-2 mt-5 mr-5 text-xl bg-white focus:outline-none"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3.503 4.773l-.05.064a.35.35 0 00.05.431l6.481 6.482-6.481 6.482a.35.35 0 000 .495l1.27 1.27.064.05a.35.35 0 00.431-.05l6.482-6.481 6.482 6.481a.35.35 0 00.495 0l1.27-1.27.05-.064a.35.35 0 00-.05-.431l-6.481-6.482 6.481-6.482a.35.35 0 000-.495l-1.27-1.27-.064-.05a.35.35 0 00-.431.05L11.75 9.984 5.268 3.503a.35.35 0 00-.495 0l-1.27 1.27z"/></svg> </button> <div class="flex justify-center"> <div class="flex flex-col items-center old-browser__item"> <a href="https://www.mozilla.org/de/firefox/new/" target="_blank"> <img class="w-14 h-14 lazyload" data-src="/images/browsers/Firefox.webp" alt="Firefox Logo" width="56" height="56"> </a> <a href="https://www.mozilla.org/de/firefox/new/" class="pt-2 tw-link-small" target="_blank"> <span>Firefox</span> <span class="ml-2 text-gray-700 fill-current"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.17 11.754a.808.808 0 00-.597.232.81.81 0 00-.231.599v4.943a.83.83 0 01-.222.599.776.776 0 01-.588.232H5.468a.776.776 0 01-.588-.232.83.83 0 01-.222-.599V8.472c0-.258.074-.46.222-.609.148-.148.344-.222.588-.222h4.937c.257 0 .46-.074.607-.222.148-.148.222-.35.222-.608 0-.245-.074-.44-.222-.589-.147-.148-.35-.222-.607-.222H5.468c-.694 0-1.279.235-1.755.705C3.238 7.175 3 7.764 3 8.472v9.056c0 .695.238 1.281.713 1.758.476.476 1.061.714 1.755.714h9.064c.694 0 1.279-.238 1.755-.714.475-.477.713-1.063.713-1.758v-4.943a.81.81 0 00-.231-.599.808.808 0 00-.598-.232zm3.73-7.258a.933.933 0 00-.177-.238.932.932 0 00-.238-.179.263.263 0 00-.169-.07A1.993 1.993 0 0019.148 4h-5.074a.85.85 0 00-.615.228c-.158.153-.237.354-.237.606 0 .265.079.473.237.625a.85.85 0 00.615.229h3.052L9.258 13.57a.819.819 0 000 1.192.8.8 0 00.257.178.85.85 0 00.337.06c.12 0 .225-.02.317-.06a1.11 1.11 0 00.278-.178l7.848-7.883v3.038c0 .265.08.473.238.625a.85.85 0 00.615.229.85.85 0 00.614-.229c.159-.152.238-.36.238-.625V4.834c0-.04-.003-.096-.01-.169a.226.226 0 00-.09-.169z"/></svg></span> </a> </div> <div class="flex flex-col items-center old-browser__item"> <a href="https://www.google.de/chrome/" target="_blank"> <img class="w-14 h-14 lazyload" data-src="/images/browsers/Chrome.webp" alt="Chrome Logo" width="56" height="56"> </a> <a href="https://www.google.de/chrome/" class="pt-2 tw-link-small" target="_blank"> <span>Chrome</span> <span class="ml-2 text-gray-700 fill-current"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.17 11.754a.808.808 0 00-.597.232.81.81 0 00-.231.599v4.943a.83.83 0 01-.222.599.776.776 0 01-.588.232H5.468a.776.776 0 01-.588-.232.83.83 0 01-.222-.599V8.472c0-.258.074-.46.222-.609.148-.148.344-.222.588-.222h4.937c.257 0 .46-.074.607-.222.148-.148.222-.35.222-.608 0-.245-.074-.44-.222-.589-.147-.148-.35-.222-.607-.222H5.468c-.694 0-1.279.235-1.755.705C3.238 7.175 3 7.764 3 8.472v9.056c0 .695.238 1.281.713 1.758.476.476 1.061.714 1.755.714h9.064c.694 0 1.279-.238 1.755-.714.475-.477.713-1.063.713-1.758v-4.943a.81.81 0 00-.231-.599.808.808 0 00-.598-.232zm3.73-7.258a.933.933 0 00-.177-.238.932.932 0 00-.238-.179.263.263 0 00-.169-.07A1.993 1.993 0 0019.148 4h-5.074a.85.85 0 00-.615.228c-.158.153-.237.354-.237.606 0 .265.079.473.237.625a.85.85 0 00.615.229h3.052L9.258 13.57a.819.819 0 000 1.192.8.8 0 00.257.178.85.85 0 00.337.06c.12 0 .225-.02.317-.06a1.11 1.11 0 00.278-.178l7.848-7.883v3.038c0 .265.08.473.238.625a.85.85 0 00.615.229.85.85 0 00.614-.229c.159-.152.238-.36.238-.625V4.834c0-.04-.003-.096-.01-.169a.226.226 0 00-.09-.169z"/></svg></span> </a> </div> <div class="flex flex-col items-center old-browser__item"> <a href="https://support.apple.com/downloads/safari" target="_blank"> <img class="w-14 h-14 lazyload" data-src="/images/browsers/Safari.webp" alt="Safari Logo" width="56" height="56"> </a> <a href="https://support.apple.com/downloads/safari" class="pt-2 tw-link-small" target="_blank"> <span>Safari</span> <span class="ml-2 text-gray-700 fill-current"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.17 11.754a.808.808 0 00-.597.232.81.81 0 00-.231.599v4.943a.83.83 0 01-.222.599.776.776 0 01-.588.232H5.468a.776.776 0 01-.588-.232.83.83 0 01-.222-.599V8.472c0-.258.074-.46.222-.609.148-.148.344-.222.588-.222h4.937c.257 0 .46-.074.607-.222.148-.148.222-.35.222-.608 0-.245-.074-.44-.222-.589-.147-.148-.35-.222-.607-.222H5.468c-.694 0-1.279.235-1.755.705C3.238 7.175 3 7.764 3 8.472v9.056c0 .695.238 1.281.713 1.758.476.476 1.061.714 1.755.714h9.064c.694 0 1.279-.238 1.755-.714.475-.477.713-1.063.713-1.758v-4.943a.81.81 0 00-.231-.599.808.808 0 00-.598-.232zm3.73-7.258a.933.933 0 00-.177-.238.932.932 0 00-.238-.179.263.263 0 00-.169-.07A1.993 1.993 0 0019.148 4h-5.074a.85.85 0 00-.615.228c-.158.153-.237.354-.237.606 0 .265.079.473.237.625a.85.85 0 00.615.229h3.052L9.258 13.57a.819.819 0 000 1.192.8.8 0 00.257.178.85.85 0 00.337.06c.12 0 .225-.02.317-.06a1.11 1.11 0 00.278-.178l7.848-7.883v3.038c0 .265.08.473.238.625a.85.85 0 00.615.229.85.85 0 00.614-.229c.159-.152.238-.36.238-.625V4.834c0-.04-.003-.096-.01-.169a.226.226 0 00-.09-.169z"/></svg></span> </a> </div> <div class="flex flex-col items-center old-browser__item"> <a href="https://www.microsoft.com/de-de/edge" target="_blank"> <img class="w-14 h-14 lazyload" data-src="/images/browsers/Edge.webp" alt="Edge Logo" width="56" height="56"> </a> <a href="https://www.microsoft.com/de-de/edge" class="pt-2 tw-link-small" target="_blank"> <span>Edge</span> <span class="ml-2 text-gray-700 fill-current"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.17 11.754a.808.808 0 00-.597.232.81.81 0 00-.231.599v4.943a.83.83 0 01-.222.599.776.776 0 01-.588.232H5.468a.776.776 0 01-.588-.232.83.83 0 01-.222-.599V8.472c0-.258.074-.46.222-.609.148-.148.344-.222.588-.222h4.937c.257 0 .46-.074.607-.222.148-.148.222-.35.222-.608 0-.245-.074-.44-.222-.589-.147-.148-.35-.222-.607-.222H5.468c-.694 0-1.279.235-1.755.705C3.238 7.175 3 7.764 3 8.472v9.056c0 .695.238 1.281.713 1.758.476.476 1.061.714 1.755.714h9.064c.694 0 1.279-.238 1.755-.714.475-.477.713-1.063.713-1.758v-4.943a.81.81 0 00-.231-.599.808.808 0 00-.598-.232zm3.73-7.258a.933.933 0 00-.177-.238.932.932 0 00-.238-.179.263.263 0 00-.169-.07A1.993 1.993 0 0019.148 4h-5.074a.85.85 0 00-.615.228c-.158.153-.237.354-.237.606 0 .265.079.473.237.625a.85.85 0 00.615.229h3.052L9.258 13.57a.819.819 0 000 1.192.8.8 0 00.257.178.85.85 0 00.337.06c.12 0 .225-.02.317-.06a1.11 1.11 0 00.278-.178l7.848-7.883v3.038c0 .265.08.473.238.625a.85.85 0 00.615.229.85.85 0 00.614-.229c.159-.152.238-.36.238-.625V4.834c0-.04-.003-.096-.01-.169a.226.226 0 00-.09-.169z"/></svg></span> </a> </div> </div> </div> </div> <script> // check if browser is IE11 if (/Trident\/|MSIE/.test(window.navigator.userAgent)) { const oldBrowserModal = document.getElementById('oldBrowser'); oldBrowserModal.classList.remove('old-browser--hidden'); } function closeOldBrowserOverlay() { const oldBrowserModal = document.getElementById('oldBrowser'); oldBrowserModal.classList.add('old-browser--hidden'); } </script> </body> </html>

CINXE.COM

▷ Conformité et protection des données - ENGEL