CINXE.COM

Insights - Jakala

<!doctype html><html lang="fr"><head> <meta charset="utf-8"> <title>Insights - Jakala</title> <link rel="shortcut icon" href="https://www.jakala.com/hubfs/favicon.ico"> <meta name="description" content="Découvrez-en plus sur Jakala, entreprise internationale de données, d’IA et d’expériences qui stimule la transformation numérique en combinant une touche centrée sur l’humain avec l’analyse de données et la technologie."> <link rel="preload" as="font" href="//26289830.fs1.hubspotusercontent-eu1.net/hubfs/26289830/raw_assets/public/jakala/fonts/Raleway-VariableFont_wght.ttf" type="font/ttf" crossorigin="anonymous"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta property="og:description" content="Découvrez-en plus sur Jakala, entreprise internationale de données, d’IA et d’expériences qui stimule la transformation numérique en combinant une touche centrée sur l’humain avec l’analyse de données et la technologie."> <meta property="og:title" content="Insights - Jakala"> <meta name="twitter:description" content="Découvrez-en plus sur Jakala, entreprise internationale de données, d’IA et d’expériences qui stimule la transformation numérique en combinant une touche centrée sur l’humain avec l’analyse de données et la technologie."> <meta name="twitter:title" content="Insights - Jakala"> <style> a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'›';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px} </style> <link rel="stylesheet" href="https://www.jakala.com/hs-fs/hub/26289830/hub_generated/template_assets/69340800504/1727698524861/jakala/css/main.min.css"> <style> @font-face { font-family: "Raleway"; src: url("https://www.jakala.com/hubfs/raw_assets/public/jakala/fonts/Raleway-VariableFont_wght.ttf") format("truetype-variations"); unicode-range: U+000-5FF; font-weight: 1 999; font-display: swap; } </style> <link rel="stylesheet" href="https://www.jakala.com/hs-fs/hub/26289830/hub_generated/template_assets/69333281752/1685433340842/jakala/css/lib/swiper-bundle.min.css"> <!-- Added by GoogleTagManager integration --> <script> var _hsp = window._hsp = window._hsp || []; window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} var useGoogleConsentModeV2 = true; var waitForUpdateMillis = 1000; var hsLoadGtm = function loadGtm() { if(window._hsGtmLoadOnce) { return; } if (useGoogleConsentModeV2) { gtag('set','developer_id.dZTQ1Zm',true); gtag('consent', 'default', { 'ad_storage': 'denied', 'analytics_storage': 'denied', 'ad_user_data': 'denied', 'ad_personalization': 'denied', 'wait_for_update': waitForUpdateMillis }); _hsp.push(['useGoogleConsentModeV2']) } (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5RDGR49'); window._hsGtmLoadOnce = true; }; _hsp.push(['addPrivacyConsentListener', function(consent){ if(consent.allowed || (consent.categories && consent.categories.analytics)){ hsLoadGtm(); } }]); </script> <!-- /Added by GoogleTagManager integration --> <link rel="canonical" href="https://www.jakala.com/fr/insights"> <meta name="ahrefs-site-verification" content="f7fab31d6241b6eccf9acbb1c4a567a78847ecfbb4f60d5c1e25daa35fabdaf4"> <meta name="google-site-verification" content="AFU2Rk1sIrgVBKDg-cPwKC9ZL_JfKp2U9n6VuEP0FFU"> <meta property="og:url" content="https://www.jakala.com/fr/insights"> <meta name="twitter:card" content="summary"> <meta http-equiv="content-language" content="fr"> <link rel="alternate" hreflang="da" href="https://www.jakala.com/da/insights"> <link rel="alternate" hreflang="de" href="https://www.jakala.com/de/insights"> <link rel="alternate" hreflang="en" href="https://www.jakala.com/insights"> <link rel="alternate" hreflang="en-gb" href="https://www.jakala.com/en-gb/insights"> <link rel="alternate" hreflang="en-us" href="https://www.jakala.com/en-us/insights"> <link rel="alternate" hreflang="es" href="https://www.jakala.com/es/perspectivas"> <link rel="alternate" hreflang="fr" href="https://www.jakala.com/fr/insights"> <link rel="alternate" hreflang="it" href="https://www.jakala.com/it/insights"> <link rel="alternate" hreflang="pt" href="https://www.jakala.com/pt/ideias"> <meta name="generator" content="HubSpot"></head> <body class="overflow-x-clip"> <!-- Added by GoogleTagManager integration --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5RDGR49" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- /Added by GoogleTagManager integration --> <div class=" hs-content-id-80142570965 hs-site-page page "> <div data-global-resource-path="jakala/templates/partials/header.html"> <header class="js-header hs-search-hidden w-full relative z-50 text-[17px]"> <div class="absolute top-0 left-0 w-full flex items-center justify-center pointer-events-none z-50 min-h-[59px] lg:min-h-[95px]"> <a href="#main-content" class="transition left-0 bg-white text-black absolute p-3 m-3 -translate-y-16 focus:translate-y-0">Skip to content</a> <div class="max-w-[160px] lg:py-[34px] pt-[12px] max-lg:w-[130px] pointer-events-auto [&amp;_svg]:w-full"> <div id="hs_cos_wrapper_logo-header" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <div> <a class="" href="https://www.jakala.com/fr/" aria-label="Jakala Homepage"> <svg class="[&amp;_*]:transition-colors" width="160px" height="42px" viewbox="0 0 160 42" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <defs> <polygon id="path-1" points="0 0 7.2294138 0 7.2294138 30.0986948 0 30.0986948"></polygon> </defs> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&amp;-Design" transform="translate(-640.000000, -30.000000)"> <g id="logo-/-Jakala---Blu---Red---Base" transform="translate(640.000000, 30.000000)"> <path d="M31.0246162,0 L21.3838926,26.7290345 L28.6776531,26.7290345 L30.0537705,22.1595426 L39.7972231,22.1595426 L41.3415451,26.7290345 L48.5416077,26.7290345 L38.9008841,0 L31.0246162,0 Z M34.928319,6.30118431 L37.8905273,16.4352113 L31.9954619,16.4352113 L34.928319,6.30118431 Z" id="Fill-1" fill="var(--logo-color, #040066)"></path> <path d="M90.5876933,0 L80.9458408,26.7290345 L88.2407302,26.7290345 L89.6179764,22.1595426 L99.3603002,22.1595426 L100.903493,26.7290345 L108.104685,26.7290345 L98.4639612,0 L90.5876933,0 Z M94.4913961,6.30118431 L97.4536044,16.4352113 L91.5574101,16.4352113 L94.4913961,6.30118431 Z" id="Fill-2" fill="var(--logo-color, #040066)"></path> <path d="M142.483008,0 L132.842285,26.7290345 L140.136045,26.7290345 L141.513292,22.1595426 L151.255615,22.1595426 L152.799937,26.7290345 L160,26.7290345 L150.359276,0 L142.483008,0 Z M146.386711,6.30118431 L149.34892,16.4352113 L143.453854,16.4352113 L146.386711,6.30118431 Z" id="Fill-3" fill="var(--logo-color, #040066)"></path> <polygon id="Fill-4" fill="var(--logo-color, #040066)" points="69.4345459 0.0142796623 60.6946768 12.4817848 60.6946768 0.0142796623 53.5228364 0.0142796623 53.5228364 26.7297145 60.6946768 26.7297145 60.6946768 13.7930205 69.5079238 26.7297145 78.2827884 26.7297145 68.3722601 13.1153031 77.917028 0.0142796623"></polygon> <polygon id="Fill-5" fill="var(--logo-color, #040066)" points="113.136826 0.0142796623 113.136826 26.7637137 128.50554 26.7637137 128.50554 21.0348492 120.277058 21.0348492 120.277058 0.0142796623"></polygon> <polygon id="Fill-6" fill="#E31F1B" points="8.99364364 35.5900183 8.99364364 39.8637172 12.7505907 42 16.5075378 39.8637172 16.5075378 35.5900183 12.7505907 33.4526022"></polygon> <polygon id="Fill-7" fill="#F00A0A" points="8.99364364 35.5900183 8.99364364 39.8637172 12.7505907 42 16.5075378 39.8637172 16.5075378 35.5900183 12.7505907 33.4526022"></polygon> <g id="Group-13" transform="translate(0.000000, 0.000227)"> <path d="M9.1361096,23.4007399 C7.77241006,24.4025829 6.59610632,24.5941117 5.15564223,24.3209848 C3.96240513,24.0931902 3.22749751,23.6704668 2.49823434,23.2806094 L0,28.6094167 C2.80303474,30.6323689 6.00456777,31.0437591 9.1361096,30.0985815 L9.1361096,23.4007399 Z" id="Fill-8" fill="var(--logo-color, #040066)"></path> <g id="Group-12" transform="translate(9.136110, 0.000000)"> <mask id="mask-2" fill="white"> <use xlink:href="#path-1"></use> </mask> <g id="Clip-11"></g> <path d="M0,30.0986948 C4.1644765,29.0560528 7.2294138,24.8390192 7.2294138,20.7874484 L7.2294138,-0.000793314571 L0,-0.000793314571 L0,16.6316133 L0,19.2053524 L0,29.7394366 L0,30.0986948 Z" id="Fill-10" fill="#F00A0A" mask="url(#mask-2)"></path> </g> </g> </g> </g> </g> </svg> </a> </div></div> </div> </div> <div class="fixed px-[22px] lg:px-[32px] top-0 left-0 w-full pointer-events-none"> <div class="mx-auto w-full"> <div class="flex items-center justify-between min-h-[59px] lg:min-h-[95px]"> <div class="flex items-center justify-between w-full lg:w-auto z-50 pointer-events-auto"> <button class="js-header-toggle" aria-label="Open menu" aria-expanded="false" aria-controls="side-menu"> <span class="hamburger-open"> <svg class="" width="32px" height="37px" viewbox="0 0 32 37" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="MB-/-Contact" transform="translate(-22.000000, -48.000000)"> <g id="MB-/-Header-/-base---white" transform="translate(0.000000, 37.000000)"> <g id="MB-/-Icon-/-menu-close" transform="translate(22.000000, 11.000000)"> <g id="bk" fill="#F00A0A"> <polygon id="Fill-7" points="0 9.25245293 0 27.7524529 16 37 32 27.7524529 32 9.25245293 16 0"></polygon> </g> <g id="menu-line" transform="translate(7.000000, 15.000000)" stroke="#FFFFFF" stroke-linecap="square"> <g id="Group-18"> <line x1="2.02723795e-17" y1="0.5" x2="18" y2="0.5" id="Line-2" transform="translate(9.000000, 0.500000) rotate(-0.000000) translate(-9.000000, -0.500000) "></line> <line x1="4.62973564e-18" y1="6.5" x2="18" y2="6.5" id="Line-2-Copy-2" transform="translate(9.000000, 6.500000) rotate(0.000000) translate(-9.000000, -6.500000) "></line> </g> </g> </g> </g> </g> </g> </svg> </span> <span class="hamburger-close"> <svg class="" width="32px" height="37px" viewbox="0 0 32 36.5714286" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="MB-/-Menu-04-04" transform="translate(-22.000000, -48.000000)"> <g id="MB-/-Header-/-open" transform="translate(0.000000, 40.000000)"> <g id="Icon-/-menu-open" transform="translate(22.000000, 8.000000)"> <g id="bk" fill="#F00A0A"> <polygon points="0 9.14528166 0 27.4309959 16 36.5714286 32 27.4309959 32 9.14528166 16 0"></polygon> </g> <g id="Icon-/-16-/-x---W" transform="translate(8.685714, 10.971429)" stroke="#FFFFFF" stroke-linecap="square"> <g id="x" transform="translate(0.591037, 0.591037)"> <line x1="-2.32690168" y1="6.72127808" x2="15.7694578" y2="6.72127808" id="Line-2" transform="translate(6.721278, 6.721278) rotate(45.000000) translate(-6.721278, -6.721278) "></line> <line x1="-2.32690168" y1="6.72127808" x2="15.7694578" y2="6.72127808" id="Line-2" transform="translate(6.721278, 6.721278) scale(-1, 1) rotate(45.000000) translate(-6.721278, -6.721278) "></line> </g> </g> </g> </g> </g> </g> </svg> </span> </button> </div> <div id="side-menu" class="js-side-menu pt-[9px] lg:pt-0 px-[32px] hidden absolute left-0 top-0 z-50 mt-[59px] lg:mt-[95px] w-full pointer-events-none h-vh-header justify-between flex-col lg:h-[calc(100vh-95px)]"> <nav class="js-header-menu header-menu relative flex flex-col justify-between bg-white rounded w-full lg:max-w-[311px] max-h-[calc(100vh-128px)] pointer-events-auto max-lg:overflow-hidden"> <div class="overflow-y-auto"> <nav class="menu menu--primary w-full p-[22px] lg:px-[34px] lg:py-[16px]" aria-label="Main menu"> <ul class="menu-wrapper no-list" role="menubar" aria-label="Main menu"> <li role="none" class="menu-item cursor-pointer py-[12px] lg:py-[16px] flex flex-wrap lg:flex-nowrap items-center justify-between border-b border-b-gray font-medium text-[18px] lg:text-[20px] [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-secondary [&amp;>.menu-link]:hover:before:align-middle [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:-left-[18px] [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:mr-[8px] [&amp;>.menu-link]:hover:translate-x-[18px] [&amp;>.menu-link]:hover:text-primary-light [&amp;>.menu-link]:transition menu-item--depth-1 menu-item--has-submenu hs-skip-lang-url-rewrite"> <span class="menu-link menu-link--toggle menu-child-toggle" aria-haspopup="true" aria-expanded="false"> <span>À propos</span> </span> <button class="menu-child-toggle no-button max-lg:w-10 max-lg:h-10 flex items-center justify-center" aria-expanded="false"> <span class="sr-only">Show submenu for À propos</span> <span class="menu-child-toggle-icon block transition-transform"> <svg class="icon-default" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Menu-04-06" transform="translate(-303.000000, -380.000000)"> <g id="DK-/-Menu-/-1st---go" transform="translate(64.000000, 370.000000)" stroke="#2E2E2E"> <g id="Icon-/-8-/-chevron-right---B" transform="translate(239.000000, 10.000000)"> <polyline id="Path" points="2 0.5 6 4 2 7.5"></polyline> </g> </g> </g> </g> </svg> <svg class="icon-back lg:hidden" width="20px" height="23px" viewbox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="MB-/-Menu-02-04" transform="translate(-55.000000, -130.500000)" stroke="#040066"> <g id="Icon-/-MB-/-back-menu" transform="translate(55.000000, 130.500000)"> <g id="Icon-/-8-/-chevron-right---W" transform="translate(10.000000, 11.500000) rotate(-180.000000) translate(-10.000000, -11.500000) translate(8.000000, 8.000000)"> <polyline id="Path" points="-4.94623592e-16 0 4 3.5 -4.94623592e-16 7"></polyline> </g> <polygon id="Fill-7" points="1 6.2513922 1 16.7513922 10 22 19 16.7513922 19 6.2513922 10 1"></polygon> </g> </g> </g> </svg> </span> </button> <ul role="menu" aria-label="Submenu for À propos" class="menu-submenu cursor-auto hidden overflow-auto flex-col lg:flex-wrap absolute top-0 left-0 bg-white lg:bg-primary-light p-[22px] lg:py-[18px] lg:px-[34px] lg:text-white w-full lg:w-auto min-w-[311px] max-h-[calc(100vh-128px)] h-full rounded lg:rounded-r z-20 lg:-z-10 menu-submenu--level-2"> <div class="lg:hidden flex justify-center items-center mb-[67px]"> <span class="before:text-[8px] before:content-hexagon before:text-secondary before:align-middle before:mr-[8px] text-primary-light text-[18px]">À propos</span> </div> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&amp;>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/fr/about-us-qui-sommes-nous"> <span>Qui sommes-nous ?</span> </a> </li> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&amp;>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/fr/groupe-et-pays"> <span>Groupe et Pays</span> </a> </li> </ul> </li> <li role="none" class="menu-item cursor-pointer py-[12px] lg:py-[16px] flex flex-wrap lg:flex-nowrap items-center justify-between border-b border-b-gray font-medium text-[18px] lg:text-[20px] [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-secondary [&amp;>.menu-link]:hover:before:align-middle [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:-left-[18px] [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:mr-[8px] [&amp;>.menu-link]:hover:translate-x-[18px] [&amp;>.menu-link]:hover:text-primary-light [&amp;>.menu-link]:transition menu-item--depth-1 menu-item--has-submenu hs-skip-lang-url-rewrite"> <span class="menu-link menu-link--toggle menu-child-toggle" aria-haspopup="true" aria-expanded="false"> <span>Solutions</span> </span> <button class="menu-child-toggle no-button max-lg:w-10 max-lg:h-10 flex items-center justify-center" aria-expanded="false"> <span class="sr-only">Show submenu for Solutions</span> <span class="menu-child-toggle-icon block transition-transform"> <svg class="icon-default" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Menu-04-06" transform="translate(-303.000000, -380.000000)"> <g id="DK-/-Menu-/-1st---go" transform="translate(64.000000, 370.000000)" stroke="#2E2E2E"> <g id="Icon-/-8-/-chevron-right---B" transform="translate(239.000000, 10.000000)"> <polyline id="Path" points="2 0.5 6 4 2 7.5"></polyline> </g> </g> </g> </g> </svg> <svg class="icon-back lg:hidden" width="20px" height="23px" viewbox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="MB-/-Menu-02-04" transform="translate(-55.000000, -130.500000)" stroke="#040066"> <g id="Icon-/-MB-/-back-menu" transform="translate(55.000000, 130.500000)"> <g id="Icon-/-8-/-chevron-right---W" transform="translate(10.000000, 11.500000) rotate(-180.000000) translate(-10.000000, -11.500000) translate(8.000000, 8.000000)"> <polyline id="Path" points="-4.94623592e-16 0 4 3.5 -4.94623592e-16 7"></polyline> </g> <polygon id="Fill-7" points="1 6.2513922 1 16.7513922 10 22 19 16.7513922 19 6.2513922 10 1"></polygon> </g> </g> </g> </svg> </span> </button> <ul role="menu" aria-label="Submenu for Solutions" class="menu-submenu cursor-auto hidden overflow-auto flex-col lg:flex-wrap absolute top-0 left-0 bg-white lg:bg-primary-light p-[22px] lg:py-[18px] lg:px-[34px] lg:text-white w-full lg:w-auto min-w-[311px] max-h-[calc(100vh-128px)] h-full rounded lg:rounded-r z-20 lg:-z-10 menu-submenu--level-2"> <div class="lg:hidden flex justify-center items-center mb-[67px]"> <span class="before:text-[8px] before:content-hexagon before:text-secondary before:align-middle before:mr-[8px] text-primary-light text-[18px]">Solutions</span> </div> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&amp;>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/fr/strategy"> <span>Stratégie</span> </a> </li> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&amp;>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/fr/technology"> <span>Technologie</span> </a> </li> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&amp;>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/fr/activations"> <span>Activations</span> </a> </li> </ul> </li> <li role="none" class="menu-item cursor-pointer py-[12px] lg:py-[16px] flex flex-wrap lg:flex-nowrap items-center justify-between border-b border-b-gray font-medium text-[18px] lg:text-[20px] [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-secondary [&amp;>.menu-link]:hover:before:align-middle [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:-left-[18px] [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:mr-[8px] [&amp;>.menu-link]:hover:translate-x-[18px] [&amp;>.menu-link]:hover:text-primary-light [&amp;>.menu-link]:transition menu-item--wide menu-item--depth-1 menu-item--has-submenu hs-skip-lang-url-rewrite"> <span class="menu-link menu-link--toggle menu-child-toggle" aria-haspopup="true" aria-expanded="false"> <span>Industries</span> </span> <button class="menu-child-toggle no-button max-lg:w-10 max-lg:h-10 flex items-center justify-center" aria-expanded="false"> <span class="sr-only">Show submenu for Industries</span> <span class="menu-child-toggle-icon block transition-transform"> <svg class="icon-default" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Menu-04-06" transform="translate(-303.000000, -380.000000)"> <g id="DK-/-Menu-/-1st---go" transform="translate(64.000000, 370.000000)" stroke="#2E2E2E"> <g id="Icon-/-8-/-chevron-right---B" transform="translate(239.000000, 10.000000)"> <polyline id="Path" points="2 0.5 6 4 2 7.5"></polyline> </g> </g> </g> </g> </svg> <svg class="icon-back lg:hidden" width="20px" height="23px" viewbox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="MB-/-Menu-02-04" transform="translate(-55.000000, -130.500000)" stroke="#040066"> <g id="Icon-/-MB-/-back-menu" transform="translate(55.000000, 130.500000)"> <g id="Icon-/-8-/-chevron-right---W" transform="translate(10.000000, 11.500000) rotate(-180.000000) translate(-10.000000, -11.500000) translate(8.000000, 8.000000)"> <polyline id="Path" points="-4.94623592e-16 0 4 3.5 -4.94623592e-16 7"></polyline> </g> <polygon id="Fill-7" points="1 6.2513922 1 16.7513922 10 22 19 16.7513922 19 6.2513922 10 1"></polygon> </g> </g> </g> </svg> </span> </button> <ul role="menu" aria-label="Submenu for Industries" class="menu-submenu cursor-auto hidden overflow-auto flex-col lg:flex-wrap absolute top-0 left-0 bg-white lg:bg-primary-light p-[22px] lg:py-[18px] lg:px-[34px] lg:text-white w-full lg:w-auto min-w-[311px] max-h-[calc(100vh-128px)] h-full rounded lg:rounded-r z-20 lg:-z-10 menu-submenu--level-2"> <div class="lg:hidden flex justify-center items-center mb-[67px]"> <span class="before:text-[8px] before:content-hexagon before:text-secondary before:align-middle before:mr-[8px] text-primary-light text-[18px]">Industries</span> </div> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&amp;>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 menu-item--has-submenu hs-skip-lang-url-rewrite"> <span class="menu-link menu-link--toggle menu-child-toggle" aria-haspopup="true" aria-expanded="false"> <span>Consommateur</span> </span> <button class="menu-child-toggle no-button max-lg:w-10 max-lg:h-10 flex items-center justify-center" aria-expanded="false"> <span class="sr-only">Show submenu for Consommateur</span> <span class="menu-child-toggle-icon block transition-transform"> <svg class="icon-default" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Menu-04-06" transform="translate(-303.000000, -380.000000)"> <g id="DK-/-Menu-/-1st---go" transform="translate(64.000000, 370.000000)" stroke="#2E2E2E"> <g id="Icon-/-8-/-chevron-right---B" transform="translate(239.000000, 10.000000)"> <polyline id="Path" points="2 0.5 6 4 2 7.5"></polyline> </g> </g> </g> </g> </svg> </span> </button> <ul role="menu" aria-label="Submenu for Consommateur" class="menu-submenu lg:block hidden w-full lg:w-auto px-[8px] mt-[11px] menu-submenu--level-3"> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&amp;>.menu-link]:transition [&amp;>.menu-link]:hover:!translate-x-[8px] [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-white [&amp;>.menu-link]:hover:before:-left-[14px] [&amp;>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/fr/fashion-luxury-design"> <span>Fashion Luxury &amp; Design</span> </a> </li> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&amp;>.menu-link]:transition [&amp;>.menu-link]:hover:!translate-x-[8px] [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-white [&amp;>.menu-link]:hover:before:-left-[14px] [&amp;>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/fr/pharma-lifescience"> <span>Santé &amp; Pharma</span> </a> </li> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&amp;>.menu-link]:transition [&amp;>.menu-link]:hover:!translate-x-[8px] [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-white [&amp;>.menu-link]:hover:before:-left-[14px] [&amp;>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/fr/retail"> <span>Retail &amp; Distribution</span> </a> </li> </ul> </li> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&amp;>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 menu-item--has-submenu hs-skip-lang-url-rewrite"> <span class="menu-link menu-link--toggle menu-child-toggle" aria-haspopup="true" aria-expanded="false"> <span>Services financiers</span> </span> <button class="menu-child-toggle no-button max-lg:w-10 max-lg:h-10 flex items-center justify-center" aria-expanded="false"> <span class="sr-only">Show submenu for Services financiers</span> <span class="menu-child-toggle-icon block transition-transform"> <svg class="icon-default" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Menu-04-06" transform="translate(-303.000000, -380.000000)"> <g id="DK-/-Menu-/-1st---go" transform="translate(64.000000, 370.000000)" stroke="#2E2E2E"> <g id="Icon-/-8-/-chevron-right---B" transform="translate(239.000000, 10.000000)"> <polyline id="Path" points="2 0.5 6 4 2 7.5"></polyline> </g> </g> </g> </g> </svg> </span> </button> <ul role="menu" aria-label="Submenu for Services financiers" class="menu-submenu lg:block hidden w-full lg:w-auto px-[8px] mt-[11px] menu-submenu--level-3"> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&amp;>.menu-link]:transition [&amp;>.menu-link]:hover:!translate-x-[8px] [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-white [&amp;>.menu-link]:hover:before:-left-[14px] [&amp;>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/fr/banking"> <span>Banque</span> </a> </li> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&amp;>.menu-link]:transition [&amp;>.menu-link]:hover:!translate-x-[8px] [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-white [&amp;>.menu-link]:hover:before:-left-[14px] [&amp;>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/fr/insurance"> <span>Assurance</span> </a> </li> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&amp;>.menu-link]:transition [&amp;>.menu-link]:hover:!translate-x-[8px] [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-white [&amp;>.menu-link]:hover:before:-left-[14px] [&amp;>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/fr/real-estate"> <span>Immobilier</span> </a> </li> </ul> </li> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&amp;>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 menu-item--has-submenu hs-skip-lang-url-rewrite"> <span class="menu-link menu-link--toggle menu-child-toggle" aria-haspopup="true" aria-expanded="false"> <span>Automobile et Industrie</span> </span> <button class="menu-child-toggle no-button max-lg:w-10 max-lg:h-10 flex items-center justify-center" aria-expanded="false"> <span class="sr-only">Show submenu for Automobile et Industrie</span> <span class="menu-child-toggle-icon block transition-transform"> <svg class="icon-default" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Menu-04-06" transform="translate(-303.000000, -380.000000)"> <g id="DK-/-Menu-/-1st---go" transform="translate(64.000000, 370.000000)" stroke="#2E2E2E"> <g id="Icon-/-8-/-chevron-right---B" transform="translate(239.000000, 10.000000)"> <polyline id="Path" points="2 0.5 6 4 2 7.5"></polyline> </g> </g> </g> </g> </svg> </span> </button> <ul role="menu" aria-label="Submenu for Automobile et Industrie" class="menu-submenu lg:block hidden w-full lg:w-auto px-[8px] mt-[11px] menu-submenu--level-3"> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&amp;>.menu-link]:transition [&amp;>.menu-link]:hover:!translate-x-[8px] [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-white [&amp;>.menu-link]:hover:before:-left-[14px] [&amp;>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/fr/automotive"> <span>Automobile</span> </a> </li> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&amp;>.menu-link]:transition [&amp;>.menu-link]:hover:!translate-x-[8px] [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-white [&amp;>.menu-link]:hover:before:-left-[14px] [&amp;>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/fr/industrial-products"> <span>Industrie</span> </a> </li> </ul> </li> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&amp;>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 menu-item--has-submenu hs-skip-lang-url-rewrite"> <span class="menu-link menu-link--toggle menu-child-toggle" aria-haspopup="true" aria-expanded="false"> <span>Services</span> </span> <button class="menu-child-toggle no-button max-lg:w-10 max-lg:h-10 flex items-center justify-center" aria-expanded="false"> <span class="sr-only">Show submenu for Services</span> <span class="menu-child-toggle-icon block transition-transform"> <svg class="icon-default" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Menu-04-06" transform="translate(-303.000000, -380.000000)"> <g id="DK-/-Menu-/-1st---go" transform="translate(64.000000, 370.000000)" stroke="#2E2E2E"> <g id="Icon-/-8-/-chevron-right---B" transform="translate(239.000000, 10.000000)"> <polyline id="Path" points="2 0.5 6 4 2 7.5"></polyline> </g> </g> </g> </g> </svg> </span> </button> <ul role="menu" aria-label="Submenu for Services" class="menu-submenu lg:block hidden w-full lg:w-auto px-[8px] mt-[11px] menu-submenu--level-3"> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&amp;>.menu-link]:transition [&amp;>.menu-link]:hover:!translate-x-[8px] [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-white [&amp;>.menu-link]:hover:before:-left-[14px] [&amp;>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/fr/energy-utilities"> <span>Energy &amp; Utilities</span> </a> </li> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&amp;>.menu-link]:transition [&amp;>.menu-link]:hover:!translate-x-[8px] [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-white [&amp;>.menu-link]:hover:before:-left-[14px] [&amp;>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/fr/higher-education"> <span>Higher Education</span> </a> </li> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&amp;>.menu-link]:transition [&amp;>.menu-link]:hover:!translate-x-[8px] [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-white [&amp;>.menu-link]:hover:before:-left-[14px] [&amp;>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/fr/publishing-entertainment"> <span>Edition &amp; Divertissement</span> </a> </li> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&amp;>.menu-link]:transition [&amp;>.menu-link]:hover:!translate-x-[8px] [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-white [&amp;>.menu-link]:hover:before:-left-[14px] [&amp;>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/fr/telco-media"> <span>Telecom &amp; Médias</span> </a> </li> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&amp;>.menu-link]:transition [&amp;>.menu-link]:hover:!translate-x-[8px] [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-white [&amp;>.menu-link]:hover:before:-left-[14px] [&amp;>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/fr/travel-leisure-transport"> <span>Travel, Leisure &amp; Transport</span> </a> </li> </ul> </li> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&amp;>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 menu-item--has-submenu hs-skip-lang-url-rewrite"> <span class="menu-link menu-link--toggle menu-child-toggle" aria-haspopup="true" aria-expanded="false"> <span>Secteur public</span> </span> <button class="menu-child-toggle no-button max-lg:w-10 max-lg:h-10 flex items-center justify-center" aria-expanded="false"> <span class="sr-only">Show submenu for Secteur public</span> <span class="menu-child-toggle-icon block transition-transform"> <svg class="icon-default" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Menu-04-06" transform="translate(-303.000000, -380.000000)"> <g id="DK-/-Menu-/-1st---go" transform="translate(64.000000, 370.000000)" stroke="#2E2E2E"> <g id="Icon-/-8-/-chevron-right---B" transform="translate(239.000000, 10.000000)"> <polyline id="Path" points="2 0.5 6 4 2 7.5"></polyline> </g> </g> </g> </g> </svg> </span> </button> <ul role="menu" aria-label="Submenu for Secteur public" class="menu-submenu lg:block hidden w-full lg:w-auto px-[8px] mt-[11px] menu-submenu--level-3"> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&amp;>.menu-link]:transition [&amp;>.menu-link]:hover:!translate-x-[8px] [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-white [&amp;>.menu-link]:hover:before:-left-[14px] [&amp;>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/fr/jakala-civitas"> <span>Jakala Civitas</span> </a> </li> </ul> </li> </ul> </li> <li role="none" class="menu-item cursor-pointer py-[12px] lg:py-[16px] flex flex-wrap lg:flex-nowrap items-center justify-between border-b border-b-gray font-medium text-[18px] lg:text-[20px] [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-secondary [&amp;>.menu-link]:hover:before:align-middle [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:-left-[18px] [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:mr-[8px] [&amp;>.menu-link]:hover:translate-x-[18px] [&amp;>.menu-link]:hover:text-primary-light [&amp;>.menu-link]:transition menu-item--depth-1 menu-item--has-submenu hs-skip-lang-url-rewrite"> <span class="menu-link menu-link--toggle menu-child-toggle" aria-haspopup="true" aria-expanded="false"> <span>Travailler avec nous</span> </span> <button class="menu-child-toggle no-button max-lg:w-10 max-lg:h-10 flex items-center justify-center" aria-expanded="false"> <span class="sr-only">Show submenu for Travailler avec nous</span> <span class="menu-child-toggle-icon block transition-transform"> <svg class="icon-default" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Menu-04-06" transform="translate(-303.000000, -380.000000)"> <g id="DK-/-Menu-/-1st---go" transform="translate(64.000000, 370.000000)" stroke="#2E2E2E"> <g id="Icon-/-8-/-chevron-right---B" transform="translate(239.000000, 10.000000)"> <polyline id="Path" points="2 0.5 6 4 2 7.5"></polyline> </g> </g> </g> </g> </svg> <svg class="icon-back lg:hidden" width="20px" height="23px" viewbox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="MB-/-Menu-02-04" transform="translate(-55.000000, -130.500000)" stroke="#040066"> <g id="Icon-/-MB-/-back-menu" transform="translate(55.000000, 130.500000)"> <g id="Icon-/-8-/-chevron-right---W" transform="translate(10.000000, 11.500000) rotate(-180.000000) translate(-10.000000, -11.500000) translate(8.000000, 8.000000)"> <polyline id="Path" points="-4.94623592e-16 0 4 3.5 -4.94623592e-16 7"></polyline> </g> <polygon id="Fill-7" points="1 6.2513922 1 16.7513922 10 22 19 16.7513922 19 6.2513922 10 1"></polygon> </g> </g> </g> </svg> </span> </button> <ul role="menu" aria-label="Submenu for Travailler avec nous" class="menu-submenu cursor-auto hidden overflow-auto flex-col lg:flex-wrap absolute top-0 left-0 bg-white lg:bg-primary-light p-[22px] lg:py-[18px] lg:px-[34px] lg:text-white w-full lg:w-auto min-w-[311px] max-h-[calc(100vh-128px)] h-full rounded lg:rounded-r z-20 lg:-z-10 menu-submenu--level-2"> <div class="lg:hidden flex justify-center items-center mb-[67px]"> <span class="before:text-[8px] before:content-hexagon before:text-secondary before:align-middle before:mr-[8px] text-primary-light text-[18px]">Travailler avec nous</span> </div> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&amp;>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/fr/travailler-avec-nous-nous-rejoindre"> <span>Rejoindre JAKALA</span> </a> </li> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&amp;>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/fr/travailler-avec-nous-live"> <span>Vivre JAKALA</span> </a> </li> </ul> </li> <li role="none" class="menu-item cursor-pointer py-[12px] lg:py-[16px] flex flex-wrap lg:flex-nowrap items-center justify-between border-b border-b-gray font-medium text-[18px] lg:text-[20px] [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-secondary [&amp;>.menu-link]:hover:before:align-middle [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:-left-[18px] [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:mr-[8px] [&amp;>.menu-link]:hover:translate-x-[18px] [&amp;>.menu-link]:hover:text-primary-light [&amp;>.menu-link]:transition menu-item--depth-1 menu-item--has-submenu hs-skip-lang-url-rewrite"> <span class="menu-link menu-link--toggle menu-child-toggle" aria-haspopup="true" aria-expanded="false"> <span>Sustainability</span> </span> <button class="menu-child-toggle no-button max-lg:w-10 max-lg:h-10 flex items-center justify-center" aria-expanded="false"> <span class="sr-only">Show submenu for Sustainability</span> <span class="menu-child-toggle-icon block transition-transform"> <svg class="icon-default" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Menu-04-06" transform="translate(-303.000000, -380.000000)"> <g id="DK-/-Menu-/-1st---go" transform="translate(64.000000, 370.000000)" stroke="#2E2E2E"> <g id="Icon-/-8-/-chevron-right---B" transform="translate(239.000000, 10.000000)"> <polyline id="Path" points="2 0.5 6 4 2 7.5"></polyline> </g> </g> </g> </g> </svg> <svg class="icon-back lg:hidden" width="20px" height="23px" viewbox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="MB-/-Menu-02-04" transform="translate(-55.000000, -130.500000)" stroke="#040066"> <g id="Icon-/-MB-/-back-menu" transform="translate(55.000000, 130.500000)"> <g id="Icon-/-8-/-chevron-right---W" transform="translate(10.000000, 11.500000) rotate(-180.000000) translate(-10.000000, -11.500000) translate(8.000000, 8.000000)"> <polyline id="Path" points="-4.94623592e-16 0 4 3.5 -4.94623592e-16 7"></polyline> </g> <polygon id="Fill-7" points="1 6.2513922 1 16.7513922 10 22 19 16.7513922 19 6.2513922 10 1"></polygon> </g> </g> </g> </svg> </span> </button> <ul role="menu" aria-label="Submenu for Sustainability" class="menu-submenu cursor-auto hidden overflow-auto flex-col lg:flex-wrap absolute top-0 left-0 bg-white lg:bg-primary-light p-[22px] lg:py-[18px] lg:px-[34px] lg:text-white w-full lg:w-auto min-w-[311px] max-h-[calc(100vh-128px)] h-full rounded lg:rounded-r z-20 lg:-z-10 menu-submenu--level-2"> <div class="lg:hidden flex justify-center items-center mb-[67px]"> <span class="before:text-[8px] before:content-hexagon before:text-secondary before:align-middle before:mr-[8px] text-primary-light text-[18px]">Sustainability</span> </div> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&amp;>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/fr/durabilité-croissance-durable"> <span>Croissance durable</span> </a> </li> </ul> </li> <li role="none" class="menu-item cursor-pointer py-[12px] lg:py-[16px] flex flex-wrap lg:flex-nowrap items-center justify-between border-b border-b-gray font-medium text-[18px] lg:text-[20px] [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-secondary [&amp;>.menu-link]:hover:before:align-middle [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:-left-[18px] [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:mr-[8px] [&amp;>.menu-link]:hover:translate-x-[18px] [&amp;>.menu-link]:hover:text-primary-light [&amp;>.menu-link]:transition menu-item--depth-1 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link menu-link--active-branch menu-link--active-link" href="https://www.jakala.com/fr/insights" aria-current="page"> <span>Insights</span> </a> </li> <li role="none" class="menu-item cursor-pointer py-[12px] lg:py-[16px] flex flex-wrap lg:flex-nowrap items-center justify-between border-b border-b-gray font-medium text-[18px] lg:text-[20px] [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-secondary [&amp;>.menu-link]:hover:before:align-middle [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:-left-[18px] [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:mr-[8px] [&amp;>.menu-link]:hover:translate-x-[18px] [&amp;>.menu-link]:hover:text-primary-light [&amp;>.menu-link]:transition menu-item--depth-1 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/fr/nous-contacter"> <span>Nous contacter</span> </a> </li> </ul> </nav> </div> </nav> <div class="lg:absolute bottom-[34px] right-0 lg:p-[inherit] pointer-events-auto"> <div class="js-socials bg-white rounded py-[22px] px-[34px] mt-[9px] lg:mt-0 mb-[34px] lg:mb-0 w-full lg:w-auto"> <div class="flex justify-between space-x-8 flex-row lg:space-x-8 lg:flex-row"> <a class="flex items-center space-x-5" href="https://www.linkedin.com/company/jakala-spa/" target="_blank" rel="noopener"> <svg class="" width="24.5px" height="28px" viewbox="0 0 24.5 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="MB-/-Menu-02-04" transform="translate(-77.000000, -762.000000)"> <g id="social" transform="translate(32.000000, 740.000000)"> <g transform="translate(45.000000, 22.000000)" id="Icon-/-Social-/-linkedin"> <path d="M12.25,0.575913148 L24,7.29197937 L24,20.7116568 L12.25,27.424162 L0.5,20.7116568 L0.5,7.29197937 L12.25,0.575913148 Z" id="Fill-7" stroke="#1941FA"></path> <path d="M9.53289432,18.6767747 L7.54924068,18.6767747 L7.54924068,12.3373202 L9.53289432,12.3373202 L9.53289432,18.6767747 Z M8.54106193,11.473581 C7.9042067,11.473581 7.39002409,10.962581 7.39002409,10.332249 C7.39002409,9.7019502 7.9042067,9.19096126 8.54106193,9.19096126 C9.17533352,9.19096126 9.68949943,9.7019502 9.68949943,10.332249 C9.68949943,10.9599802 9.17533352,11.473581 8.54106193,11.473581 Z M16.9560045,18.6767747 L14.9749568,18.6767747 L14.9749568,15.5952253 C14.9749568,14.8611937 14.9618716,13.9143953 13.9439523,13.9143953 C12.9129477,13.9143953 12.7563705,14.7159368 12.7563705,15.5433755 L12.7563705,18.6767747 L10.7779119,18.6767747 L10.7779119,12.3373202 L12.6780818,12.3373202 L12.6780818,13.2037154 L12.7041409,13.2037154 C12.9677943,12.705664 13.6150955,12.1791146 14.5781682,12.1791146 C16.5853864,12.1791146 16.9560045,13.4916285 16.9560045,15.1984111 L16.9560045,18.6767747 Z" id="Shape" fill="#1941FA" fill-rule="nonzero"></path> </g> </g> </g> </g> </svg> <span class="font-medium">LinkedIn</span> </a> <a class="flex items-center space-x-5" href="https://www.instagram.com/wearejakala/" target="_blank" rel="noopener"> <svg class="" width="24.5px" height="28px" viewbox="0 0 24.5 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="MB-/-Menu-02-04" transform="translate(-210.000000, -762.000000)"> <g id="social" transform="translate(32.000000, 740.000000)"> <g transform="translate(45.000000, 22.000000)" id="insta"> <g transform="translate(133.000000, 0.000000)" id="Icon-/-Social-/-instagram"> <path d="M12.2538993,8.55569328 C14.0402591,8.55569328 14.2518215,8.56347905 14.9543558,8.59461107 C15.6072581,8.62314783 15.9598064,8.73211542 16.1948758,8.82291621 C16.5056463,8.94225375 16.7302434,9.08754387 16.9626947,9.31843874 C17.1977083,9.55193992 17.341368,9.77245929 17.4615207,10.0811897 C17.5529304,10.3146798 17.6625551,10.667513 17.6913539,11.3135217 C17.7226594,12.0139921 17.7305136,12.2241415 17.7305136,13.9961265 C17.7305136,15.7706957 17.7226594,15.9808063 17.6913539,16.6787036 C17.6625551,17.3272964 17.5529304,17.6775731 17.4615207,17.9110356 C17.341368,18.2197549 17.1950902,18.4428696 16.9626947,18.6737866 C16.7276253,18.907249 16.5056463,19.0499605 16.1948758,19.1693202 C15.9598064,19.2601265 15.60464,19.369083 14.9543558,19.3976364 C14.2492035,19.4287352 14.0376411,19.4365375 12.2538993,19.4365375 C10.4675784,19.4365375 10.2560327,19.4287352 9.55352627,19.3976364 C8.90060725,19.369083 8.5480478,19.2601265 8.31299517,19.1693202 C8.00221344,19.0499605 7.77761081,18.9047036 7.54517625,18.6737866 C7.31013476,18.4402688 7.1664918,18.2197549 7.04635577,17.9110356 C6.95495167,17.6775731 6.84526565,17.3246957 6.81653371,16.6787036 C6.78519485,15.9782055 6.77736291,15.7680949 6.77736291,13.9961265 C6.77736291,12.2215684 6.78519485,12.011419 6.81653371,11.3135217 C6.84526565,10.6649123 6.95495167,10.3146798 7.04635577,10.0811897 C7.1664918,9.77245929 7.3127417,9.54933913 7.54517625,9.31843874 C7.78022331,9.08494862 8.00221344,8.94225375 8.31299517,8.82291621 C8.5480478,8.73211542 8.90322532,8.62314783 9.55352627,8.59461107 C10.2560327,8.56347905 10.4675784,8.55569328 12.2538993,8.55569328 Z M12.2538993,7.35968379 C10.4388576,7.35968379 10.2116536,7.36746696 9.4986749,7.39859953 C8.78831429,7.42973194 8.29993823,7.54388506 7.87685241,7.70733091 C7.43549023,7.87856032 7.06203077,8.10426798 6.69117825,8.47526798 C6.3177188,8.84367273 6.0905059,9.21466719 5.91813879,9.65052648 C5.75360697,10.0734095 5.63869538,10.5559613 5.60735612,11.2616332 C5.5760167,11.9724791 5.56818182,12.1982111 5.56818182,14.0012727 C5.56818182,15.8043953 5.5760167,16.0301107 5.60735612,16.7383557 C5.63869538,17.4440553 5.75360697,17.9291858 5.91813879,18.3494625 C6.0905059,18.7879447 6.3177188,19.158917 6.69117825,19.5273439 C7.06203077,19.8957154 7.43549023,20.1240316 7.87424548,20.2926957 C8.29993823,20.4561028 8.78569622,20.5702609 9.49605683,20.601415 C10.2090355,20.6325138 10.4362395,20.6403162 12.2512812,20.6403162 C14.0663841,20.6403162 14.2935993,20.6325138 15.0066058,20.601415 C15.7169386,20.5702609 16.2052923,20.4561028 16.6283614,20.2926957 C17.067139,20.1240316 17.4406319,19.8957154 17.811451,19.5273439 C18.1822701,19.158917 18.412159,18.7879447 18.5818879,18.3520632 C18.7464365,17.9291858 18.8613531,17.4466561 18.8926585,16.7409565 C18.9240197,16.0327115 18.9318182,15.806996 18.9318182,14.0039289 C18.9318182,12.2008119 18.9240197,11.9750798 18.8926585,11.2668348 C18.8613531,10.5611628 18.7464365,10.0760047 18.5818879,9.65571146 C18.4173394,9.21466719 18.1901243,8.84367273 17.8166871,8.47526798 C17.4458123,8.10686324 17.0723751,7.87856032 16.6335976,7.70992395 C16.2079104,7.54647921 15.7221747,7.43232664 15.0117862,7.40119391 C14.2962173,7.36746696 14.0690022,7.35968379 12.2538993,7.35968379 Z M12.253955,10.5897328 C10.357909,10.5897328 8.81965872,12.11783 8.81965872,14.0013281 C8.81965872,15.8848538 10.357909,17.4129565 12.253955,17.4129565 C14.1499396,17.4129565 15.6881955,15.8848538 15.6881955,14.0013281 C15.6881955,12.11783 14.1499396,10.5897328 12.253955,10.5897328 Z M12.253955,16.2143241 C11.0238627,16.2143241 10.0262106,15.2232569 10.0262106,14.0013281 C10.0262106,12.7793881 11.0238627,11.7883209 12.253955,11.7883209 C13.4840026,11.7883209 14.4816547,12.7793881 14.4816547,14.0013281 C14.4816547,15.2232569 13.4840026,16.2143241 12.253955,16.2143241 Z M15.824001,11.2512522 C16.2653966,11.2512522 16.6257434,10.8958126 16.6257434,10.454785 C16.6257434,10.0163249 16.2653966,9.65830119 15.824001,9.65830119 C15.382661,9.65830119 15.0222585,10.0137352 15.0222585,10.454785 C15.0222585,10.8932395 15.380043,11.2512522 15.824001,11.2512522 Z" id="Shape" fill="#1941FA"></path> <path d="M12.25,0.575913148 L24,7.29197937 L24,20.7116568 L12.25,27.424162 L0.5,20.7116568 L0.5,7.29197937 L12.25,0.575913148 Z" id="forma" stroke="#1941FA"></path> </g> </g> </g> </g> </g> </svg> <span class="font-medium">Instagram</span> </a> </div> </div> </div> </div> <div class="js-header-bg hidden fixed inset-0 w-full h-full bg-primary-light/80 backdrop-blur pointer-events-auto"></div> <div class="js-lang-switcher z-50 relative pointer-events-auto"> <div class="custom-language-switcher"> <div class="custom-language-switcher__toggle relative w-fit pt-2"> <button class="js-lang-switcher-toggle header-top__item flex items-center justify-center w-[32px] h-[37px] bg-white clip-hexagon"> <svg class="" width="16px" height="16px" viewbox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"> <g id="DK-/-Menu-01-06" transform="translate(-63.000000, -701.000000)" stroke="#2E2E2E"> <g id="menu" transform="translate(32.000000, 25.000000)"> <g id="lingua" transform="translate(31.000000, 675.000000)"> <g id="Shape" transform="translate(0.000000, 1.000000)"> <path d="M8,1 C9.75091,2.916845 10.74596,5.404421 10.8,8 C10.74596,10.5956 9.75091,13.08312 8,15 M8,1 C6.249104,2.916845 5.254075,5.404421 5.2,8 C5.254075,10.5956 6.249104,13.08312 8,15 M8,1 C4.134005,1 1,4.134005 1,8 C1,11.86596 4.134005,15 8,15 M8,1 C11.86596,1 15,4.134005 15,8 C15,11.86596 11.86596,15 8,15 M1.350014,5.9 L14.65,5.9 M1.35,10.1 L14.65,10.1"></path> </g> </g> </g> </g> </g> </svg> </button> <ul class="custom-language-switcher__languages p-5 rounded bg-white shadow absolute top-full right-0 text-left hidden mt-[12px] w-max "> <li class="no-submenu menu-item"> <a href="/insights" class="menu-link hs-skip-lang-url-rewrite font-medium"> </a></li><li class="border-b-2"><a href="/insights" class="menu-link hs-skip-lang-url-rewrite font-medium"> Global - (English)</a></li><a href="/insights" class="menu-link hs-skip-lang-url-rewrite font-medium"> </a> <li class="no-submenu menu-item"> <a href="/de/insights" class="menu-link hs-skip-lang-url-rewrite font-medium"> Deutsch </a> </li> <li class="no-submenu menu-item"> <a href="/en-gb/insights" class="menu-link hs-skip-lang-url-rewrite font-medium"> English - UK </a> </li> <li class="no-submenu menu-item"> <a href="/en-us/insights" class="menu-link hs-skip-lang-url-rewrite font-medium"> English - US </a> </li> <li class="no-submenu menu-item"> <a href="/es/perspectivas" class="menu-link hs-skip-lang-url-rewrite font-medium"> Español </a> </li> Français <li class="no-submenu menu-item"> <a href="/it/insights" class="menu-link hs-skip-lang-url-rewrite font-medium"> Italiano </a> </li> <li class="no-submenu menu-item"> <a href="/da/insights" class="menu-link hs-skip-lang-url-rewrite font-medium"> Dansk </a> </li> <li class="no-submenu menu-item"> <a href="/pt/ideias" class="menu-link hs-skip-lang-url-rewrite font-medium"> Português </a> </li> </ul> </div> </div> </div> </div> </div> </div> </header></div> <main id="main-content"> <div class="body-container body-container--hubdb"> <!-- Begin partial --> <div class="container-fluid"> <div class="row-fluid-wrapper"> <div class="row-fluid"> <div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-section"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-2 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_main-module-2" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="h-18 lg:h-19 "></div> </div> </div><!--end widget-span --> </div><!--end row--> </div><!--end row-wrapper --> <div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-row"> <div class="row-fluid "> <div class="span8 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="8"> <div id="hs_cos_wrapper_main-module-3" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <h1 class="text-f-m-4xl lg:text-f-d-4xl uppercase font-semibold js-anim text-primary lg:text-left text-left"> Insights </h1></div> </div><!--end widget-span --> <div class="span4 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="8" data-w="4"> <div class="row-fluid-wrapper row-depth-1 row-number-4 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_main-module-5" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="h-16 lg:h-0 "></div> </div> </div><!--end widget-span --> </div><!--end row--> </div><!--end row-wrapper --> <div class="row-fluid-wrapper row-depth-1 row-number-5 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_main-module-6" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <div class="js-anim [&amp;>div]:prose-m-lg [&amp;>div]:lg:prose-d-lg"> <div id="hs_cos_wrapper_main-module-6_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="rich_text"><p><span>Nous soutenons nos clients grâce à nos compétences et leur proposons des solutions innovantes pour relever les défis d’aujourd’hui et se fixer de nouveaux objectifs</span></p></div> </div> </div> </div><!--end widget-span --> </div><!--end row--> </div><!--end row-wrapper --> </div><!--end widget-span --> </div><!--end row--> </div><!--end row-wrapper --> <div class="row-fluid-wrapper row-depth-1 row-number-6 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_main-module-7" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="h-13 lg:h-18 "></div> </div> </div><!--end widget-span --> </div><!--end row--> </div><!--end row-wrapper --> <div class="row-fluid-wrapper row-depth-1 row-number-7 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_main-module-8" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <div class="row-fluid"> <div class="span3"> <div class="js-filters lg:top-14 lg:sticky"> <div class="js-filters-bg hidden fixed inset-0 w-full h-full bg-primary-light/70 backdrop-blur"></div> <div class="js-filters-wrapper relative flex items-center justify-between lg:block max-lg:rounded max-lg:py-5 max-lg:px-7 max-lg:border max-lg:border-gray max-lg:bg-white z-10"> <button class="js-filters-toggle lg:hidden" aria-label="Filters"> <svg class="" width="24px" height="24px" viewbox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Kit" transform="translate(-803.000000, -371.000000)" stroke="#2E2E2E"> <g id="Icon-/-24-/-filter-active-B-" transform="translate(803.000000, 371.000000)"> <g id="Group-2" transform="translate(11.918997, 12.000000) rotate(-180.000000) translate(-11.918997, -12.000000) translate(1.622996, 5.500000)"> <g id="Group" transform="translate(0.000000, 0.000000)"> <line x1="1.22049396e-16" y1="3" x2="2.592002" y2="3" id="Path-3"></line> <line x1="4" y1="3" x2="20.592002" y2="3" id="Path-3"></line> <line x1="4.32502037" y1="-8.70229417e-18" x2="4.32502037" y2="6" id="Path-4"></line> </g> <g id="Group" transform="translate(0.000000, 2.500000)"> <line x1="1.22049396e-16" y1="0.5" x2="2.592002" y2="0.5" id="Path-3"></line> <line x1="4" y1="0.5" x2="20.592002" y2="0.5" id="Path-3"></line> </g> <g id="Group-Copy" transform="translate(10.296001, 10.000000) rotate(-180.000000) translate(-10.296001, -10.000000) translate(0.000000, 7.000000)"> <line x1="1.22049396e-16" y1="3" x2="2.592002" y2="3" id="Path-3"></line> <line x1="4" y1="3" x2="20.592002" y2="3" id="Path-3"></line> <line x1="4.32502037" y1="-8.70229417e-18" x2="4.32502037" y2="6" id="Path-4"></line> </g> </g> </g> </g> </g> </svg> </button> <ul class="flex items-center space-x-6 lg:block lg:space-x-0"> <li class="lg:mb-13"> <p class="js-filters-single-toggle text-f-m-xs lg:text-f-d-sm lg:mb-7 max-lg:py-3 max-lg:px-6 max-lg:rounded max-lg:bg-gray [&amp;.active]:max-lg:bg-primary-light [&amp;.active]:max-lg:text-white">Filtrer par</p> <ul class="flex-wrap gap-5 hidden lg:flex pt-9 lg:pt-0"> <li class=""> <a href="https://www.jakala.com/fr/insights" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white active"> View All </a> </li> <li class=""> <a href="https://www.jakala.com/fr/insights?category=Case%20Studies" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Case Studies </a> </li> <li class=""> <a href="https://www.jakala.com/fr/insights?category=Podcast" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Podcast </a> </li> <li class=""> <a href="https://www.jakala.com/fr/insights?category=Events" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Events </a> </li> <li class=""> <a href="https://www.jakala.com/fr/insights?category=Article" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Article </a> </li> <li class=""> <a href="https://www.jakala.com/fr/insights?category=Media" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Media </a> </li> <li class=""> <a href="https://www.jakala.com/fr/insights?category=News" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> News </a> </li> </ul> </li> <li class="lg:mb-13"> <p class="js-filters-single-toggle text-f-m-xs lg:text-f-d-sm lg:mb-7 max-lg:py-3 max-lg:px-6 max-lg:rounded max-lg:bg-gray [&amp;.active]:max-lg:bg-primary-light [&amp;.active]:max-lg:text-white">Solutions</p> <ul class="flex-wrap gap-5 hidden lg:flex pt-9 lg:pt-0"> <li class=""> <a href="https://www.jakala.com/fr/insights" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white active"> View All </a> </li> <li class=""> <a href="https://www.jakala.com/fr/insights?solutions=Customer%20Care%20Operation" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Customer Care Operation </a> </li> <li class=""> <a href="https://www.jakala.com/fr/insights?solutions=CRM%20%26%20Campaign%20Operation" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> CRM &amp; Campaign Operation </a> </li> <li class=""> <a href="https://www.jakala.com/fr/insights?solutions=Engagement%20Programs" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Engagement Programs </a> </li> <li class=""> <a href="https://www.jakala.com/fr/insights?solutions=Loyalty%20Campaigns" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Loyalty Campaigns </a> </li> <li class=""> <a href="https://www.jakala.com/fr/insights?solutions=Communication%20%26%20Media%20Activation" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Communication &amp; Media Activation </a> </li> <li class=""> <a href="https://www.jakala.com/fr/insights?solutions=Reputation%20%26%20Social" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Reputation &amp; Social </a> </li> <li class="hidden"> <a href="https://www.jakala.com/fr/insights?solutions=Creativity%20%26%20Content" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Creativity &amp; Content </a> </li> <li class="hidden"> <a href="https://www.jakala.com/fr/insights?solutions=Technology%20%26%20Innovation" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Technology &amp; Innovation </a> </li> <li class="hidden"> <a href="https://www.jakala.com/fr/insights?solutions=Commerce%20%26%20Enabling%20Solutions" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Commerce &amp; Enabling Solutions </a> </li> <li class="hidden"> <a href="https://www.jakala.com/fr/insights?solutions=App%20Development%20Services" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> App Development Services </a> </li> <li class="hidden"> <a href="https://www.jakala.com/fr/insights?solutions=CDP,%20CRM%20%26%20Customer%20360°" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> CDP, CRM &amp; Customer 360° </a> </li> <li class="hidden"> <a href="https://www.jakala.com/fr/insights?solutions=AdTech" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> AdTech </a> </li> <li class="hidden"> <a href="https://www.jakala.com/fr/insights?solutions=Business%20Intelligence%20%26%20Data%20Visualization" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Business Intelligence &amp; Data Visualization </a> </li> <li class="hidden"> <a href="https://www.jakala.com/fr/insights?solutions=Tech%20Quality%20Engineering" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Tech Quality Engineering </a> </li> <li class="hidden"> <a href="https://www.jakala.com/fr/insights?solutions=IT%20Operation%20%26%20Maintenance" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> IT Operation &amp; Maintenance </a> </li> <li class="hidden"> <a href="https://www.jakala.com/fr/insights?solutions=DXP%20–%20Digital%20Experience%20Platforms" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> DXP – Digital Experience Platforms </a> </li> <li class="hidden"> <a href="https://www.jakala.com/fr/insights?solutions=Sustainability" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Sustainability </a> </li> <li class="hidden"> <a href="https://www.jakala.com/fr/insights?solutions=Process%20Redesign%20%26%20Change%20Management" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Process Redesign &amp; Change Management </a> </li> <li class="hidden"> <a href="https://www.jakala.com/fr/insights?solutions=Data%20Strategy%20%26%20Analytics" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Data Strategy &amp; Analytics </a> </li> <li class="hidden"> <a href="https://www.jakala.com/fr/insights?solutions=Sales%20%26%20Marketing%20Cost%20Optimization" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Sales &amp; Marketing Cost Optimization </a> </li> <li class="hidden"> <a href="https://www.jakala.com/fr/insights?solutions=Brand%20Positioning%20%26%20Communication" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Brand Positioning &amp; Communication </a> </li> <li class="hidden"> <a href="https://www.jakala.com/fr/insights?solutions=Customer%20Value%20Management" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Customer Value Management </a> </li> <li class="hidden"> <a href="https://www.jakala.com/fr/insights?solutions=Salesforce%20Effectiveness" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Salesforce Effectiveness </a> </li> <li class="hidden"> <a href="https://www.jakala.com/fr/insights?solutions=Physical%20%26%20Digital%20Channels%20Orchestration" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Physical &amp; Digital Channels Orchestration </a> </li> <li class="hidden"> <a href="https://www.jakala.com/fr/insights?solutions=Pricing%20%26%20Revenues%20Management" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Pricing &amp; Revenues Management </a> </li> <li class="hidden"> <a href="https://www.jakala.com/fr/insights?solutions=Product%20%26%20Service" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Product &amp; Service </a> </li> <li class="hidden"> <a href="https://www.jakala.com/fr/insights?solutions=Business%20%26%20Growth%20Strategy" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Business &amp; Growth Strategy </a> </li> <li class="js-load-more-filters"> <button class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> ... </button> </li> </ul> </li> <li class="lg:mb-13"> <p class="js-filters-single-toggle text-f-m-xs lg:text-f-d-sm lg:mb-7 max-lg:py-3 max-lg:px-6 max-lg:rounded max-lg:bg-gray [&amp;.active]:max-lg:bg-primary-light [&amp;.active]:max-lg:text-white">Secteurs</p> <ul class="flex-wrap gap-5 hidden lg:flex pt-9 lg:pt-0"> <li class=""> <a href="https://www.jakala.com/fr/insights" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white active"> View All </a> </li> <li class=""> <a href="https://www.jakala.com/fr/insights?industry=Fashion%20Luxury%20%26%20Design" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Fashion Luxury &amp; Design </a> </li> <li class=""> <a href="https://www.jakala.com/fr/insights?industry=Consumer%20products%20goods" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Consumer products goods </a> </li> <li class=""> <a href="https://www.jakala.com/fr/insights?industry=Pharma%20e%20Lifescience" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Pharma e Lifescience </a> </li> <li class=""> <a href="https://www.jakala.com/fr/insights?industry=Retail" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Retail </a> </li> <li class=""> <a href="https://www.jakala.com/fr/insights?industry=Banking" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Banking </a> </li> <li class=""> <a href="https://www.jakala.com/fr/insights?industry=Insurance" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Insurance </a> </li> <li class="hidden"> <a href="https://www.jakala.com/fr/insights?industry=Real%20Estate" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Real Estate </a> </li> <li class="hidden"> <a href="https://www.jakala.com/fr/insights?industry=Automotive" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Automotive </a> </li> <li class="hidden"> <a href="https://www.jakala.com/fr/insights?industry=Industrial%20Products" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Industrial Products </a> </li> <li class="hidden"> <a href="https://www.jakala.com/fr/insights?industry=Energy%20%26%20Utilities" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Energy &amp; Utilities </a> </li> <li class="hidden"> <a href="https://www.jakala.com/fr/insights?industry=Publishing%20%26%20Entertainment" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Publishing &amp; Entertainment </a> </li> <li class="hidden"> <a href="https://www.jakala.com/fr/insights?industry=Telco,%20Media" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Telco, Media </a> </li> <li class="hidden"> <a href="https://www.jakala.com/fr/insights?industry=Travel,%20Leisure%20%26%20Transport" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Travel, Leisure &amp; Transport </a> </li> <li class="hidden"> <a href="https://www.jakala.com/fr/insights?industry=Jakala's%20Civitas" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Jakala's Civitas </a> </li> <li class="hidden"> <a href="https://www.jakala.com/fr/insights?industry=Higher%20Education" class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> Higher Education </a> </li> <li class="js-load-more-filters"> <button class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray [&amp;.active]:bg-primary-light [&amp;.active]:text-white "> ... </button> </li> </ul> </li> </ul> </div> </div> <div class="js-filters-spacer"></div> </div> <div class="span9"> <div> <hr class="mt-13 mb-15 border-black/10 lg:hidden w-full-outside-container"> <h2 class="js-anim text-f-m-4xl lg:text-f-d-xl font-medium mb-13 lg:mb-14 text-center lg:text-left">Dernières nouvelles</h2> <script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script> <div id="main-module-8" class="relative swiper-container swiper--overflow-left-hidden [&amp;_.swiper-pagination]:lg:hidden [&amp;_.swiper-button-prev]:hidden [&amp;_.swiper-button-prev]:lg:block [&amp;_.swiper-button-next]:hidden [&amp;_.swiper-button-next]:lg:block [&amp;_.swiper-wrapper]:pb-13 [&amp;_.swiper-wrapper]:lg:pb-0 [&amp;_.swiper-button-disabled]:!hidden [&amp;_.swiper-button-prev]:lg:!left-11 [&amp;_.swiper-button-next]:lg:!right-11 [&amp;_.swiper-button-prev]:!left-0 [&amp;_.swiper-button-next]:!right-0"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="relative lg:flex lg:items-center [&amp;>div]:lg:w-1/2 [&amp;_.insight-content]:lg:p-13"> <a href="https://www.jakala.com/fr/insights/obtenir-un-score-google-lighthouse-parfait-pour-intermarche-et-mastrad" aria-label="Obtenir un score Google Lighthouse parfait pour Intermarché et Mastrad" class="absolute top-0 left-0 w-full h-full z-20"></a> <div class="relative"> <div class="absolute py-3 px-6 top-6 left-6 rounded bg-white text-f-m-xs lg:text-f-d-xs">Retail</div> <img class="rounded object-cover" src="https://www.jakala.com/hs-fs/hubfs/Google-lighthouse_header_972X1286.png?width=972&amp;height=1286&amp;name=Google-lighthouse_header_972X1286.png" alt="" loading="lazy" width="972" height="1286" srcset="https://www.jakala.com/hs-fs/hubfs/Google-lighthouse_header_972X1286.png?width=486&amp;height=643&amp;name=Google-lighthouse_header_972X1286.png 486w, https://www.jakala.com/hs-fs/hubfs/Google-lighthouse_header_972X1286.png?width=972&amp;height=1286&amp;name=Google-lighthouse_header_972X1286.png 972w, https://www.jakala.com/hs-fs/hubfs/Google-lighthouse_header_972X1286.png?width=1458&amp;height=1929&amp;name=Google-lighthouse_header_972X1286.png 1458w, https://www.jakala.com/hs-fs/hubfs/Google-lighthouse_header_972X1286.png?width=1944&amp;height=2572&amp;name=Google-lighthouse_header_972X1286.png 1944w, https://www.jakala.com/hs-fs/hubfs/Google-lighthouse_header_972X1286.png?width=2430&amp;height=3215&amp;name=Google-lighthouse_header_972X1286.png 2430w, https://www.jakala.com/hs-fs/hubfs/Google-lighthouse_header_972X1286.png?width=2916&amp;height=3858&amp;name=Google-lighthouse_header_972X1286.png 2916w" sizes="(max-width: 972px) 100vw, 972px"> </div> <div class="insight-content space-y-7 py-9 px-9 lg:px-6"> <div class="flex items-center space-x-4"> <svg class="" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&amp;-Design" transform="translate(-67.000000, -4720.000000)" fill="#F00A0A"> <g id="DK-/-Parts-/-Case-history" transform="translate(0.000000, 4414.000000)"> <g id="title" transform="translate(67.000000, 300.000000)"> <g id="Fill-7" transform="translate(0.000000, 6.000000)"> <polygon points="0.5 2.00053036 0.5 6.00053036 4 8 7.5 6.00053036 7.5 2.00053036 4 0"></polygon> </g> </g> </g> </g> </g> </svg> <span class="text-f-m-xs lg:text-f-d-xs font-medium"> Case Studies </span></div> <h3 class="text-f-m-base lg:text-f-d-sm">Obtenir un score Google Lighthouse parfait pour Intermarché et Mastrad</h3> <div> <span class="text-f-m-xs lg:text-f-d-xs text-primary">3 min lecture</span> </div> </div> </div> </div> <div class="swiper-slide"> <div class="relative lg:flex lg:items-center [&amp;>div]:lg:w-1/2 [&amp;_.insight-content]:lg:p-13"> <a href="https://www.jakala.com/fr/insights/prix-women-in-drupal-2022" aria-label="Prix Women in Drupal 2022" class="absolute top-0 left-0 w-full h-full z-20"></a> <div class="relative"> <img class="rounded object-cover" src="https://www.jakala.com/hs-fs/hubfs/972x1286_WID%20header.png?width=972&amp;height=1286&amp;name=972x1286_WID%20header.png" alt="" loading="lazy" width="972" height="1286" srcset="https://www.jakala.com/hs-fs/hubfs/972x1286_WID%20header.png?width=486&amp;height=643&amp;name=972x1286_WID%20header.png 486w, https://www.jakala.com/hs-fs/hubfs/972x1286_WID%20header.png?width=972&amp;height=1286&amp;name=972x1286_WID%20header.png 972w, https://www.jakala.com/hs-fs/hubfs/972x1286_WID%20header.png?width=1458&amp;height=1929&amp;name=972x1286_WID%20header.png 1458w, https://www.jakala.com/hs-fs/hubfs/972x1286_WID%20header.png?width=1944&amp;height=2572&amp;name=972x1286_WID%20header.png 1944w, https://www.jakala.com/hs-fs/hubfs/972x1286_WID%20header.png?width=2430&amp;height=3215&amp;name=972x1286_WID%20header.png 2430w, https://www.jakala.com/hs-fs/hubfs/972x1286_WID%20header.png?width=2916&amp;height=3858&amp;name=972x1286_WID%20header.png 2916w" sizes="(max-width: 972px) 100vw, 972px"> </div> <div class="insight-content space-y-7 py-9 px-9 lg:px-6"> <div class="flex items-center space-x-4"> <svg class="" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&amp;-Design" transform="translate(-67.000000, -4720.000000)" fill="#F00A0A"> <g id="DK-/-Parts-/-Case-history" transform="translate(0.000000, 4414.000000)"> <g id="title" transform="translate(67.000000, 300.000000)"> <g id="Fill-7" transform="translate(0.000000, 6.000000)"> <polygon points="0.5 2.00053036 0.5 6.00053036 4 8 7.5 6.00053036 7.5 2.00053036 4 0"></polygon> </g> </g> </g> </g> </g> </svg> <span class="text-f-m-xs lg:text-f-d-xs font-medium"> Article </span></div> <h3 class="text-f-m-base lg:text-f-d-sm">Prix Women in Drupal 2022</h3> <div> <span class="text-f-m-xs lg:text-f-d-xs text-primary">3 min lecture</span> </div> </div> </div> </div> <div class="swiper-slide"> <div class="relative lg:flex lg:items-center [&amp;>div]:lg:w-1/2 [&amp;_.insight-content]:lg:p-13"> <a href="https://www.jakala.com/fr/insights/que-signifie-la-personnalisation" aria-label="Que signifie la personnalisation?" class="absolute top-0 left-0 w-full h-full z-20"></a> <div class="relative"> <img class="rounded object-cover" src="https://www.jakala.com/hs-fs/hubfs/972x1286_Personalisation%20header.png?width=972&amp;height=1286&amp;name=972x1286_Personalisation%20header.png" alt="" loading="lazy" width="972" height="1286" srcset="https://www.jakala.com/hs-fs/hubfs/972x1286_Personalisation%20header.png?width=486&amp;height=643&amp;name=972x1286_Personalisation%20header.png 486w, https://www.jakala.com/hs-fs/hubfs/972x1286_Personalisation%20header.png?width=972&amp;height=1286&amp;name=972x1286_Personalisation%20header.png 972w, https://www.jakala.com/hs-fs/hubfs/972x1286_Personalisation%20header.png?width=1458&amp;height=1929&amp;name=972x1286_Personalisation%20header.png 1458w, https://www.jakala.com/hs-fs/hubfs/972x1286_Personalisation%20header.png?width=1944&amp;height=2572&amp;name=972x1286_Personalisation%20header.png 1944w, https://www.jakala.com/hs-fs/hubfs/972x1286_Personalisation%20header.png?width=2430&amp;height=3215&amp;name=972x1286_Personalisation%20header.png 2430w, https://www.jakala.com/hs-fs/hubfs/972x1286_Personalisation%20header.png?width=2916&amp;height=3858&amp;name=972x1286_Personalisation%20header.png 2916w" sizes="(max-width: 972px) 100vw, 972px"> </div> <div class="insight-content space-y-7 py-9 px-9 lg:px-6"> <div class="flex items-center space-x-4"> <svg class="" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&amp;-Design" transform="translate(-67.000000, -4720.000000)" fill="#F00A0A"> <g id="DK-/-Parts-/-Case-history" transform="translate(0.000000, 4414.000000)"> <g id="title" transform="translate(67.000000, 300.000000)"> <g id="Fill-7" transform="translate(0.000000, 6.000000)"> <polygon points="0.5 2.00053036 0.5 6.00053036 4 8 7.5 6.00053036 7.5 2.00053036 4 0"></polygon> </g> </g> </g> </g> </g> </svg> <span class="text-f-m-xs lg:text-f-d-xs font-medium"> Article </span></div> <h3 class="text-f-m-base lg:text-f-d-sm">Que signifie la personnalisation?</h3> <div> <span class="text-f-m-xs lg:text-f-d-xs text-primary">3 min lecture</span> </div> </div> </div> </div> </div> <div class="swiper-pagination"></div> <div class="swiper-button-prev"> <svg class="w-14 h-auto" width="64px" height="73px" viewbox="0 0 64 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.9"> <g id="Kit" transform="translate(-371.000000, -637.000000)" stroke-width="2"> <g id="Icon-/--chevron-left---B" transform="translate(371.000000, 637.000000)"> <path d="M32,1.15127272 L63,18.8356485 L63,54.173878 L32,71.8488771 L1,54.173878 L1,18.8356485 L32,1.15127272 Z" id="Fill-7" stroke="#02002c" fill="#FFFFFF"></path> <g id="Icon-/-8-/-chevron-right---W" transform="translate(27.000000, 30.000000)" stroke="#1941FA"> <polyline id="Path" transform="translate(4.000000, 7.000000) rotate(-180.000000) translate(-4.000000, -7.000000) " points="0 0 8 7 0 14"></polyline> </g> </g> </g> </g> </svg> </div> <div class="swiper-button-next"> <svg class="w-14 h-auto" width="64px" height="73px" viewbox="0 0 64 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.9"> <g id="Kit" transform="translate(-459.000000, -637.000000)" stroke-width="2"> <g id="Icon-/--chevron-right---B" transform="translate(459.000000, 637.000000)"> <path d="M32,1.15127272 L63,18.8356485 L63,54.173878 L32,71.8488771 L1,54.173878 L1,18.8356485 L32,1.15127272 Z" id="Fill-7" stroke="#02002c" fill="#FFFFFF"></path> <g id="Icon-/-8-/-chevron-right---W" transform="translate(28.000000, 30.000000)" stroke="#1941FA"> <polyline id="Path" points="0 0 8 7 0 14"></polyline> </g> </g> </g> </g> </svg> </div> </div> <hr class="mt-15 mb-14 border-black/10 w-full-outside-container"> </div> <div class="js-listing-container js-anim-container grid lg:grid-cols-3 gap-11"> <div class="relative "> <a href="https://www.jakala.com/fr/insights/obtenir-un-score-google-lighthouse-parfait-pour-intermarche-et-mastrad" aria-label="Obtenir un score Google Lighthouse parfait pour Intermarché et Mastrad" class="absolute top-0 left-0 w-full h-full z-20"></a> <div class="relative"> <div class="absolute py-3 px-6 top-6 left-6 rounded bg-white text-f-m-xs lg:text-f-d-xs">Retail</div> <img class="rounded object-cover" src="https://www.jakala.com/hs-fs/hubfs/Google-lighthouse_header_972X1286.png?width=972&amp;height=1286&amp;name=Google-lighthouse_header_972X1286.png" alt="" loading="lazy" width="972" height="1286" srcset="https://www.jakala.com/hs-fs/hubfs/Google-lighthouse_header_972X1286.png?width=486&amp;height=643&amp;name=Google-lighthouse_header_972X1286.png 486w, https://www.jakala.com/hs-fs/hubfs/Google-lighthouse_header_972X1286.png?width=972&amp;height=1286&amp;name=Google-lighthouse_header_972X1286.png 972w, https://www.jakala.com/hs-fs/hubfs/Google-lighthouse_header_972X1286.png?width=1458&amp;height=1929&amp;name=Google-lighthouse_header_972X1286.png 1458w, https://www.jakala.com/hs-fs/hubfs/Google-lighthouse_header_972X1286.png?width=1944&amp;height=2572&amp;name=Google-lighthouse_header_972X1286.png 1944w, https://www.jakala.com/hs-fs/hubfs/Google-lighthouse_header_972X1286.png?width=2430&amp;height=3215&amp;name=Google-lighthouse_header_972X1286.png 2430w, https://www.jakala.com/hs-fs/hubfs/Google-lighthouse_header_972X1286.png?width=2916&amp;height=3858&amp;name=Google-lighthouse_header_972X1286.png 2916w" sizes="(max-width: 972px) 100vw, 972px"> </div> <div class="insight-content space-y-7 py-9 px-9 lg:px-6"> <div class="flex items-center space-x-4"> <svg class="" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&amp;-Design" transform="translate(-67.000000, -4720.000000)" fill="#F00A0A"> <g id="DK-/-Parts-/-Case-history" transform="translate(0.000000, 4414.000000)"> <g id="title" transform="translate(67.000000, 300.000000)"> <g id="Fill-7" transform="translate(0.000000, 6.000000)"> <polygon points="0.5 2.00053036 0.5 6.00053036 4 8 7.5 6.00053036 7.5 2.00053036 4 0"></polygon> </g> </g> </g> </g> </g> </svg> <span class="text-f-m-xs lg:text-f-d-xs font-medium"> Case Studies </span></div> <h3 class="text-f-m-base lg:text-f-d-sm">Obtenir un score Google Lighthouse parfait pour Intermarché et Mastrad</h3> <div> <span class="text-f-m-xs lg:text-f-d-xs text-primary">3 min lecture</span> </div> </div> </div> <div class="relative "> <a href="https://www.jakala.com/fr/insights/prix-women-in-drupal-2022" aria-label="Prix Women in Drupal 2022" class="absolute top-0 left-0 w-full h-full z-20"></a> <div class="relative"> <img class="rounded object-cover" src="https://www.jakala.com/hs-fs/hubfs/972x1286_WID%20header.png?width=972&amp;height=1286&amp;name=972x1286_WID%20header.png" alt="" loading="lazy" width="972" height="1286" srcset="https://www.jakala.com/hs-fs/hubfs/972x1286_WID%20header.png?width=486&amp;height=643&amp;name=972x1286_WID%20header.png 486w, https://www.jakala.com/hs-fs/hubfs/972x1286_WID%20header.png?width=972&amp;height=1286&amp;name=972x1286_WID%20header.png 972w, https://www.jakala.com/hs-fs/hubfs/972x1286_WID%20header.png?width=1458&amp;height=1929&amp;name=972x1286_WID%20header.png 1458w, https://www.jakala.com/hs-fs/hubfs/972x1286_WID%20header.png?width=1944&amp;height=2572&amp;name=972x1286_WID%20header.png 1944w, https://www.jakala.com/hs-fs/hubfs/972x1286_WID%20header.png?width=2430&amp;height=3215&amp;name=972x1286_WID%20header.png 2430w, https://www.jakala.com/hs-fs/hubfs/972x1286_WID%20header.png?width=2916&amp;height=3858&amp;name=972x1286_WID%20header.png 2916w" sizes="(max-width: 972px) 100vw, 972px"> </div> <div class="insight-content space-y-7 py-9 px-9 lg:px-6"> <div class="flex items-center space-x-4"> <svg class="" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&amp;-Design" transform="translate(-67.000000, -4720.000000)" fill="#F00A0A"> <g id="DK-/-Parts-/-Case-history" transform="translate(0.000000, 4414.000000)"> <g id="title" transform="translate(67.000000, 300.000000)"> <g id="Fill-7" transform="translate(0.000000, 6.000000)"> <polygon points="0.5 2.00053036 0.5 6.00053036 4 8 7.5 6.00053036 7.5 2.00053036 4 0"></polygon> </g> </g> </g> </g> </g> </svg> <span class="text-f-m-xs lg:text-f-d-xs font-medium"> Article </span></div> <h3 class="text-f-m-base lg:text-f-d-sm">Prix Women in Drupal 2022</h3> <div> <span class="text-f-m-xs lg:text-f-d-xs text-primary">3 min lecture</span> </div> </div> </div> <div class="relative "> <a href="https://www.jakala.com/fr/insights/que-signifie-la-personnalisation" aria-label="Que signifie la personnalisation?" class="absolute top-0 left-0 w-full h-full z-20"></a> <div class="relative"> <img class="rounded object-cover" src="https://www.jakala.com/hs-fs/hubfs/972x1286_Personalisation%20header.png?width=972&amp;height=1286&amp;name=972x1286_Personalisation%20header.png" alt="" loading="lazy" width="972" height="1286" srcset="https://www.jakala.com/hs-fs/hubfs/972x1286_Personalisation%20header.png?width=486&amp;height=643&amp;name=972x1286_Personalisation%20header.png 486w, https://www.jakala.com/hs-fs/hubfs/972x1286_Personalisation%20header.png?width=972&amp;height=1286&amp;name=972x1286_Personalisation%20header.png 972w, https://www.jakala.com/hs-fs/hubfs/972x1286_Personalisation%20header.png?width=1458&amp;height=1929&amp;name=972x1286_Personalisation%20header.png 1458w, https://www.jakala.com/hs-fs/hubfs/972x1286_Personalisation%20header.png?width=1944&amp;height=2572&amp;name=972x1286_Personalisation%20header.png 1944w, https://www.jakala.com/hs-fs/hubfs/972x1286_Personalisation%20header.png?width=2430&amp;height=3215&amp;name=972x1286_Personalisation%20header.png 2430w, https://www.jakala.com/hs-fs/hubfs/972x1286_Personalisation%20header.png?width=2916&amp;height=3858&amp;name=972x1286_Personalisation%20header.png 2916w" sizes="(max-width: 972px) 100vw, 972px"> </div> <div class="insight-content space-y-7 py-9 px-9 lg:px-6"> <div class="flex items-center space-x-4"> <svg class="" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&amp;-Design" transform="translate(-67.000000, -4720.000000)" fill="#F00A0A"> <g id="DK-/-Parts-/-Case-history" transform="translate(0.000000, 4414.000000)"> <g id="title" transform="translate(67.000000, 300.000000)"> <g id="Fill-7" transform="translate(0.000000, 6.000000)"> <polygon points="0.5 2.00053036 0.5 6.00053036 4 8 7.5 6.00053036 7.5 2.00053036 4 0"></polygon> </g> </g> </g> </g> </g> </svg> <span class="text-f-m-xs lg:text-f-d-xs font-medium"> Article </span></div> <h3 class="text-f-m-base lg:text-f-d-sm">Que signifie la personnalisation?</h3> <div> <span class="text-f-m-xs lg:text-f-d-xs text-primary">3 min lecture</span> </div> </div> </div> <div class="relative "> <a href="https://www.jakala.com/fr/insights/jakala-anciennement-ffw-et-ses-clients-celebrent-les-trois-victoires-dacquia-engage" aria-label="JAKALA (anciennement FFW) et ses clients célèbrent les trois victoires d'Acquia Engage" class="absolute top-0 left-0 w-full h-full z-20"></a> <div class="relative"> <img class="rounded object-cover" src="https://www.jakala.com/hs-fs/hubfs/972x1286_Acquia%20Engage%20header.png?width=972&amp;height=1286&amp;name=972x1286_Acquia%20Engage%20header.png" alt="" loading="lazy" width="972" height="1286" srcset="https://www.jakala.com/hs-fs/hubfs/972x1286_Acquia%20Engage%20header.png?width=486&amp;height=643&amp;name=972x1286_Acquia%20Engage%20header.png 486w, https://www.jakala.com/hs-fs/hubfs/972x1286_Acquia%20Engage%20header.png?width=972&amp;height=1286&amp;name=972x1286_Acquia%20Engage%20header.png 972w, https://www.jakala.com/hs-fs/hubfs/972x1286_Acquia%20Engage%20header.png?width=1458&amp;height=1929&amp;name=972x1286_Acquia%20Engage%20header.png 1458w, https://www.jakala.com/hs-fs/hubfs/972x1286_Acquia%20Engage%20header.png?width=1944&amp;height=2572&amp;name=972x1286_Acquia%20Engage%20header.png 1944w, https://www.jakala.com/hs-fs/hubfs/972x1286_Acquia%20Engage%20header.png?width=2430&amp;height=3215&amp;name=972x1286_Acquia%20Engage%20header.png 2430w, https://www.jakala.com/hs-fs/hubfs/972x1286_Acquia%20Engage%20header.png?width=2916&amp;height=3858&amp;name=972x1286_Acquia%20Engage%20header.png 2916w" sizes="(max-width: 972px) 100vw, 972px"> </div> <div class="insight-content space-y-7 py-9 px-9 lg:px-6"> <div class="flex items-center space-x-4"> <svg class="" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&amp;-Design" transform="translate(-67.000000, -4720.000000)" fill="#F00A0A"> <g id="DK-/-Parts-/-Case-history" transform="translate(0.000000, 4414.000000)"> <g id="title" transform="translate(67.000000, 300.000000)"> <g id="Fill-7" transform="translate(0.000000, 6.000000)"> <polygon points="0.5 2.00053036 0.5 6.00053036 4 8 7.5 6.00053036 7.5 2.00053036 4 0"></polygon> </g> </g> </g> </g> </g> </svg> <span class="text-f-m-xs lg:text-f-d-xs font-medium"> Article </span></div> <h3 class="text-f-m-base lg:text-f-d-sm">JAKALA (anciennement FFW) et ses clients célèbrent les trois victoires d'Acquia Engage</h3> <div> <span class="text-f-m-xs lg:text-f-d-xs text-primary">4 min lecture</span> </div> </div> </div> <div class="relative "> <a href="https://www.jakala.com/fr/insights/dynamique-sans-limites-2022-next.js" aria-label="Dynamique sans limites : 2022 Next.js" class="absolute top-0 left-0 w-full h-full z-20"></a> <div class="relative"> <img class="rounded object-cover" src="https://www.jakala.com/hs-fs/hubfs/972x1286_next.js%20header.png?width=972&amp;height=1286&amp;name=972x1286_next.js%20header.png" alt="" loading="lazy" width="972" height="1286" srcset="https://www.jakala.com/hs-fs/hubfs/972x1286_next.js%20header.png?width=486&amp;height=643&amp;name=972x1286_next.js%20header.png 486w, https://www.jakala.com/hs-fs/hubfs/972x1286_next.js%20header.png?width=972&amp;height=1286&amp;name=972x1286_next.js%20header.png 972w, https://www.jakala.com/hs-fs/hubfs/972x1286_next.js%20header.png?width=1458&amp;height=1929&amp;name=972x1286_next.js%20header.png 1458w, https://www.jakala.com/hs-fs/hubfs/972x1286_next.js%20header.png?width=1944&amp;height=2572&amp;name=972x1286_next.js%20header.png 1944w, https://www.jakala.com/hs-fs/hubfs/972x1286_next.js%20header.png?width=2430&amp;height=3215&amp;name=972x1286_next.js%20header.png 2430w, https://www.jakala.com/hs-fs/hubfs/972x1286_next.js%20header.png?width=2916&amp;height=3858&amp;name=972x1286_next.js%20header.png 2916w" sizes="(max-width: 972px) 100vw, 972px"> </div> <div class="insight-content space-y-7 py-9 px-9 lg:px-6"> <div class="flex items-center space-x-4"> <svg class="" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&amp;-Design" transform="translate(-67.000000, -4720.000000)" fill="#F00A0A"> <g id="DK-/-Parts-/-Case-history" transform="translate(0.000000, 4414.000000)"> <g id="title" transform="translate(67.000000, 300.000000)"> <g id="Fill-7" transform="translate(0.000000, 6.000000)"> <polygon points="0.5 2.00053036 0.5 6.00053036 4 8 7.5 6.00053036 7.5 2.00053036 4 0"></polygon> </g> </g> </g> </g> </g> </svg> <span class="text-f-m-xs lg:text-f-d-xs font-medium"> Article </span></div> <h3 class="text-f-m-base lg:text-f-d-sm">Dynamique sans limites : 2022 Next.js</h3> <div> <span class="text-f-m-xs lg:text-f-d-xs text-primary">3 min lecture</span> </div> </div> </div> <div class="relative "> <a href="https://www.jakala.com/fr/insights/laccessibilite-web-et-la-reconnaissance-de-marque" aria-label="L'accessibilité web et la reconnaissance de marque " class="absolute top-0 left-0 w-full h-full z-20"></a> <div class="relative"> <img class="rounded object-cover" src="https://www.jakala.com/hs-fs/hubfs/972x1286_Web%20Accessibility%20article%20header.png?width=972&amp;height=1286&amp;name=972x1286_Web%20Accessibility%20article%20header.png" alt="" loading="lazy" width="972" height="1286" srcset="https://www.jakala.com/hs-fs/hubfs/972x1286_Web%20Accessibility%20article%20header.png?width=486&amp;height=643&amp;name=972x1286_Web%20Accessibility%20article%20header.png 486w, https://www.jakala.com/hs-fs/hubfs/972x1286_Web%20Accessibility%20article%20header.png?width=972&amp;height=1286&amp;name=972x1286_Web%20Accessibility%20article%20header.png 972w, https://www.jakala.com/hs-fs/hubfs/972x1286_Web%20Accessibility%20article%20header.png?width=1458&amp;height=1929&amp;name=972x1286_Web%20Accessibility%20article%20header.png 1458w, https://www.jakala.com/hs-fs/hubfs/972x1286_Web%20Accessibility%20article%20header.png?width=1944&amp;height=2572&amp;name=972x1286_Web%20Accessibility%20article%20header.png 1944w, https://www.jakala.com/hs-fs/hubfs/972x1286_Web%20Accessibility%20article%20header.png?width=2430&amp;height=3215&amp;name=972x1286_Web%20Accessibility%20article%20header.png 2430w, https://www.jakala.com/hs-fs/hubfs/972x1286_Web%20Accessibility%20article%20header.png?width=2916&amp;height=3858&amp;name=972x1286_Web%20Accessibility%20article%20header.png 2916w" sizes="(max-width: 972px) 100vw, 972px"> </div> <div class="insight-content space-y-7 py-9 px-9 lg:px-6"> <div class="flex items-center space-x-4"> <svg class="" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&amp;-Design" transform="translate(-67.000000, -4720.000000)" fill="#F00A0A"> <g id="DK-/-Parts-/-Case-history" transform="translate(0.000000, 4414.000000)"> <g id="title" transform="translate(67.000000, 300.000000)"> <g id="Fill-7" transform="translate(0.000000, 6.000000)"> <polygon points="0.5 2.00053036 0.5 6.00053036 4 8 7.5 6.00053036 7.5 2.00053036 4 0"></polygon> </g> </g> </g> </g> </g> </svg> <span class="text-f-m-xs lg:text-f-d-xs font-medium"> Article </span></div> <h3 class="text-f-m-base lg:text-f-d-sm">L'accessibilité web et la reconnaissance de marque </h3> <div> <span class="text-f-m-xs lg:text-f-d-xs text-primary">3 min lecture</span> </div> </div> </div> <div class="relative "> <a href="https://www.jakala.com/fr/insights/3-limportance-de-la-decouverte-pour-votre-refonte-3-raisons" aria-label="3 L'importance de la découverte pour votre refonte: 3 raisons" class="absolute top-0 left-0 w-full h-full z-20"></a> <div class="relative"> <img class="rounded object-cover" src="https://www.jakala.com/hs-fs/hubfs/972x1286_Discovery%20article%20header.png?width=972&amp;height=1286&amp;name=972x1286_Discovery%20article%20header.png" alt="" loading="lazy" width="972" height="1286" srcset="https://www.jakala.com/hs-fs/hubfs/972x1286_Discovery%20article%20header.png?width=486&amp;height=643&amp;name=972x1286_Discovery%20article%20header.png 486w, https://www.jakala.com/hs-fs/hubfs/972x1286_Discovery%20article%20header.png?width=972&amp;height=1286&amp;name=972x1286_Discovery%20article%20header.png 972w, https://www.jakala.com/hs-fs/hubfs/972x1286_Discovery%20article%20header.png?width=1458&amp;height=1929&amp;name=972x1286_Discovery%20article%20header.png 1458w, https://www.jakala.com/hs-fs/hubfs/972x1286_Discovery%20article%20header.png?width=1944&amp;height=2572&amp;name=972x1286_Discovery%20article%20header.png 1944w, https://www.jakala.com/hs-fs/hubfs/972x1286_Discovery%20article%20header.png?width=2430&amp;height=3215&amp;name=972x1286_Discovery%20article%20header.png 2430w, https://www.jakala.com/hs-fs/hubfs/972x1286_Discovery%20article%20header.png?width=2916&amp;height=3858&amp;name=972x1286_Discovery%20article%20header.png 2916w" sizes="(max-width: 972px) 100vw, 972px"> </div> <div class="insight-content space-y-7 py-9 px-9 lg:px-6"> <div class="flex items-center space-x-4"> <svg class="" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&amp;-Design" transform="translate(-67.000000, -4720.000000)" fill="#F00A0A"> <g id="DK-/-Parts-/-Case-history" transform="translate(0.000000, 4414.000000)"> <g id="title" transform="translate(67.000000, 300.000000)"> <g id="Fill-7" transform="translate(0.000000, 6.000000)"> <polygon points="0.5 2.00053036 0.5 6.00053036 4 8 7.5 6.00053036 7.5 2.00053036 4 0"></polygon> </g> </g> </g> </g> </g> </svg> <span class="text-f-m-xs lg:text-f-d-xs font-medium"> Article </span></div> <h3 class="text-f-m-base lg:text-f-d-sm">3 L'importance de la découverte pour votre refonte: 3 raisons</h3> <div> <span class="text-f-m-xs lg:text-f-d-xs text-primary">4 min lecture</span> </div> </div> </div> <div class="relative "> <a href="https://www.jakala.com/fr/insights/la-transformation-numerique-chez-zdf-reinventer-la-television-publique" aria-label="La transformation numérique chez ZDF : Réinventer la télévision publique" class="absolute top-0 left-0 w-full h-full z-20"></a> <div class="relative"> <div class="absolute py-3 px-6 top-6 left-6 rounded bg-white text-f-m-xs lg:text-f-d-xs">Publishing &amp; Entertainment</div> <img class="rounded object-cover" src="https://www.jakala.com/hs-fs/hubfs/Case%20study%20images/ZDF/zdf-head-2.jpg?width=972&amp;height=1286&amp;name=zdf-head-2.jpg" alt="" loading="lazy" width="972" height="1286" srcset="https://www.jakala.com/hs-fs/hubfs/Case%20study%20images/ZDF/zdf-head-2.jpg?width=486&amp;height=643&amp;name=zdf-head-2.jpg 486w, https://www.jakala.com/hs-fs/hubfs/Case%20study%20images/ZDF/zdf-head-2.jpg?width=972&amp;height=1286&amp;name=zdf-head-2.jpg 972w, https://www.jakala.com/hs-fs/hubfs/Case%20study%20images/ZDF/zdf-head-2.jpg?width=1458&amp;height=1929&amp;name=zdf-head-2.jpg 1458w, https://www.jakala.com/hs-fs/hubfs/Case%20study%20images/ZDF/zdf-head-2.jpg?width=1944&amp;height=2572&amp;name=zdf-head-2.jpg 1944w, https://www.jakala.com/hs-fs/hubfs/Case%20study%20images/ZDF/zdf-head-2.jpg?width=2430&amp;height=3215&amp;name=zdf-head-2.jpg 2430w, https://www.jakala.com/hs-fs/hubfs/Case%20study%20images/ZDF/zdf-head-2.jpg?width=2916&amp;height=3858&amp;name=zdf-head-2.jpg 2916w" sizes="(max-width: 972px) 100vw, 972px"> </div> <div class="insight-content space-y-7 py-9 px-9 lg:px-6"> <div class="flex items-center space-x-4"> <svg class="" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&amp;-Design" transform="translate(-67.000000, -4720.000000)" fill="#F00A0A"> <g id="DK-/-Parts-/-Case-history" transform="translate(0.000000, 4414.000000)"> <g id="title" transform="translate(67.000000, 300.000000)"> <g id="Fill-7" transform="translate(0.000000, 6.000000)"> <polygon points="0.5 2.00053036 0.5 6.00053036 4 8 7.5 6.00053036 7.5 2.00053036 4 0"></polygon> </g> </g> </g> </g> </g> </svg> <span class="text-f-m-xs lg:text-f-d-xs font-medium"> Case Studies </span></div> <h3 class="text-f-m-base lg:text-f-d-sm">La transformation numérique chez ZDF : Réinventer la télévision publique</h3> <div> <span class="text-f-m-xs lg:text-f-d-xs text-primary">6 min lecture</span> </div> </div> </div> <div class="relative "> <a href="https://www.jakala.com/fr/insights/jakala-annonce-lacquisition-dune-participation-majoritaire-dans-claravista" aria-label="JAKALA annonce l'acquisition d'une participation majoritaire dans ClaraVista" class="absolute top-0 left-0 w-full h-full z-20"></a> <div class="relative"> <img class="rounded object-cover" src="https://www.jakala.com/hs-fs/hubfs/Claravista.jpg?width=972&amp;height=1286&amp;name=Claravista.jpg" alt="" loading="lazy" width="972" height="1286" srcset="https://www.jakala.com/hs-fs/hubfs/Claravista.jpg?width=486&amp;height=643&amp;name=Claravista.jpg 486w, https://www.jakala.com/hs-fs/hubfs/Claravista.jpg?width=972&amp;height=1286&amp;name=Claravista.jpg 972w, https://www.jakala.com/hs-fs/hubfs/Claravista.jpg?width=1458&amp;height=1929&amp;name=Claravista.jpg 1458w, https://www.jakala.com/hs-fs/hubfs/Claravista.jpg?width=1944&amp;height=2572&amp;name=Claravista.jpg 1944w, https://www.jakala.com/hs-fs/hubfs/Claravista.jpg?width=2430&amp;height=3215&amp;name=Claravista.jpg 2430w, https://www.jakala.com/hs-fs/hubfs/Claravista.jpg?width=2916&amp;height=3858&amp;name=Claravista.jpg 2916w" sizes="(max-width: 972px) 100vw, 972px"> </div> <div class="insight-content space-y-7 py-9 px-9 lg:px-6"> <div class="flex items-center space-x-4"> <svg class="" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&amp;-Design" transform="translate(-67.000000, -4720.000000)" fill="#F00A0A"> <g id="DK-/-Parts-/-Case-history" transform="translate(0.000000, 4414.000000)"> <g id="title" transform="translate(67.000000, 300.000000)"> <g id="Fill-7" transform="translate(0.000000, 6.000000)"> <polygon points="0.5 2.00053036 0.5 6.00053036 4 8 7.5 6.00053036 7.5 2.00053036 4 0"></polygon> </g> </g> </g> </g> </g> </svg> <span class="text-f-m-xs lg:text-f-d-xs font-medium"> Article </span></div> <h3 class="text-f-m-base lg:text-f-d-sm">JAKALA annonce l'acquisition d'une participation majoritaire dans ClaraVista</h3> <div> <span class="text-f-m-xs lg:text-f-d-xs text-primary">3 min lecture</span> </div> </div> </div> </div> <div class="text-center"> <a class="js-pagination-load-more inline-block bg-primary-light hover:bg-primary transition-colors text-white text-f-m-sm lg:text-f-d-sm font-medium py-7 px-9 rounded [&amp;.loading]:pointer-events-none [&amp;.loading]:opacity-50 mt-15" href="https://www.jakala.com/fr/insights?page=2"> Lire plus </a> </div> </div> </div> </div> </div><!--end widget-span --> </div><!--end row--> </div><!--end row-wrapper --> <div class="row-fluid-wrapper row-depth-1 row-number-8 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_main-module-9" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="h-16 lg:h-17 "></div> </div> </div><!--end widget-span --> </div><!--end row--> </div><!--end row-wrapper --> </div><!--end widget-span --> </div><!--end row--> </div><!--end row-wrapper --> </div><!--end widget-span --> </div> </div> </div> <!-- End partial --> </div> </main> <div data-global-resource-path="jakala/templates/partials/footer.html"> <footer class="bg-primary text-white pt-11 pb-9 lg:pt-15 px-9 lg:px-14 hs-search-hidden"> <div class="js-anim-container max-w-content mx-auto w-full space-y-4"> <div class="flex flex-col lg:flex-row lg:justify-between lg:space-x-14 items-center lg:items-start"> <div class="max-lg:max-w-[20px] mb-13 lg:mb-0"> <div id="hs_cos_wrapper_logo-footer" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <div> <img class="" src="https://www.jakala.com/hubfs/raw_assets/public/jakala/images/jakala-j-red-white.svg" alt="Jakala" width="52" height="130" style="max-width: 100%; height: auto;"> </div></div> </div> <div class="max-lg:hidden text-f-d-xs font-normal [&amp;_.hs-menu-depth-1>*:first-child]:block [&amp;_.hs-menu-depth-1>*:first-child]:mb-7 [&amp;_.hs-menu-depth-1>*:first-child]:font-semibold [&amp;_ul]:space-y-7 [&amp;_.hs-menu-depth-1>*:first-child]:!pointer-events-none"> <div id="hs_cos_wrapper_footer_menu_1" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_footer_menu_1_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><div id="hs_menu_wrapper_footer_menu_1_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-vertical" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu"> <ul role="menu"> <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><span>Entreprise</span> <ul role="menu" class="hs-menu-children-wrapper"> <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.jakala.com/fr/about-us-qui-sommes-nous" role="menuitem" target="_self">Qui sommes-nous</a></li> <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.jakala.com/fr/groupe-et-pays" role="menuitem" target="_self">Groupe et Pays</a></li> <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.jakala.com/fr/nous-contacter" role="menuitem" target="_self">Contactez-nous</a></li> </ul></li> </ul> </div></span></div> </div> <div class="max-lg:hidden text-f-d-xs font-normal [&amp;_.hs-menu-depth-1>*:first-child]:block [&amp;_.hs-menu-depth-1>*:first-child]:mb-7 [&amp;_.hs-menu-depth-1>*:first-child]:font-semibold [&amp;_ul]:space-y-7 [&amp;_.hs-menu-depth-1>*:first-child]:!pointer-events-none"> <div id="hs_cos_wrapper_footer_menu_2" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_footer_menu_2_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><div id="hs_menu_wrapper_footer_menu_2_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-vertical" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu"> <ul role="menu"> <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><span>Sustainability</span> <ul role="menu" class="hs-menu-children-wrapper"> <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.jakala.com/fr/durabilité-croissance-durable" role="menuitem" target="_self">Croissance durable</a></li> <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://ewhistlejakala.azurewebsites.net" role="menuitem" target="_self">JWhistle</a></li> </ul></li> </ul> </div></span></div> </div> <div class="max-lg:hidden text-f-d-xs font-normal [&amp;_.hs-menu-depth-1>*:first-child]:block [&amp;_.hs-menu-depth-1>*:first-child]:mb-7 [&amp;_.hs-menu-depth-1>*:first-child]:font-semibold [&amp;_ul]:space-y-7 [&amp;_.hs-menu-depth-1>*:first-child]:!pointer-events-none"> <div id="hs_cos_wrapper_footer_menu_3" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_footer_menu_3_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><div id="hs_menu_wrapper_footer_menu_3_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-vertical" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu"> <ul role="menu"> <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><span>Travailler avec nous</span> <ul role="menu" class="hs-menu-children-wrapper"> <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.jakala.com/fr/travailler-avec-nous-nous-rejoindre" role="menuitem" target="_self">Rejoindre JAKALA</a></li> <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.jakala.com/fr/travailler-avec-nous-live" role="menuitem" target="_self">Vivre JAKALA</a></li> </ul></li> </ul> </div></span></div> </div> <div class="max-lg:hidden text-f-d-xs font-normal [&amp;_.hs-menu-depth-1>*:first-child]:block [&amp;_.hs-menu-depth-1>*:first-child]:mb-7 [&amp;_.hs-menu-depth-1>*:first-child]:font-semibold [&amp;_ul]:space-y-7 [&amp;_.hs-menu-depth-1>*:first-child]:!pointer-events-none"> <div id="hs_cos_wrapper_footer_menu_4" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_footer_menu_4_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><ul></ul></span></div> </div> <div class="max-lg:hidden text-f-d-xs font-normal [&amp;_.hs-menu-depth-1>*:first-child]:block [&amp;_.hs-menu-depth-1>*:first-child]:mb-7 [&amp;_.hs-menu-depth-1>*:first-child]:font-semibold [&amp;_ul]:space-y-7 [&amp;_.hs-menu-depth-1>*:first-child]:!pointer-events-none"> <div id="hs_cos_wrapper_footer_menu_5" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_footer_menu_5_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><ul></ul></span></div> </div> <div class="text-f-m-xs lg:text-f-d-xs [&amp;>div]:justify-evenly w-full lg:w-auto"> <div class="flex justify-between space-x-8 flex-row lg:space-x-0 lg:space-y-9 lg:flex-col [&amp;_svg]:invert [&amp;_svg]:brightness-0 [&amp;_svg]:lg:h-auto [&amp;_svg]:lg:w-10"> <a class="flex items-center space-x-5" href="https://www.linkedin.com/company/jakala-spa/" target="_blank" rel="noopener"> <svg class="" width="24.5px" height="28px" viewbox="0 0 24.5 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="MB-/-Menu-02-04" transform="translate(-77.000000, -762.000000)"> <g id="social" transform="translate(32.000000, 740.000000)"> <g transform="translate(45.000000, 22.000000)" id="Icon-/-Social-/-linkedin"> <path d="M12.25,0.575913148 L24,7.29197937 L24,20.7116568 L12.25,27.424162 L0.5,20.7116568 L0.5,7.29197937 L12.25,0.575913148 Z" id="Fill-7" stroke="#1941FA"></path> <path d="M9.53289432,18.6767747 L7.54924068,18.6767747 L7.54924068,12.3373202 L9.53289432,12.3373202 L9.53289432,18.6767747 Z M8.54106193,11.473581 C7.9042067,11.473581 7.39002409,10.962581 7.39002409,10.332249 C7.39002409,9.7019502 7.9042067,9.19096126 8.54106193,9.19096126 C9.17533352,9.19096126 9.68949943,9.7019502 9.68949943,10.332249 C9.68949943,10.9599802 9.17533352,11.473581 8.54106193,11.473581 Z M16.9560045,18.6767747 L14.9749568,18.6767747 L14.9749568,15.5952253 C14.9749568,14.8611937 14.9618716,13.9143953 13.9439523,13.9143953 C12.9129477,13.9143953 12.7563705,14.7159368 12.7563705,15.5433755 L12.7563705,18.6767747 L10.7779119,18.6767747 L10.7779119,12.3373202 L12.6780818,12.3373202 L12.6780818,13.2037154 L12.7041409,13.2037154 C12.9677943,12.705664 13.6150955,12.1791146 14.5781682,12.1791146 C16.5853864,12.1791146 16.9560045,13.4916285 16.9560045,15.1984111 L16.9560045,18.6767747 Z" id="Shape" fill="#1941FA" fill-rule="nonzero"></path> </g> </g> </g> </g> </svg> <span class="font-medium">LinkedIn</span> </a> <a class="flex items-center space-x-5" href="https://www.instagram.com/wearejakala/" target="_blank" rel="noopener"> <svg class="" width="24.5px" height="28px" viewbox="0 0 24.5 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="MB-/-Menu-02-04" transform="translate(-210.000000, -762.000000)"> <g id="social" transform="translate(32.000000, 740.000000)"> <g transform="translate(45.000000, 22.000000)" id="insta"> <g transform="translate(133.000000, 0.000000)" id="Icon-/-Social-/-instagram"> <path d="M12.2538993,8.55569328 C14.0402591,8.55569328 14.2518215,8.56347905 14.9543558,8.59461107 C15.6072581,8.62314783 15.9598064,8.73211542 16.1948758,8.82291621 C16.5056463,8.94225375 16.7302434,9.08754387 16.9626947,9.31843874 C17.1977083,9.55193992 17.341368,9.77245929 17.4615207,10.0811897 C17.5529304,10.3146798 17.6625551,10.667513 17.6913539,11.3135217 C17.7226594,12.0139921 17.7305136,12.2241415 17.7305136,13.9961265 C17.7305136,15.7706957 17.7226594,15.9808063 17.6913539,16.6787036 C17.6625551,17.3272964 17.5529304,17.6775731 17.4615207,17.9110356 C17.341368,18.2197549 17.1950902,18.4428696 16.9626947,18.6737866 C16.7276253,18.907249 16.5056463,19.0499605 16.1948758,19.1693202 C15.9598064,19.2601265 15.60464,19.369083 14.9543558,19.3976364 C14.2492035,19.4287352 14.0376411,19.4365375 12.2538993,19.4365375 C10.4675784,19.4365375 10.2560327,19.4287352 9.55352627,19.3976364 C8.90060725,19.369083 8.5480478,19.2601265 8.31299517,19.1693202 C8.00221344,19.0499605 7.77761081,18.9047036 7.54517625,18.6737866 C7.31013476,18.4402688 7.1664918,18.2197549 7.04635577,17.9110356 C6.95495167,17.6775731 6.84526565,17.3246957 6.81653371,16.6787036 C6.78519485,15.9782055 6.77736291,15.7680949 6.77736291,13.9961265 C6.77736291,12.2215684 6.78519485,12.011419 6.81653371,11.3135217 C6.84526565,10.6649123 6.95495167,10.3146798 7.04635577,10.0811897 C7.1664918,9.77245929 7.3127417,9.54933913 7.54517625,9.31843874 C7.78022331,9.08494862 8.00221344,8.94225375 8.31299517,8.82291621 C8.5480478,8.73211542 8.90322532,8.62314783 9.55352627,8.59461107 C10.2560327,8.56347905 10.4675784,8.55569328 12.2538993,8.55569328 Z M12.2538993,7.35968379 C10.4388576,7.35968379 10.2116536,7.36746696 9.4986749,7.39859953 C8.78831429,7.42973194 8.29993823,7.54388506 7.87685241,7.70733091 C7.43549023,7.87856032 7.06203077,8.10426798 6.69117825,8.47526798 C6.3177188,8.84367273 6.0905059,9.21466719 5.91813879,9.65052648 C5.75360697,10.0734095 5.63869538,10.5559613 5.60735612,11.2616332 C5.5760167,11.9724791 5.56818182,12.1982111 5.56818182,14.0012727 C5.56818182,15.8043953 5.5760167,16.0301107 5.60735612,16.7383557 C5.63869538,17.4440553 5.75360697,17.9291858 5.91813879,18.3494625 C6.0905059,18.7879447 6.3177188,19.158917 6.69117825,19.5273439 C7.06203077,19.8957154 7.43549023,20.1240316 7.87424548,20.2926957 C8.29993823,20.4561028 8.78569622,20.5702609 9.49605683,20.601415 C10.2090355,20.6325138 10.4362395,20.6403162 12.2512812,20.6403162 C14.0663841,20.6403162 14.2935993,20.6325138 15.0066058,20.601415 C15.7169386,20.5702609 16.2052923,20.4561028 16.6283614,20.2926957 C17.067139,20.1240316 17.4406319,19.8957154 17.811451,19.5273439 C18.1822701,19.158917 18.412159,18.7879447 18.5818879,18.3520632 C18.7464365,17.9291858 18.8613531,17.4466561 18.8926585,16.7409565 C18.9240197,16.0327115 18.9318182,15.806996 18.9318182,14.0039289 C18.9318182,12.2008119 18.9240197,11.9750798 18.8926585,11.2668348 C18.8613531,10.5611628 18.7464365,10.0760047 18.5818879,9.65571146 C18.4173394,9.21466719 18.1901243,8.84367273 17.8166871,8.47526798 C17.4458123,8.10686324 17.0723751,7.87856032 16.6335976,7.70992395 C16.2079104,7.54647921 15.7221747,7.43232664 15.0117862,7.40119391 C14.2962173,7.36746696 14.0690022,7.35968379 12.2538993,7.35968379 Z M12.253955,10.5897328 C10.357909,10.5897328 8.81965872,12.11783 8.81965872,14.0013281 C8.81965872,15.8848538 10.357909,17.4129565 12.253955,17.4129565 C14.1499396,17.4129565 15.6881955,15.8848538 15.6881955,14.0013281 C15.6881955,12.11783 14.1499396,10.5897328 12.253955,10.5897328 Z M12.253955,16.2143241 C11.0238627,16.2143241 10.0262106,15.2232569 10.0262106,14.0013281 C10.0262106,12.7793881 11.0238627,11.7883209 12.253955,11.7883209 C13.4840026,11.7883209 14.4816547,12.7793881 14.4816547,14.0013281 C14.4816547,15.2232569 13.4840026,16.2143241 12.253955,16.2143241 Z M15.824001,11.2512522 C16.2653966,11.2512522 16.6257434,10.8958126 16.6257434,10.454785 C16.6257434,10.0163249 16.2653966,9.65830119 15.824001,9.65830119 C15.382661,9.65830119 15.0222585,10.0137352 15.0222585,10.454785 C15.0222585,10.8932395 15.380043,11.2512522 15.824001,11.2512522 Z" id="Shape" fill="#1941FA"></path> <path d="M12.25,0.575913148 L24,7.29197937 L24,20.7116568 L12.25,27.424162 L0.5,20.7116568 L0.5,7.29197937 L12.25,0.575913148 Z" id="forma" stroke="#1941FA"></path> </g> </g> </g> </g> </g> </svg> <span class="font-medium">Instagram</span> </a> </div> </div> </div> <div class="border-white/20 border-t lg:border-b lg:py-9 !mt-11 lg:!mt-13 !mb-9 text-f-m-xs lg:text-f-d-xs text-center lg:text-start font-normal [&amp;_ul]:lg:flex [&amp;_ul]:lg:space-x-11 [&amp;_ul>li]:lg:border-b-0 [&amp;_li]:lg:py-0 [&amp;_li]:py-7 [&amp;_ul>li]:border-white/20 [&amp;_ul>li]:border-b lg:[&amp;_ul>li:last-child]:hidden"> <div id="hs_cos_wrapper_footer_menu_middle" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_footer_menu_middle_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><div id="hs_menu_wrapper_footer_menu_middle_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-vertical" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu"> <ul role="menu"> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://26289830.fs1.hubspotusercontent-eu1.net/hubfs/26289830/Group_Code_of_Ethics.pdf" role="menuitem" target="_blank" rel="noopener">Code d'éthique</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.jakala.com/fr/privacy-policy" role="menuitem" target="_blank" rel="noopener">Privacy Policy</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://26289830.fs1.hubspotusercontent-eu1.net/hubfs/26289830/documents/Cookie%20policy%20Jakala%2010.2023_eng.pdf" role="menuitem" target="_blank" rel="noopener">Politique en matière de cookies</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.jakala.com/fr/nous-contacter" role="menuitem" target="_self">Contactez-nous</a></li> </ul> </div></span></div> </div> <div class="text-f-m-2xs lg:text-f-d-xs flex flex-col items-center lg:items-start lg:flex-row lg:space-x-9 text-center lg:text-start"> <div class="mb-6">©</div> <div> <div id="hs_cos_wrapper_footer_bottom_text" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_footer_bottom_text_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="text">JAKALA S.P.A. S.B. | CORSO DI PORTA ROMANA 15 - 20122 | C.F. E P.I. E N° INSCRIPTION AU REGISTRE DES ENTREPRISES DE MILAN 08462130967<br> Cap. Soc. souscrit et versé Euro 3.831.764,00. </span></div> </div> </div> </div> </footer></div> </div> <!-- HubSpot performance collection script --> <script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"></script> <script> var hsVars = hsVars || {}; hsVars['language'] = 'fr'; </script> <script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js"></script> <script defer src="https://www.jakala.com/hs-fs/hub/26289830/hub_generated/template_assets/69340800188/1684703226078/jakala/js/scripts/split-type.min.js"></script> <script defer src="https://www.jakala.com/hs-fs/hub/26289830/hub_generated/template_assets/69332807918/1684703226549/jakala/js/scripts/gsap.min.js"></script> <script defer src="https://www.jakala.com/hs-fs/hub/26289830/hub_generated/template_assets/69340800478/1684703219990/jakala/js/scripts/scroll-trigger.min.js"></script> <script defer src="https://www.jakala.com/hs-fs/hub/26289830/hub_generated/template_assets/69329355749/1697804107154/jakala/js/main.min.js"></script> <script defer src="https://www.jakala.com/hs-fs/hub/26289830/hub_generated/template_assets/69332807876/1696434353323/jakala/js/scripts/animations.min.js"></script> <script defer src="https://www.jakala.com/hs-fs/hub/26289830/hub_generated/template_assets/69340800191/1697804107154/jakala/js/scripts/menu.min.js"></script> <script defer src="https://www.jakala.com/hs-fs/hub/26289830/hub_generated/template_assets/73997234142/1689085234096/jakala/js/scripts/read-more.min.js"></script> <script> new Swiper("#main-module-8", { navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, slidesPerView: 1.2, spaceBetween: 10, a11y: true, keyboard: true, pagination: { el: ".swiper-pagination", type: "bullets", clickable: true } }); </script> <script defer src="https://www.jakala.com/hs-fs/hub/26289830/hub_generated/template_assets/71041470457/1686217791478/jakala/js/scripts/filters.min.js"></script> <script defer src="https://www.jakala.com/hs-fs/hub/26289830/hub_generated/template_assets/71040844759/1715952647958/jakala/js/scripts/pagination.min.js"></script> <!-- Start of HubSpot Analytics Code --> <script type="text/javascript"> var _hsq = _hsq || []; _hsq.push(["setContentType", "standard-page"]); _hsq.push(["setCanonicalUrl", "https:\/\/www.jakala.com\/fr\/insights"]); _hsq.push(["setPageId", "80142570965"]); _hsq.push(["setContentMetadata", { "contentPageId": 71041408484, "legacyPageId": "80142570965", "contentFolderId": null, "contentGroupId": null, "abTestId": null, "languageVariantId": 80142570965, "languageCode": "fr", }]); </script> <script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/26289830.js"></script> <!-- End of HubSpot Analytics Code --> <script type="text/javascript"> var hsVars = { render_id: "8f998b42-51bc-4bfa-aff3-fd165ec844bf", ticks: 1733166056932, page_id: 80142570965, content_group_id: 0, portal_id: 26289830, app_hs_base_url: "https://app-eu1.hubspot.com", cp_hs_base_url: "https://cp-eu1.hubspot.com", language: "fr", analytics_page_type: "standard-page", scp_content_type: "", analytics_page_id: "80142570965", category_id: 1, folder_id: 0, is_hubspot_user: false } </script> <script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.354/js/index.js"></script> <script> (function () { var s = document.createElement("script"), e = !document.body ? document.querySelector("head") : document.body; s.src = "https://eu.acsbapp.com/apps/app/dist/js/app.js"; s.async = true; s.onload = function () { acsbJS.init({ statementLink: "", footerHtml: '<a href="https://www.accessiway.com/it/home/" target="_blank">AccessiWay. The Web Accessibility Solution</a>', hideMobile: false, hideTrigger: false, language: "fr", position: "right", leadColor: "#0069fb", triggerColor: "#004fce", triggerRadius: "50%", triggerPositionX: "right", triggerPositionY: "bottom", triggerIcon: "people", triggerSize: "medium", triggerOffsetX: 20, triggerOffsetY: 20, mobile: { triggerSize: "medium", triggerPositionX: "right", triggerPositionY: "bottom", triggerOffsetX: 10, triggerOffsetY: 10, triggerRadius: "50%", }, }); }; e.appendChild(s); })(); </script> </body></html>

Pages: 1 2 3 4 5 6 7 8 9 10