https://zol.fr/

Ligações · 15 encontradas

As ligações de saída identificadas na página

HiperligaçãoTexto
https://www.facebook.com/ZOLagence/
https://twitter.com/zol_web/
https://www.instagram.com/zolagence/
https://www.linkedin.com/company/zol---agence-web-lyonnaise
https://www.adira.org/
https://www.digital-league.org/
https://www.les-strateges.fr/
https://www.sortlist.com/fr/agency/zol
https://sylius.com/fr/
https://www.entreprises.gouv.fr/fr/entrepreneuriat/aides-et-financement/credit-d-impot-recherche

Variáveis JavaScript · 151 encontradas

Variáveis JavaScript globais carregadas no objeto janela de uma página são variáveis declaradas fora das funções e acessíveis de qualquer parte do código dentro do âmbito atual

NomeTipo
0object
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
dataLayerobject
scriptsobject
pathstring
tarteaucitronForceCDNstring
cdnstring
alreadyLaunchnumber

Mensagens de registo da consola · 1 encontradas

Mensagens registadas na consola web

TipoCategoriaRegisto
errornetwork
URL
https://cdn.matomo.cloud/zol.matomo.cloud/matomo.js
Texto
Failed to load resource: the server responded with a status of 404 ()

HTML

O corpo HTML em bruto da página

<!DOCTYPE html><html lang="fr" prefix="og: http://ogp.me/ns#"><head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <meta name="format-detection" content="telephone=no">
        <title>ZOL, agence web et mobile agile et engagée à Lyon</title>
                    <meta property="og:title" content="ZOL - L'agence digitale RéZolument pas pareille !">
            <meta property="og:url" content="http://zol.fr/">
            <meta property="og:image" content="http://zol.fr/build/img/home/og-image.jpg">
            <meta property="og:description" content="Bienvenue chez ZOL ! Une jolie bande d’une cinquantaine d’experts complètement geeks mais hautement fréquentables et totalement obsédés par la réussite de votre projet digital. Ultra agiles, ultra sur-mesure, ultra pragmatiques, ultra faits pour vous en fait...">
            <meta name="description" content="ZOL est une agence web et mobile indépendante, agile et pragmatique, spécialisée dans la conception et le développement de solutions digitales sur-mesure à forte valeur ajoutée.">
                <link rel="stylesheet" href="/build/css/app8.css">
        <link rel="stylesheet" href="/build/css/fonts.css">
        <link rel="icon" href="/build/img/favicon/favicon.ico?1732704646" type="image/x-icon">
                        <script async="" src="//cdn.matomo.cloud/zol.matomo.cloud/matomo.js"></script><script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-593462J"></script><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
                    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
                j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
            })(window,document,'script','dataLayer','GTM-593462J');
        </script>
                <script type="text/javascript" src="https://cdn.jsdelivr.net/gh/AmauriC/tarteaucitron.js@20210329/tarteaucitron.js"></script>
    <script id="" async="" src="https://cdn.jsdelivr.net/gh/AmauriC/tarteaucitron.js@20210329/lang/tarteaucitron.en.min.js?v=20210310"></script><script id="" async="" src="https://cdn.jsdelivr.net/gh/AmauriC/tarteaucitron.js@20210329/tarteaucitron.services.min.js?v=20210310"></script></head>
    <body>
        <noscript>
            <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-593462J"
                    height="0" width="0" style="display:none;visibility:hidden">
            </iframe>
        </noscript>
        <div class="content">
            <div class="morph-wrap morph-wrap--hidden js-morph-wrap">
                <svg class="morph" width="1400" height="770" viewBox="0 0 1400 770">
                                        <path d="M435.493239,1224.41114 C661.931419,1291.93786 872.166376,1160.06829 1042.49326,1075.3577 C1211.76389,991.172423 1391.49327,982.82452 1487.49327,805.260853 C1626.11317,548.866509 1407.27077,259.416962 1097.49326,108.010848 C897.572611,10.2981091 639.209912,-6.65940316 483.493241,1.97282715 C86.4932272,23.9807183 -7.82674008,307.095101 0.493224295,641.202028 C8.81318867,975.308955 209.055059,1156.88442 435.493239,1224.41114 Z"></path>
                </svg>
            </div>
            <div id="barba-wrapper">
                <div class="barba-container" data-namespace="home">
                    <div class="
                        page
                        page-home                                            ">
                        <div class="js-page-home" data-namespace="home">

                                
<div class="menu js-menu">

    <div class="gsap--header-navbar">
        <a href="/" class="menu-logo">
            <div class="menu-logo-inner js-menu-logo">
                <img src="/build/img/ui/logo-white.svg" alt="ZOL, l'agence digitale agile sur mesure">
                <img src="/build/img/ui/logo.svg" alt="ZOL, l'agence digitale agile sur mesure">
            </div>
        </a>
        <button class="menu-toggler js-menu-toggler" aria-label="Menu Toggler">
            <div class="menu-toggler-inner menu-toggler-inner--open">
                <div class="menu-toggler-icon menu-toggler-icon--top"></div>
                <div class="menu-toggler-icon menu-toggler-icon--middle"></div>
                <div class="menu-toggler-icon menu-toggler-icon--bottom"></div>
            </div>
        </button>
    </div>
    <div class="menu-animation-white gsap--menu-animation-white"></div>
    <svg class="menu-animation-svg gsap--menu-animation-svg" width="20px" height="20px" viewBox="0 0 746 900" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none">
        <defs>
            <linearGradient x1="73.2961568%" y1="30.8555261%" x2="2.66253234%" y2="70.636452%" id="linearGradient-1">
                <stop stop-color="#9C1EE6" offset="0%"></stop>
                <stop stop-color="#20AFE6" offset="100%"></stop>
            </linearGradient>
        </defs>
        <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <g id="Menu-2" transform="translate(-694.000000, 0.000000)" fill="url(#linearGradient-1)">
                <g id="Oval-5">
                    <ellipse cx="1440" cy="436.5" rx="746" ry="795.5"></ellipse>
                </g>
            </g>
        </g>
    </svg>
    <div class="gsap--menu-content">
        <div class="menu-inner js-menu-inner">
            <div class="menu-content">
                <div class="menu-content-inner">
                    <div class="menu-content-left">
                        <div class="menu-content-left-inner">
                            <ul class="menu-content-list gsap--menu-list gsap--menu-list--hidden-before" data-title="Découvrir">
                                <li>
                                    <a href="/" class="gsap--menu-list-link" data-hover="">
                                        <span>A</span><span>c</span><span>c</span><span>u</span><span>e</span><span>i</span><span>l</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="/agence" class="gsap--menu-list-link" data-hover="">
                                        <span>P</span><span>h</span><span>i</span><span>Z</span><span>O</span><span>L</span><span>o</span><span>p</span><span>h</span><span>i</span><span>e</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="/equipe" class="gsap--menu-list-link" data-hover="">
                                        <span>L</span><span>e</span><span>s</span><span>&nbsp;</span><span>d</span><span>o</span><span>u</span><span>d</span><span>o</span><span>u</span><span>s</span>
                                        <div class="menu-content-list-after menu-content-list-after--join gsap--menu-list-after">
                                            <div class="menu-content-list-after-inner">
                                                <img class="menu-content-list-after-image" src="/build/img/ui/menu-fleche.svg" alt="">
                                                <span>on recrute</span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="/symfony-lovers" class="gsap--menu-list-link" data-hover="">
                                        <span>S</span><span>y</span><span>m</span><span>f</span><span>o</span><span>n</span><span>y</span><span>&nbsp;</span><span>l</span><span>o</span><span>v</span><span>e</span><span>r</span><span>s</span>
                                        <div class="menu-content-list-after menu-content-list-after--love gsap--menu-list-after">
                                            <div class="menu-content-list-after-inner">
                                                <img class="menu-content-list-after-image" src="/build/img/ui/coeur.svg" alt="">
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="/react" class="gsap--menu-list-link" data-hover="">
                                        <div class="menu-content-list-after menu-content-list-after--medic gsap--menu-list-after">
                                            <div class="menu-content-list-after-inner">
                                                <img class="menu-content-list-after-image" src="/build/img/ui/Syringe.svg" alt="">
                                            </div>
                                        </div>
                                        <span>R</span><span>e</span><span>a</span><span>c</span><span>t</span><span>&nbsp;</span><span>A</span><span>d</span><span>d</span><span>i</span><span>c</span><span>t</span><span>s</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="/references" class="gsap--menu-list-link" data-hover="">
                                        <span>O</span><span>h</span><span>&nbsp;</span><span>l</span><span>e</span><span>s</span><span>&nbsp;</span><span>z</span><span>o</span><span>l</span><span>i</span><span>s</span><span>&nbsp;</span><span>c</span><span>l</span><span>i</span><span>e</span><span>n</span><span>t</span><span>s</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="/blog" class="gsap--menu-list-link" data-hover="">
                                        <span>L</span><span>e</span><span>&nbsp;</span><span>B</span><span>l</span><span>o</span><span>g</span><span>&nbsp;</span><span>d</span><span>e</span><span>&nbsp;</span><span>Z</span><span>O</span><span>L</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="menu-content-list gsap--menu-list gsap--menu-list--hidden-before" data-title="Expertises">
                                <li>
                                    <a href="/sur-mesure" class="gsap--menu-list-link" data-hover="">
                                        <span>S</span><span>u</span><span>r</span><span>-</span><span>m</span><span>e</span><span>s</span><span>u</span><span>r</span><span>e</span><span>&nbsp;</span><span>&amp;</span><span>&nbsp;</span><span>h</span><span>a</span><span>u</span><span>t</span><span>e</span><span>&nbsp;</span><span>c</span><span>o</span><span>u</span><span>t</span><span>u</span><span>r</span><span>e</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="/agile" class="gsap--menu-list-link" data-hover="">
                                        <span>A</span><span>g</span><span>i</span><span>l</span><span>e</span><span>s</span><span>&nbsp;</span><span>e</span><span>t</span><span>&nbsp;</span><span>e</span><span>n</span><span>g</span><span>a</span><span>g</span><span>é</span><span>s</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="/expertise-conseil" class="gsap--menu-list-link" data-hover="">
                                        <span>C</span><span>o</span><span>n</span><span>s</span><span>e</span><span>i</span><span>l</span><span>&nbsp;</span><span>e</span><span>t</span><span>&nbsp;</span><span>t</span><span>r</span><span>a</span><span>n</span><span>s</span><span>f</span><span>o</span><span>r</span><span>m</span><span>a</span><span>t</span><span>i</span><span>o</span><span>n</span><span>&nbsp;</span><span>d</span><span>i</span><span>g</span><span>i</span><span>t</span><span>a</span><span>l</span><span>e</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="/data" class="gsap--menu-list-link" data-hover="">
                                        <span>A</span><span>g</span><span>i</span><span>t</span><span>o</span><span>n</span><span>s</span><span>&nbsp;</span><span>v</span><span>o</span><span>s</span><span>&nbsp;</span><span>d</span><span>o</span><span>n</span><span>n</span><span>é</span><span>e</span><span>s</span><span>&nbsp;</span><span>!</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="/ux" class="gsap--menu-list-link" data-hover="">
                                        <span>V</span><span>o</span><span>u</span><span>s</span><span>&nbsp;</span><span>a</span><span>v</span><span>e</span><span>z</span><span>&nbsp;</span><span>d</span><span>i</span><span>t</span><span>&nbsp;</span><span>U</span><span>X</span><span>&nbsp;</span><span>?</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="/expertise-ux-ui" class="gsap--menu-list-link" data-hover="">
                                        <span>O</span><span>n</span><span>&nbsp;</span><span>d</span><span>e</span><span>s</span><span>i</span><span>g</span><span>n</span><span>&nbsp;</span><span>!</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="/expertise-dev" class="gsap--menu-list-link" data-hover="">
                                        <span>O</span><span>n</span><span>&nbsp;</span><span>d</span><span>é</span><span>v</span><span>e</span><span>l</span><span>o</span><span>p</span><span>p</span><span>e</span><span>&nbsp;</span><span>!</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="/mobile" class="gsap--menu-list-link" data-hover="">
                                        <span>N</span><span>o</span><span>u</span><span>s</span><span>&nbsp;</span><span>s</span><span>o</span><span>m</span><span>m</span><span>e</span><span>s</span><span>&nbsp;</span><span>m</span><span>o</span><span>b</span><span>i</span><span>l</span><span>e</span><span>s</span><span>&nbsp;</span><span>!</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="/expertise-ecommerce" class="gsap--menu-list-link" data-hover="">
                                        <span>K</span><span>i</span><span>l</span><span>l</span><span>e</span><span>r</span><span>&nbsp;</span><span>d</span><span>u</span><span>&nbsp;</span><span>e</span><span>-</span><span>c</span><span>o</span><span>m</span><span>m</span><span>e</span><span>r</span><span>c</span><span>e</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="menu-content-contact">
                        <div class="menu-content-contact-inner">
                            <div class="menu-content-contact-title gsap--menu-contact-title">Contact</div>
                            <div class="menu-content-contact-info">
                                <div class="menu-content-contact-address gsap--menu-contact-address">
                                    <div class="menu-content-contact-column menu-location">
                                                                                <span>22 rue Robert</span>
                                        <span>69006 Lyon</span>
                                        <span>Tram T1 - Palais de Justice</span>
                                    </div>
                                    <div class="menu-content-contact-column menu-location">
                                                                                <span>226 bvd Voltaire</span>
                                        <span>75011 Paris</span>
                                        <span>Métro - Rue des boulets</span>
                                    </div>
                                </div>
                                <div class="menu-content-contact-mail gsap--menu-contact-mail">
                                    <span>[email protected]</span>
                                    <span>04 28 29 52 36</span>
                                </div>
                                <div class="menu-content-contact-social">
                                    <a href="https://www.facebook.com/ZOLagence/" target="_blank" rel="noopener" class="gsap--menu-contact-social">
                                        <img src="/build/img/social/facebook-white.svg" alt="Facebook">
                                    </a>
                                    <a href="https://twitter.com/zol_web/" target="_blank" rel="noopener" class="gsap--menu-contact-social">
                                        <img src="/build/img/social/twitter-white.svg" alt="Twitter">
                                    </a>
                                    <a href="https://www.instagram.com/zolagence/" target="_blank" rel="noopener" class="gsap--menu-contact-social">
                                        <img src="/build/img/social/instagram-white.svg" alt="Instagram">
                                    </a>
                                    <a href="https://www.linkedin.com/company/zol---agence-web-lyonnaise" target="_blank" rel="noopener" class="gsap--menu-contact-social">
                                        <img src="/build/img/social/linkedin-white.svg" alt="Linkedin">
                                    </a>
                                </div>
                            </div>
                            <div class="menu-content-contact-link gsap--menu-contact-link">
                                    <a href="/contact" class="blob-btn menu-content-contact-link-btn">
        Vous avez un projet ?
        <span class="blob-btn__inner">
            <span class="blob-btn__blobs">
                <span class="blob-btn__blob"></span>
                <span class="blob-btn__blob"></span>
                <span class="blob-btn__blob"></span>
                <span class="blob-btn__blob"></span>
            </span>
        </span>
    </a>

                                <a class="arrow-btn" href="/contact">Écrivez-nous</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="header" js-bg-morph="true">
    <div class="header-svg gsap--header-svg js-header-svg" style="transform: translate3d(41.7875px, -150.435px, 0px) scale(0.832934, 0.832934);">
        <div class="header-svg-inner">
                        <svg viewBox="0 0 1597 775" width="100%" height="100%" preserveAspectRatio="none">
                <defs>
                    <linearGradient x1="14.400485%" y1="29.438281%" x2="85.8569409%" y2="92.9180716%" id="linearGradient-home-header">
                        <stop stop-color="#9C1EE6" offset="0%"></stop>
                        <stop stop-color="#20AFE6" offset="100%"></stop>
                    </linearGradient>
                </defs>
                <path fill="url(#linearGradient-home-header)">
                    <animate attributeName="d" dur="10s" repeatCount="indefinite" values="M887.238496,768.078491 C1181.83983,796.500591 1390.29904,732.946424 1527.8348,622.348947 C1619.5253,548.617296 1619.5253,341.167647 1527.8348,3.97903932e-13 L88,3.97903932e-13 C-28.0795968,109.074823 -28.0795968,226.703877 88,352.887162 C262.119395,542.162089 545.682983,735.126418 887.238496,768.078491 Z; M755,763.5 C1132.76618,752.628435 1390.29904,593.526237 1527.8348,482.92876 C1619.5253,409.197109 1619.5253,248.220855 1527.8348,3.97903932e-13 L88,3.97903932e-13 C-14.3333333,307.936838 -20.6666667,498.603505 69,572 C203.5,682.094743 377.233822,774.371565 755,763.5 Z; M887.238496,768.078491 C1181.83983,796.500591 1390.29904,732.946424 1527.8348,622.348947 C1619.5253,548.617296 1619.5253,341.167647 1527.8348,3.97903932e-13 L88,3.97903932e-13 C-28.0795968,109.074823 -28.0795968,226.703877 88,352.887162 C262.119395,542.162089 545.682983,735.126418 887.238496,768.078491 Z;"></animate>
                </path>
            </svg>
                </div>
    </div>
    <div class="container">
        <div class="header-image gsap--header-image">
                                            <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/4t9ZJZXSMhHIOAC1gIIhQA/36fe0790affabb7a966c9686d40315de/ZOL_-_ALA.webp" type="image/webp" media="(min-width: 768px)">
                                        <source srcset="//images.ctfassets.net/zh8ys82xceif/9EQQZylvyUBbAYaXmfVrY/02f077891e156f1803130f1aa1a360e0/ZOL_-_ALA.webp" type="image/webp" media="(min-width: 768px)">
                                        <img src="//images.ctfassets.net/zh8ys82xceif/9EQQZylvyUBbAYaXmfVrY/02f077891e156f1803130f1aa1a360e0/ZOL_-_ALA.webp" alt="" class="">
            </picture>

                            </div>

        <div class="header-container js-header-container">
            <div class="header-positioner">
                <div class="header-aligner">
                    <div class="header-wrapper">
                                                                        <div class="header-title gsap--header-title">
                                            
        
            <div class="scrollsection-title-centerer">
            <h1 class="scrollsection-title ">
            <div class="scrollsection-title-fallback">
                                    L'agence digitale <br> <span class="title--padding--bottom">RéZolument</span> pas pareille.
                            </div>
        </h1>
            </div>
    
                                </div>
                        <div class="header-content">
                                        <div class="header-text gsap--header-text">
                Bienvenue chez ZOL ! Une jolie bande d’une cinquantaine d’experts complètement geeks mais hautement fréquentables et totalement obsédés par la réussite de votre projet digital. Ultra agiles, ultra sur-mesure, ultra pragmatiques, ultra faits pour vous en fait...
            </div>
            <div class="header-link gsap--header-link">
                    <a href="#" class="blob-btn js-scroll-to" data-target="#section-sur-mesure">
        Découvrez-nous !
        <span class="blob-btn__inner">
            <span class="blob-btn__blobs">
                <span class="blob-btn__blob"></span>
                <span class="blob-btn__blob"></span>
                <span class="blob-btn__blob"></span>
                <span class="blob-btn__blob"></span>
            </span>
        </span>
    </a>

            </div>
                                </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

    <div class="section-wrapper" id="section-wrapper">
        

<section class="section section-sur-mesure" id="section-sur-mesure" js-bg-morph="true">
    <div class="section-positioner">
        <div class="section-inner">
            <div class="section-row--xl-up">
                <div class="section-sur-mesure-left">
                    <div class="inview inview--y-50">
                            
        
            <div class="scrollsection-title ">
            <div class="scrollsection-title-fallback">
                                    ZOL c'est <span>Sur-mesure</span>
                            </div>
        </div>
    
                    </div>
                    <div class="scrollsection-content">
                        <div class="scrollsection-content-text">
                            <div class="inview inview--y-50">
                                <p>
                                    Notre spécialité ? La haute couture en version numérique. A l'opposé des solutions génériques et du «&nbsp;prêt-à-porter digital&nbsp;», notre démarche est résolument sur-mesure. Notre intervention commence généralement là où s'arrête celle de la plupart des autres agences, nous partons de votre ADN et plongeons au cœur de votre entreprise en accordant une attention toute particulière à tout ce qui fait que vous n'êtes pas une société lambda. Qu'il s’agisse de stratégie de transformation, de méthodologie d’accompagnement ou de développement d’outils spécifiques, nous mettons tout en œuvre pour que chaque étape serve votre singularité. Votre différence (comme la nôtre 😉) est un élément-clé pour satisfaire vos clients et vous démarquer de la concurrence et votre digital doit servir cela. Nous travaillerons donc avec vous à une transformation et des solutions distinctives, évolutives, sécurisées et qui vous ressemblent vraiment !
                                </p>
                            </div>
                        </div>
                        <div class="scrollsection-content-link inview inview--y-50">
                                <a href="/sur-mesure" class="blob-btn blob-btn--orange blob-btn--text-default">
        ZOL c'est <span>Sur-mesure</span>
        <span class="blob-btn__inner">
            <span class="blob-btn__blobs">
                <span class="blob-btn__blob"></span>
                <span class="blob-btn__blob"></span>
                <span class="blob-btn__blob"></span>
                <span class="blob-btn__blob"></span>
            </span>
        </span>
    </a>

                        </div>
                    </div>
                </div>
                <div class="section-sur-mesure-right">
                    <div class="page-home-bubbles js-sur-mesure-bubbles">
                                                                                <div class="page-home-bubbles-container">
                                <div class="page-home-bubble page-home-bubble--support">
                                    <div class="page-home-bubble-white">
                                        <div class="inview inview--y-50--xxs">
                                            <svg viewBox="0 0 619 553">
                                                <path d="M403.018315,14.2335746 C588.705939,68.9741878 655.887581,137.289612 599.743631,247.052337 C543.59968,356.815063 440.852346,376.109819 304.944777,513.19116 C169.037207,650.272502 7.15600429,398.129879 0.164259773,238.060414 C-6.82748476,77.9909497 210.689873,-42.464748 403.018315,14.2335746 Z"></path>
                                            </svg>
                                            <div class="page-home-bubble-white-positioner">
                                                <div class="page-home-bubble-summary">
                                                    Parce que nous savons que votre projet et de manière plus générale votre transformation digitale sont des chantiers cruciaux, nous avons mis en place un pole conseil pour vous accompagner du stade de la discussion et de l’analyse à celui de la réalisation.

                                                </div>
                                                <ul class="page-home-bubble-list">
                                                    <li>Audit d’écosystème digital</li> <li>Audit technique et sécurité</li> <li>Etude d’expérience utilisateurs/clients</li> <li>Analyse et cartographie de flux de données</li> <li>Définition de besoins et outils</li> <li>Conception ou refonte selon KPI</li> <li>Diagnostic business &amp; digital</li>

                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="page-home-bubble page-home-bubble--support">
                                    <div class="page-home-bubble-color">
                                        <div class="inview inview---whoop">
                                            <svg viewBox="0 0 344 263" class="blob-svg-move">
                                                <defs>
                                                    <linearGradient x1="76.8055853%" y1="77.3520544%" x2="-2.80092508%" y2="77.3520544%" id="linearGradient-home-sur-mesure-support">
                                                        <stop stop-color="#FFA527" offset="0%"></stop>
                                                        <stop stop-color="#FF2F26" offset="100%"></stop>
                                                    </linearGradient>
                                                </defs>
                                                <g data-selector=".page-home-bubble--support">
                                                    <path fill="url(#linearGradient-home-sur-mesure-support)">
                                                        <animate attributeName="d" dur="5s" repeatCount="indefinite" values="M1.57170487,88.8838171 C15.5467211,33.911408 343.103448,-75.3836201 343.122167,79.929257 C343.13406,178.605772 188.54603,252.679506 104.861781,261.814791 C21.1775314,270.950077 139.215732,214.027023 104.851748,178.577028 C70.4877637,143.127033 -12.4033115,143.856225 1.57170487,88.8838171 Z; M15.6102841,79.0751528 C28.6144064,28.0928769 296.817406,-68.274173 330.790493,78.9761365 C351.317147,167.945273 216.898805,258.235742 139.121842,266.731705 C61.3448789,275.227667 119.047948,207.262152 87.1211694,174.397933 C55.1943906,141.533715 2.60616176,130.057429 15.6102841,79.0751528 Z; M1.57170487,88.8838171 C15.5467211,33.911408 343.103448,-75.3836201 343.122167,79.929257 C343.13406,178.605772 188.54603,252.679506 104.861781,261.814791 C21.1775314,270.950077 139.215732,214.027023 104.851748,178.577028 C70.4877637,143.127033 -12.4033115,143.856225 1.57170487,88.8838171 Z;"></animate>
                                                    </path>
                                                    <a href="/expertise-conseil">
                                                        <foreignObject width="100%" height="100%">
                                                            <div class="flex--center-xy">
                                                                <div class="page-home-bubble-color-positioner">
                                                                    <div class="page-home-bubble-title">
                                                                        CONSEIL
                                                                    </div>
                                                                    <div class="page-home-bubble-subtitle">
                                                                        Performance digitale
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </foreignObject>
                                                    </a>
                                                </g>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                                                                <div class="page-home-bubbles-container">
                                <div class="page-home-bubble page-home-bubble--design">
                                    <div class="page-home-bubble-white">
                                        <div class="inview inview--y-50--xxs">
                                            <svg viewBox="0 0 613 520">
                                                <path d="M528.56782,10.075725 C707.451099,62.7506217 538.517459,224.357243 588.984539,328.103734 C639.45162,431.850225 512.642903,500.430887 445.811281,516.505011 C378.97966,532.579136 285.023379,475.591215 191.980609,437.1681 C98.9378396,398.744984 -21.633944,416.206866 3.33010163,274.977082 C28.2941462,133.7473 343.287069,-44.4830037 528.56782,10.075725 Z"></path>
                                            </svg>
                                            <div class="page-home-bubble-white-positioner">
                                                <div class="page-home-bubble-summary">
                                                    Au delà de la technique, votre projet doit être systématiquement traité sous l’angle de l’expérience utilisateur et de l’interface graphique. C’est la clé du succès de votre projet.

                                                </div>
                                                <ul class="page-home-bubble-list">
                                                    <li>Ateliers idéation, co-conception</li> <li>Entretiens</li> <li>Arborescence</li> <li>Parcours utilisateur</li> <li>Wireframes</li> <li>Design web et mobile</li> <li>Prototype navigable</li> <li>Test utilisateur</li>

                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="page-home-bubble page-home-bubble--design">
                                    <div class="page-home-bubble-color">
                                        <div class="inview inview---whoop">
                                            <svg viewBox="0 0 212 180" class="blob-svg-move">
                                                <defs>
                                                    <linearGradient x1="44.7202638%" y1="64.0486316%" x2="130.777852%" y2="64.0486316%" id="linearGradient-home-sur-mesure-design">
                                                        <stop stop-color="#0CBBCD" offset="0%"></stop>
                                                        <stop stop-color="#22F496" offset="100%"></stop>
                                                    </linearGradient>
                                                </defs>
                                                <g data-selector=".page-home-bubble--design">
                                                    <path fill="url(#linearGradient-home-sur-mesure-design)">
                                                        <animate attributeName="d" dur="5s" repeatCount="indefinite" values="M80.883982,179.904181 C138.194172,177.590164 212,144.068395 212,112.148061 C212,80.227727 145.262614,84.382283 119.51638,63.083284 C93.770146,41.784286 130.67845,0 89.664072,0 C48.649694,0 2.08865197,61.033165 0.107148969,101.63418 C-1.87435303,142.235195 23.573792,182.218199 80.883982,179.904181 Z; M83.1288485,180 C140.439039,177.685983 193.628848,146.420334 193.628848,114.5 C193.628848,82.579666 159.875082,76.2989986 134.128848,55 C108.382615,33.7010014 131.643226,8 90.6288485,8 C49.6144706,8 9.11035099,56.8989849 7.12884848,97.5 C5.14734597,138.101015 25.8186583,182.314017 83.1288485,180 Z; M80.883982,179.904181 C138.194172,177.590164 212,144.068395 212,112.148061 C212,80.227727 145.262614,84.382283 119.51638,63.083284 C93.770146,41.784286 130.67845,0 89.664072,0 C48.649694,0 2.08865197,61.033165 0.107148969,101.63418 C-1.87435303,142.235195 23.573792,182.218199 80.883982,179.904181 Z;"></animate>
                                                    </path>
                                                    <a href="/ux">
                                                        <foreignObject width="100%" height="100%">
                                                            <div class="flex--center-xy">
                                                                <div class="page-home-bubble-color-positioner">
                                                                    <div class="page-home-bubble-title">
                                                                        Design
                                                                    </div>
                                                                    <div class="page-home-bubble-subtitle">
                                                                        UX&nbsp;/&nbsp;UI
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </foreignObject>
                                                    </a>
                                                </g>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                                                                <div class="page-home-bubbles-container">
                                <div class="page-home-bubble page-home-bubble--development">
                                    <div class="page-home-bubble-white">
                                        <div class="inview inview--y-50--xxs">
                                            <svg viewBox="0 0 513 511">
                                                <path d="M391.442202,16.0927104 C565.589139,67.388707 521.003644,295.810535 450.25759,325.801165 C379.511536,355.791794 403.85408,493.622134 310.873894,509.27489 C217.893708,524.927646 131.132943,417.686785 66.4673453,357.687628 C1.80174722,297.688471 -20.6900981,182.377012 21.4837076,117.689785 C63.6575143,53.0025576 211.06718,-37.0378052 391.442202,16.0927104 Z"></path>
                                            </svg>
                                            <div class="page-home-bubble-white-positioner">
                                                <div class="page-home-bubble-summary">
                                                    La technique, c'est dans l'ADN de ZOL… Pour autant nous vous garantissons que votre projet ne sera jamais un laboratoire d'expérimentation.

                                                </div>
                                                <ul class="page-home-bubble-list">
                                                    <li>Conception &amp; Architecture</li> <li>Intégration &amp; responsive</li> <li>Spécialistes PHP &amp; Symfony</li> <li>Développement mobile</li> <li>Reprise de projets existants</li> <li>TMA et Maintenance évolutive</li> <li>Formation</li>

                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="page-home-bubble page-home-bubble--development">
                                    <div class="page-home-bubble-color">
                                        <div class="inview inview---whoop">
                                            <svg viewBox="0 0 323 216" class="blob-svg-move">
                                                <defs>
                                                    <linearGradient x1="0%" y1="-18.1171557%" x2="100%" y2="-18.1171557%" id="linearGradient-home-sur-mesure-development">
                                                        <stop stop-color="#9C1EE6" offset="0%"></stop>
                                                        <stop stop-color="#20AFE6" offset="100%"></stop>
                                                    </linearGradient>
                                                </defs>
                                                <g data-selector=".page-home-bubble--development">
                                                    <path fill="url(#linearGradient-home-sur-mesure-development)">
                                                        <animate attributeName="d" dur="5s" repeatCount="indefinite" values="M191.472502,2.67972226 C278.185211,0.680779064 302.057972,30.7724035 317.679425,77.5875955 C333.300878,124.402788 312.649243,202.428254 262.373626,215.159939 C212.098009,227.891625 208.875258,182.987159 138.921239,152.718089 C68.967221,122.449019 0.0926238454,150.475035 0.938114287,102.03692 C1.78360473,53.5988047 104.759793,4.67866545 191.472502,2.67972226 Z; M185.5,4 C263.527498,11.3202777 294,48.5 308,83.5 C322,118.5 311.118503,191.665861 260.842886,204.397547 C210.567269,217.129233 197.796905,191.166617 127.842886,160.897547 C57.8888682,130.628477 8.99739597,147.835662 9.84288641,99.3975468 C10.6883769,50.9594319 107.472502,-3.32027774 185.5,4 Z; M191.472502,2.67972226 C278.185211,0.680779064 302.057972,30.7724035 317.679425,77.5875955 C333.300878,124.402788 312.649243,202.428254 262.373626,215.159939 C212.098009,227.891625 208.875258,182.987159 138.921239,152.718089 C68.967221,122.449019 0.0926238454,150.475035 0.938114287,102.03692 C1.78360473,53.5988047 104.759793,4.67866545 191.472502,2.67972226 Z;"></animate>
                                                    </path>
                                                    <a href="/expertise-dev">
                                                        <foreignObject width="100%" height="100%">
                                                            <div class="flex--center-xy">
                                                                <div class="page-home-bubble-color-positioner">
                                                                    <div class="page-home-bubble-title">
                                                                        Développement
                                                                    </div>
                                                                    <div class="page-home-bubble-subtitle">
                                                                        Web et mobile
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </foreignObject>
                                                    </a>
                                                </g>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                                                                <div class="page-home-bubbles-container">
                                <div class="page-home-bubble page-home-bubble--recruitment">
                                    <div class="page-home-bubble-white">
                                        <div class="inview inview--y-50--xxs">
                                            <svg viewBox="0 0 504 448">
                                                <path d="M318.581305,43.1267603 C435.935756,147.180053 539.291908,179.888537 492.532034,271.211798 C445.772159,362.535057 385.69792,333.644241 251.696893,425.211764 C117.695866,516.779288 -10.1790856,307.839992 0.641204553,174.651353 C11.4614955,41.462713 200.201272,-61.8358734 318.581305,43.1267603 Z"></path>
                                            </svg>
                                            <div class="page-home-bubble-white-positioner">
                                                <div class="page-home-bubble-summary">
                                                    Pour aller encore plus loin dans le sur-mesure, ZOL agite vos données, la source d’information objective et ultime pour booster votre performance digitale !

                                                </div>
                                                <ul class="page-home-bubble-list">
                                                    <li>Audit &amp; conception de plan de taggage</li> <li>Audit RGPD et mise en conformité</li> <li>Audit d’écosystème digital</li> <li>Audit et stratégie SEO</li> <li>Audit Social Listening et Paid Media</li> <li>Analyse prédictive &amp; segmentation Clients</li> <li>Réconciliation des données</li> <li>Machine Learning (SEA,SMA)</li> <li>Tableau de bord de pilotage</li>

                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="page-home-bubble page-home-bubble--recruitment">
                                    <div class="page-home-bubble-color">
                                        <div class="inview inview---whoop">
                                            <svg viewBox="0 0 232 214" class="blob-svg-move">
                                                <defs>
                                                    <linearGradient x1="0%" y1="100%" x2="86.3036516%" y2="100%" id="linearGradient-home-sur-mesure-recruitment">
                                                        <stop stop-color="#0CBBCD" offset="0%"></stop>
                                                        <stop stop-color="#22F496" offset="100%"></stop>
                                                    </linearGradient>
                                                </defs>
                                                <g data-selector=".page-home-bubble--recruitment">
                                                    <path fill="url(#linearGradient-home-sur-mesure-recruitment)">
                                                        <animate attributeName="d" dur="5s" repeatCount="indefinite" values="M116.877852,-0.00925608828 C186.809279,-0.189858424 241.8674,55.7381519 229.965753,105.588041 C218.064105,155.437929 127.38462,159.962582 116.266659,201.647594 C105.148698,243.332606 0.652770716,164.009437 0.828044062,106.179803 C1.00331741,48.3501698 46.9464252,0.171346247 116.877852,-0.00925608828 Z; M146.84109,1.99953248 C216.772517,1.81893014 241.84109,72.2605377 214.84109,107.684792 C187.84109,143.109047 157.34109,153.499532 128.84109,200.499532 C100.34109,247.499532 6.66581673,163.417674 6.84109008,105.588041 C7.01636342,47.7584072 76.909663,2.18013481 146.84109,1.99953248 Z; M116.877852,-0.00925608828 C186.809279,-0.189858424 241.8674,55.7381519 229.965753,105.588041 C218.064105,155.437929 127.38462,159.962582 116.266659,201.647594 C105.148698,243.332606 0.652770716,164.009437 0.828044062,106.179803 C1.00331741,48.3501698 46.9464252,0.171346247 116.877852,-0.00925608828 Z;"></animate>
                                                    </path>
                                                    <a href="/data">
                                                        <foreignObject width="100%" height="100%">
                                                            <div class="flex--center-xy">
                                                                <div class="page-home-bubble-color-positioner">
                                                                    <div class="page-home-bubble-title">
                                                                        DATA
                                                                    </div>
                                                                    <div class="page-home-bubble-subtitle">
                                                                        SEO &amp; RGPD
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </foreignObject>
                                                    </a>
                                                </g>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                            </div>
                </div>
            </div>
                                                
            <div class="section-sur-mesure-phones js-parallax">
                <div data-depth="0.05" class="section-sur-mesure-phone">
                    <img class="lazyload section-sur-mesure-phones-left inview inview--xy-50" data-src="/build/img/home/sur-mesure/mockups/left-8.webp" alt="Sur mesure" loading="lazy">
                </div>
                <div data-depth="0.1" class="section-sur-mesure-phone">
                    <img class="lazyload section-sur-mesure-phones-right inview inview--x-m50-y-50" data-src="/build/img/home/sur-mesure/mockups/right-8.webp" alt="Sur mesure" loading="lazy">
                </div>
            </div>
        </div>
    </div>
</section>
        
<section class="section section-agile" id="section-agile" js-bg-morph="true">
	<div class="section-positioner">
		<div class="section-inner">
			<div class="section-row">
				<div>
					<div class="section-agile-left js-parallax">
						<div data-depth="0.2" style="transition-duration:1s;">
							<div class="section-svg inview inview---whoop">
								<div class="blob-css blob-css--agile "></div>
							</div>
						</div>
						<div data-depth="0.05" data-friction-x="0.025" data-friction-y="0.025">
							<div class="section-agile-legs inview inview-fast inview-delay inview--scale">
								
        
        
    <picture>
        <source srcset="/build/img/home/agile/CLI.webp" type="image/webp" media="(min-width: 768px)">
                    <source srcset="/build/img/home/agile/CLI.webp" type="image/jpeg" media="(min-width: 768px)">
                <source srcset="/build/img/home/agile/CLI.webp" type="image/webp" media="(max-width: 767px)">
                    <source srcset="/build/img/home/agile/CLI.webp" type="image/jpeg" media="(max-width: 767px)">
                            <img loading="lazy" data-src="/build/img/home/agile/CLI.webp" alt="" class="lazyload ">
            </picture>

							</div>
						</div>
					</div>
				</div>
				<div class="section-agile-right">
					<div class="inview inview--y-50">
						    
        
            <div class="scrollsection-title-centerer">
            <div class="scrollsection-title ">
            <div class="scrollsection-title-fallback">
                                    ZOL c'est plus qu'<span class="title--padding--bottom">Agile</span>
                            </div>
        </div>
            </div>
    
					</div>
					<div class="scrollsection-content">
						<div class="scrollsection-content-text">
							<div class="inview inview--y-50">
								<p>
									L'agilité c'est un peu le sujet tarte à la crème. Toutes les agences en parlent et la mettent à toutes les sauces. Chez nous, cela va bien au delà d'une mode ou d'une méthode, c'est un état d'esprit. Adeptes depuis notre création en 2005, nous en avons tiré le meilleur et en avons aussi corrigé les dernières petites faiblesses.
								</p>
								<p>
									Nous avons ainsi élaboré notre propre recette à base de délais records, d'échanges soutenus, de rigueur, d'engagement, de confiance aussi, accompagnée d'une bonne dose de pragmatisme. Alors agile oui, évidemment mais comme il faut et sous contrôle.
								</p>
							</div>
						</div>
						<div class="scrollsection-content-link inview inview--y-50">
							    <a href="/agile" class="blob-btn blob-btn--orange blob-btn--text-default">
        Goûtez à l'ultragile
        <span class="blob-btn__inner">
            <span class="blob-btn__blobs">
                <span class="blob-btn__blob"></span>
                <span class="blob-btn__blob"></span>
                <span class="blob-btn__blob"></span>
                <span class="blob-btn__blob"></span>
            </span>
        </span>
    </a>

						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
        
<section class="section section-libre" id="section-libre" js-bg-morph="true">
    <div class="section-positioner">
        <div class="js-parallax" style="z-index:1;">
            <div data-depth="0.05" data-friction-x="0.025" data-friction-y="0.025">
                <div class="section-libre-libre inview inview-fast inview-delay inview--scale">
                    
      
  <picture>
    <source srcset="/build/img/home/libre/SCA.webp" type="image/webp">
          <source srcset="/build/img/home/libre/SCA.webp" type="image/jpeg"> 
              <img loading="lazy" data-src="/build/img/home/libre/SCA.webp" alt="" class="lazyload ">
      </picture>

                </div>
            </div>
        </div>
        <div class="section-inner">
            <div class="section-row">
                <div class="section-libre-left">
                    <div class="inview inview--y-50">
                            
        
            <div class="scrollsection-title-centerer">
            <div class="scrollsection-title ">
            <div class="scrollsection-title-fallback">
                                    ZOL c'est <span>Libre</span>
                            </div>
        </div>
            </div>
    
                    </div>
                    <div class="scrollsection-content">
                        <div class="scrollsection-content-text">
                            <div class="inview inview--y-50">
                                <p>
                                    Faire du sur-mesure, c'est savoir s'adapter et pas seulement techniquement. Chez ZOL, vous êtes libres ! Libres d'avoir un petit ou un gros budget, de le respecter bien sûr, libre d'être pressé, d'avoir vos idées et de discuter les nôtres, libre de nous demander d'abandonner notre jargon et de parler français, libres de suivre et contrôler l'évolution de votre projet au plus près, libre de changer d'avis, libre de vouloir faire simple, même quand c'est compliqué...
                                </p>
                            </div>
                        </div>
                        <div class="scrollsection-content-link inview inview--y-50">
                                <a href="/contact" class="blob-btn blob-btn--orange blob-btn--text-default">
        Libérez vos chakras digitaux
        <span class="blob-btn__inner">
            <span class="blob-btn__blobs">
                <span class="blob-btn__blob"></span>
                <span class="blob-btn__blob"></span>
                <span class="blob-btn__blob"></span>
                <span class="blob-btn__blob"></span>
            </span>
        </span>
    </a>

                        </div>
                    </div>
                </div>
                <div class="section-libre-right">
                    <div class="js-parallax">
                        <div data-depth="0.2" style="transition-duration:1s;">
                            <div class="section-svg inview inview---whoop">
                                <div class="blob-css blob-css--libre"></div>
                            </div>
                        </div>
                        <div data-depth="0.05" data-friction-x="0.025" data-friction-y="0.025">
                            <div class="section-libre-yoga inview inview-fast inview-delay inview--scale">
                                
      
  <picture>
    <source srcset="/build/img/home/libre/libre-small.webp" type="image/webp">
          <source srcset="/build/img/home/libre/libre-small.webp" type="image/jpeg"> 
              <img loading="lazy" data-src="/build/img/home/libre/libre-small.webp" alt="" class="lazyload ">
      </picture>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
        

<section class="section section-vous" id="section-vous" js-bg-morph="true">
    <div class="section-positioner">
        <div class="section-inner">
            <div class="section-row">
                <div class="section-vous-left">
                    <div class="page-home-bubbles page-home-bubbles--vous js-vous-bubbles">
                                                                                <div class="page-home-bubbles-container">
                                <div class="page-home-bubble page-home-bubble--startup">
                                    <div class="page-home-bubble-white">
                                        <div class="inview inview--y-50--xxs">
                                            <svg viewBox="0 0 637 540">
                                                <path d="M549.061564,10.4663831 C734.880543,65.1836022 559.396973,233.056069 611.820773,340.825042 C664.244574,448.594014 532.519203,519.8337 463.096371,536.531054 C393.673541,553.228408 296.074366,494.030939 199.424122,454.118074 C102.773879,414.205209 -22.4727398,432.344127 3.45921704,285.638552 C29.3911729,138.932978 356.597068,-46.2077082 549.061564,10.4663831 Z"></path>
                                            </svg>
                                            <div class="page-home-bubble-white-positioner">
                                                <div class="page-home-bubble-summary page-home-bubble-summary--bold">
                                                    L'aventure Start Up, plusieurs d'entre nous l'ont vécu : on a donné, rêvé, souffert aussi mais rassurez-vous on a survécu et surtout beaucoup appris. Nous en accompagnons de nombreuses aujourd'hui et serions ravis de vous aider à réfléchir à votre architecture technique, produire votre MVP, recruter votre CTO et plus si affinités.

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="page-home-bubble page-home-bubble--startup">
                                    <div class="page-home-bubble-color">
                                        <div class="inview inview---whoop">
                                            <svg viewBox="0 0 255 207">
                                                <defs>
                                                    <linearGradient x1="44.7202638%" y1="64.0486316%" x2="130.777852%" y2="64.0486316%" id="linearGradient-home-vous-startup">
                                                        <stop stop-color="#0CBBCD" offset="0%"></stop>
                                                        <stop stop-color="#22F496" offset="100%"></stop>
                                                    </linearGradient>
                                                </defs>
                                                <g data-selector=".page-home-bubble--startup">
                                                    <path fill="url(#linearGradient-home-vous-startup)">
                                                        <animate attributeName="d" dur="5s" repeatCount="indefinite" values="M110.289695,228 C179.224122,225.210324 259,172.981736 259,134.5 C259,96.0182641 171.468347,105.177126 140.5,79.5 C109.531653,53.8228739 159.623027,0 110.289695,0 C60.9563631,0 0.5,58 0.5,117.545218 C0.5,177.090435 41.3552681,230.789676 110.289695,228 Z; M110.289695,213.884485 C179.224122,211.094809 268,170.682454 268,132.200718 C268,93.7189822 187.726257,98.7275301 156.75791,73.050404 C125.789563,47.3732778 159.623027,7 110.289695,7 C60.9563631,7 15.5122931,70.5788715 13.1288821,119.525651 C10.745471,168.47243 41.3552681,216.674162 110.289695,213.884485 Z; M110.289695,228 C179.224122,225.210324 259,172.981736 259,134.5 C259,96.0182641 171.468347,105.177126 140.5,79.5 C109.531653,53.8228739 159.623027,0 110.289695,0 C60.9563631,0 0.5,58 0.5,117.545218 C0.5,177.090435 41.3552681,230.789676 110.289695,228 Z;"></animate>
                                                    </path>
                                                    <foreignObject width="100%" height="100%">
                                                        <div class="flex--center-xy">
                                                            <div class="page-home-bubble-color-positioner">
                                                                <div class="page-home-bubble-title">
                                                                    Startup
                                                                </div>
                                                                <div class="page-home-bubble-subtitle">
                                                                    Jeune pousse
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </foreignObject>
                                                </g>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                                                                <div class="page-home-bubbles-container">
                                <div class="page-home-bubble page-home-bubble--tpepme">
                                    <div class="page-home-bubble-white">
                                        <div class="inview inview--y-50--xxs">
                                            <svg viewBox="0 0 619 553">
                                                <path d="M403.018315,14.2335746 C588.705939,68.9741878 655.887581,137.289612 599.743631,247.052337 C543.59968,356.815063 440.852346,376.109819 304.944777,513.19116 C169.037207,650.272502 7.15600429,398.129879 0.164259773,238.060414 C-6.82748476,77.9909497 210.689873,-42.464748 403.018315,14.2335746 Z"></path>
                                            </svg>
                                            <div class="page-home-bubble-white-positioner">
                                                <div class="page-home-bubble-summary page-home-bubble-summary--bold">
                                                    S'adapter au digital est un passage obligé et bien souvent une nouvelle source de business pour votre entreprise mais c'est aussi un sujet complexe voire décourageant. Chez ZOL, il se trouve que c'est notre dada et nous sommes plus que motivés à l'idée de simplifier voir de doper votre vie numérique.

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="page-home-bubble page-home-bubble--tpepme">
                                    <div class="page-home-bubble-color">
                                        <div class="inview inview---whoop">
                                            <svg viewBox="0 0 301 221">
                                                <defs>
                                                    <linearGradient x1="76.8055853%" y1="77.3520544%" x2="-2.80092508%" y2="77.3520544%" id="linearGradient-home-vous-tpepme">
                                                        <stop stop-color="#FFA527" offset="0%"></stop>
                                                        <stop stop-color="#FF2F26" offset="100%"></stop>
                                                    </linearGradient>
                                                </defs>
                                                <g data-selector=".page-home-bubble--tpepme">
                                                    <path fill="url(#linearGradient-home-vous-tpepme)">
                                                        <animate attributeName="d" dur="5s" repeatCount="indefinite" values="M2.13578234,81.9959679 C16.1357823,42.9460351 276.135782,-30.0040321 298.135782,62.9959679 C320.135782,155.995968 192.959078,227.794826 109.164062,236.946035 C25.3690458,246.097244 129.576857,170.047829 99.1357823,125.976799 C68.6947078,81.9057686 -11.8642177,121.045901 2.13578234,81.9959679 Z; M8,67.7550949 C22,28.7051621 291.5,-52.2449051 306,50.2550949 C320.5,152.755095 203.795016,234.603886 120,243.755095 C36.2049841,252.906304 123.441075,175.826125 93,131.755095 C62.5589255,87.6840646 -6,106.805028 8,67.7550949 Z; M2.13578234,81.9959679 C16.1357823,42.9460351 276.135782,-30.0040321 298.135782,62.9959679 C320.135782,155.995968 192.959078,227.794826 109.164062,236.946035 C25.3690458,246.097244 129.576857,170.047829 99.1357823,125.976799 C68.6947078,81.9057686 -11.8642177,121.045901 2.13578234,81.9959679 Z;"></animate>
                                                    </path>
                                                    <foreignObject width="100%" height="100%">
                                                        <div class="flex--center-xy">
                                                            <div class="page-home-bubble-color-positioner">
                                                                <div class="page-home-bubble-title">
                                                                    TPE/PME
                                                                </div>
                                                                <div class="page-home-bubble-subtitle">
                                                                    Entrepreneur passionné
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </foreignObject>
                                                </g>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                                                                <div class="page-home-bubbles-container">
                                <div class="page-home-bubble page-home-bubble--group">
                                    <div class="page-home-bubble-white">
                                        <div class="inview inview--y-50--xxs">
                                            <svg viewBox="0 0 548 546">
                                                <path d="M417.789273,17.1758736 C603.657639,71.9244854 556.071197,315.72086 480.563389,347.730089 C405.055582,379.739318 431.036566,526.846701 331.798098,543.553008 C232.559631,560.259315 139.959199,445.800319 70.9411089,381.762757 C1.92301866,317.725195 -22.0827009,194.652388 22.9297264,125.611213 C67.9421546,56.5700375 225.273625,-39.5307344 417.789273,17.1758736 Z"></path>
                                            </svg>
                                            <div class="page-home-bubble-white-positioner">
                                                <div class="page-home-bubble-summary page-home-bubble-summary--bold">
                                                    « On a souvent besoin d'un plus petit que soi » : nous mettons toute notre expérience, notre flexibilité, notre vélocité et notre expertise technique à votre service. Un excellent moyen de profiter de la culture startup et de toute notre efficacité au sein de votre grande entreprise.

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="page-home-bubble page-home-bubble--group">
                                    <div class="page-home-bubble-color">
                                        <div class="inview inview---whoop">
                                            <svg viewBox="0 0 347 240">
                                                <defs>
                                                    <linearGradient x1="-12.6798167%" y1="-3.28257642%" x2="112.679817%" y2="-3.28257642%" id="linearGradient-home-vous-group">
                                                        <stop stop-color="#9C1EE6" offset="0%"></stop>
                                                        <stop stop-color="#20AFE6" offset="100%"></stop>
                                                    </linearGradient>
                                                </defs>
                                                <g data-selector=".page-home-bubble--group">
                                                    <path fill="url(#linearGradient-home-vous-group)">
                                                        <animate attributeName="d" dur="5s" repeatCount="indefinite" values="M330.384433,167.371417 C262.559718,212.600733 68.035911,276.81712 15.035911,211.81712 C-37.9640891,146.81712 54.905733,15.740879 203.312868,1.96787604 C351.720003,-11.805127 160.544707,49.61976 196.035911,95.81712 C231.527115,142.014481 398.209147,122.142102 330.384433,167.371417 Z; M330.702014,172.041811 C277.586446,235.413229 92.8175811,274.670394 23.3175811,207.170394 C-46.1824189,139.670394 47.9463571,15.4433973 196.353492,1.6703943 C344.760627,-12.1026087 155.826377,62.4730333 191.317581,108.670394 C226.808785,154.867755 383.817581,108.670394 330.702014,172.041811 Z; M330.384433,167.371417 C262.559718,212.600733 68.035911,276.81712 15.035911,211.81712 C-37.9640891,146.81712 54.905733,15.740879 203.312868,1.96787604 C351.720003,-11.805127 160.544707,49.61976 196.035911,95.81712 C231.527115,142.014481 398.209147,122.142102 330.384433,167.371417 Z;"></animate>
                                                    </path>
                                                    <foreignObject width="100%" height="100%">
                                                        <div class="flex--center-xy">
                                                            <div class="page-home-bubble-color-positioner">
                                                                <div class="page-home-bubble-title">
                                                                    Groupe
                                                                </div>
                                                                <div class="page-home-bubble-subtitle">
                                                                    Géant structuré
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </foreignObject>
                                                </g>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                                                                <div class="page-home-bubbles-container">
                                <div class="page-home-bubble page-home-bubble--agency">
                                    <div class="page-home-bubble-white">
                                        <div class="inview inview--y-50--xxs">
                                            <svg viewBox="0 0 606 538">
                                                <path d="M382.545972,51.7857395 C523.462818,176.730823 647.57079,216.006509 591.422481,325.665628 C535.274172,435.324747 463.138244,400.633241 302.232526,510.585666 C141.326809,620.538092 -12.2228396,369.648022 0.76994543,209.717804 C13.7627315,49.7875852 240.397628,-74.2512632 382.545972,51.7857395 Z"></path>
                                            </svg>
                                            <div class="page-home-bubble-white-positioner">
                                                <div class="page-home-bubble-summary page-home-bubble-summary--bold">
                                                    Vous cherchez un partenaire qui parle couramment Symfony, Java, Docker ou React ? Qu'il s'agisse d'intervenir en sous-marin, en binôme ou en régie, nous avons assurément le polyglotte qu'il vous faut.

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="page-home-bubble page-home-bubble--agency">
                                    <div class="page-home-bubble-color">
                                        <div class="inview inview---whoop">
                                            <svg viewBox="0 0 269 183">
                                                <defs>
                                                    <linearGradient x1="86.3036516%" y1="5.89515962%" x2="-1.11022302e-14%" y2="5.89515962%" id="linearGradient-home-vous-agency">
                                                        <stop stop-color="#0CBBCD" offset="0%"></stop>
                                                        <stop stop-color="#22F496" offset="100%"></stop>
                                                    </linearGradient>
                                                </defs>
                                                <g data-selector=".page-home-bubble--agency">
                                                    <path fill="url(#linearGradient-home-vous-agency)">
                                                        <animate attributeName="d" dur="5s" repeatCount="indefinite" values="M165.546582,0.56259168 C227.798595,6.72412125 264.150071,43.3573521 268.192992,90.907948 C272.235913,138.458544 231.707649,175.255702 192.546582,181.562592 C153.385515,187.869481 143.131491,148.201478 98.8946187,118.173451 C54.6577466,88.1454226 -11.64654,88.7119489 1.75620798,64.5367828 C15.1589559,40.3616167 103.294569,-5.59893789 165.546582,0.56259168 Z; M163.5,3.5 C225.752013,9.66152957 269.957079,45.1533534 274,92.7039494 C278.042921,140.254545 238.5,185.5 193.5,185.5 C148.5,185.5 122.789237,161.846901 98.8946187,118.173451 C75,74.5 19,93 26,63 C33,33 101.247987,-2.66152957 163.5,3.5 Z; M165.546582,0.56259168 C227.798595,6.72412125 264.150071,43.3573521 268.192992,90.907948 C272.235913,138.458544 231.707649,175.255702 192.546582,181.562592 C153.385515,187.869481 143.131491,148.201478 98.8946187,118.173451 C54.6577466,88.1454226 -11.64654,88.7119489 1.75620798,64.5367828 C15.1589559,40.3616167 103.294569,-5.59893789 165.546582,0.56259168 Z;"></animate>
                                                    </path>
                                                    <foreignObject width="100%" height="100%">
                                                        <div class="flex--center-xy">
                                                            <div class="page-home-bubble-color-positioner">
                                                                <div class="page-home-bubble-title">
                                                                    Agence
                                                                </div>
                                                                <div class="page-home-bubble-subtitle">
                                                                    Stratège créatif
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </foreignObject>
                                                </g>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                            </div>
                </div>
                <div class="section-vous-right">
                    <div class="inview inview--y-50">
                            
        
            <div class="scrollsection-title-centerer">
            <div class="scrollsection-title ">
            <div class="scrollsection-title-fallback">
                                    ZOL c'est <span>Vous</span>
                            </div>
        </div>
            </div>
    
                    </div>
                    <div class="scrollsection-content inview inview--y-50">
                        <div class="scrollsection-content-text">
                            <div class="inview inview--y-50">
                                <p id="js-section-vous-mobile-text" style="margin:0;">
                                    Vous êtes une jeune Start Up qui rêve de secouer son marché et vous avez besoin d'un MVP dans des délais records ? Une PME bien dans son business qui souhaite innover et mettre en oeuvre un digital connecté à votre réalité opérationnelle ? Un grand groupe, dans lequel les réunions se déroulent en Tagalog ou en Baloutchi avec une DSI sous l'eau ? Une agence de com' à la recherche d'un partenaire qui parle PHP, Javascript ou Android couramment ? Bienvenue chez ZOL, le pays où la taille idéale, c'est quand les pieds touchent par terre.

                                </p>
                            </div>
                        </div>
                        <div class="scrollsection-content-link inview inview--y-50">
                                <a href="/contact" class="blob-btn blob-btn--orange blob-btn--text-default">
        Une organisation <br> sur mesure aussi !
        <span class="blob-btn__inner">
            <span class="blob-btn__blobs">
                <span class="blob-btn__blob"></span>
                <span class="blob-btn__blob"></span>
                <span class="blob-btn__blob"></span>
                <span class="blob-btn__blob"></span>
            </span>
        </span>
    </a>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
                    
<section class="section section-confiance" id="section-confiance" js-bg-morph="true">
    <div class="section-positioner">
        <div class="section-inner">
            <div class="inview inview--y-50">
                    
        
            <div class="scrollsection-title-centerer">
            <div class="scrollsection-title ">
            <div class="scrollsection-title-fallback">
                                    Ils nous font <span>Confiance</span>
                            </div>
        </div>
            </div>
    
            </div>
            <div class="scrollsection-content">
                <div class="scrollsection-content-text inview inview--y-50 text-center">
                    Nos références, c’est un peu notre petit kiff du matin, notre truc pour briller en société ou nous rebooster lorsqu’on a un coup de moins bien (oui ! ca arrive même aux meilleurs ;-). Alors oui, nous en sommes fiers, très fiers et nous remercions encore tous nos clients de la confiance qu’ils nous accordent année après année et ce, depuis 19 ans&nbsp;!

                </div>
            </div>
        </div>

        <div class="confiance-logos-wall">
                                                                                    
            
                                                <div class="confiance-logos-wall-item inview inview-fast inview---delayed     " data-delay="709">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/23OM1WfC9vTTKvZGeVfkTm/4821e84daa6e58dbef45a3db9785b1c2/student-factory.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/23OM1WfC9vTTKvZGeVfkTm/4821e84daa6e58dbef45a3db9785b1c2/student-factory.png" alt="Student Factory" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed     " data-delay="249">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/5e01IdJ6bmIqTExxW6XoQR/e5cf9e37e2b888cc6fdb05f99222d7e7/prismea.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/5e01IdJ6bmIqTExxW6XoQR/e5cf9e37e2b888cc6fdb05f99222d7e7/prismea.png" alt="Prismea" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed     " data-delay="575">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/1dquen0VL14biFrZouPRHH/61deecf980e9857429a8859977eedd21/ZOL_-_Logo_client_-_White_-_Rue_des_vignerons.webp" type="image/webp">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/1dquen0VL14biFrZouPRHH/61deecf980e9857429a8859977eedd21/ZOL_-_Logo_client_-_White_-_Rue_des_vignerons.webp" alt="Rue des Vignerons" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed     " data-delay="337">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/61QCW5G78Y7g0D3oLbup7T/ab90ae9be2e04c7bd0b7c1edb8bc0b0e/ZOL-_Logo_client_-_Point_S.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/61QCW5G78Y7g0D3oLbup7T/ab90ae9be2e04c7bd0b7c1edb8bc0b0e/ZOL-_Logo_client_-_Point_S.png" alt="Point S" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed     " data-delay="356">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/1crVksqtcGA1nTR9Jc3Bp9/21c5a94a727e7ea677bea2630a88374f/gaming-guru.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/1crVksqtcGA1nTR9Jc3Bp9/21c5a94a727e7ea677bea2630a88374f/gaming-guru.png" alt="Gaming Guru" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed     " data-delay="714">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/4hE3jfVWpNMApun9w0CAZ8/505562a76090f65507d1cfac64c9936c/hasbro.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/4hE3jfVWpNMApun9w0CAZ8/505562a76090f65507d1cfac64c9936c/hasbro.png" alt="Hasbro" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed     " data-delay="550">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/2uDZgnyv5KrmikavKjSroa/a7866b754887a5756b0497e4fad79149/my-ras.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/2uDZgnyv5KrmikavKjSroa/a7866b754887a5756b0497e4fad79149/my-ras.png" alt="My RAS" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed     " data-delay="787">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/3OT3KZEy0jZmdueoCcK1LV/94e8e32120192ad187b32592196c06ae/heeds.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/3OT3KZEy0jZmdueoCcK1LV/94e8e32120192ad187b32592196c06ae/heeds.png" alt="Heeds" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed     " data-delay="207">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/5scMvmlqVnHkFSh3XGJepQ/ba41877b7f41984975e1f4795c0a6073/ZOL_-_Logo_client_-_Unlocker.webp" type="image/webp">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/5scMvmlqVnHkFSh3XGJepQ/ba41877b7f41984975e1f4795c0a6073/ZOL_-_Logo_client_-_Unlocker.webp" alt="Unlocker" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed     " data-delay="540">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/OP097smDmAQJbveS5pWiD/be3342f3bd140b00028d1433f916f02e/vinci.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/OP097smDmAQJbveS5pWiD/be3342f3bd140b00028d1433f916f02e/vinci.png" alt="Vinci" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed     " data-delay="217">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/43eVTmDcJt7QqMhzWWlCA5/68d8379e3b4e797bd1675a5edab6fee0/zol_360x360px_toosports.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/43eVTmDcJt7QqMhzWWlCA5/68d8379e3b4e797bd1675a5edab6fee0/zol_360x360px_toosports.png" alt="TooSport" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed     " data-delay="283">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/1orQtFymTCpZTZMgilFI7H/e5149b1b8feb8041fbff446cb0bad752/zol_360x360px_Sovitrat.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/1orQtFymTCpZTZMgilFI7H/e5149b1b8feb8041fbff446cb0bad752/zol_360x360px_Sovitrat.png" alt="Sovitrat" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                                        <div class="confiance-logos-wall-item inview inview-fast inview---delayed     " data-delay="712">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/4QBloFXDjsqpRCuJr5KnO4/b609e1bc6fa8241a0bf27b00ae2201fb/marionnaud.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/4QBloFXDjsqpRCuJr5KnO4/b609e1bc6fa8241a0bf27b00ae2201fb/marionnaud.png" alt="Marionnaud" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed     " data-delay="255">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/12cN7nUDplxnbfgQuQ6yPF/00045fedaeb4bc074f171b05bd911358/the-green-flux.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/12cN7nUDplxnbfgQuQ6yPF/00045fedaeb4bc074f171b05bd911358/the-green-flux.png" alt="The Green Flux" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-card confiance-logos-wall-card-one show inview inview-fast inview---delayed" data-delay="1000">
                        <span class="confiance-logos-wall-card-text"><span>200</span> entreprises<br>30 secteurs</span>
                        
            <svg class="confiance-logos-wall-card-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" preserveAspectRatio="none">
                <path fill="#ff6128">
                    <animate repeatCount="indefinite" attributeName="d" dur="3s" values="
                        M9.61.15c6.77,0,7.87-.58,9.12.53.84.75,1.24,1.64,1.24,9.63,0,10.17,1.15,9-10.33,9C-3,19.35.44,23.87.44,9.19.44,3.85-.68,2.24.66.83,1.78-.35,3.12.16,9.61.15Z;

                        M9.43.57C16.25.57,17.7-.65,19,.47c.85.76,1.53,1.11.53,10.22-.72,6.51,5,11.12-9.67,8.62C3.41,18.78-1.73,23.73.55,9.07,1.4,3.61-.58,2.05.77.63,1.9-.57,2.91.58,9.43.57Z;

                        M9.61.15c6.77,0,7.87-.58,9.12.53.84.75,1.24,1.64,1.24,9.63,0,10.17,1.15,9-10.33,9C-3,19.35.44,23.87.44,9.19.44,3.85-.68,2.24.66.83,1.78-.35,3.12.16,9.61.15Z
                    "></animate>
                </path>
            </svg>
            
                    </div>
                                                                                                                                                        <div class="confiance-logos-wall-card confiance-logos-wall-card-one  inview inview-fast inview---delayed" data-delay="1000">
                        <span class="confiance-logos-wall-card-text"><span>200</span> entreprises<br>30 secteurs</span>
                        
            <svg class="confiance-logos-wall-card-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" preserveAspectRatio="none">
                <path fill="#ff6128">
                    <animate repeatCount="indefinite" attributeName="d" dur="3s" values="
                        M9.61.15c6.77,0,7.87-.58,9.12.53.84.75,1.24,1.64,1.24,9.63,0,10.17,1.15,9-10.33,9C-3,19.35.44,23.87.44,9.19.44,3.85-.68,2.24.66.83,1.78-.35,3.12.16,9.61.15Z;

                        M9.43.57C16.25.57,17.7-.65,19,.47c.85.76,1.53,1.11.53,10.22-.72,6.51,5,11.12-9.67,8.62C3.41,18.78-1.73,23.73.55,9.07,1.4,3.61-.58,2.05.77.63,1.9-.57,2.91.58,9.43.57Z;

                        M9.61.15c6.77,0,7.87-.58,9.12.53.84.75,1.24,1.64,1.24,9.63,0,10.17,1.15,9-10.33,9C-3,19.35.44,23.87.44,9.19.44,3.85-.68,2.24.66.83,1.78-.35,3.12.16,9.61.15Z
                    "></animate>
                </path>
            </svg>
            
                    </div>
                                                                                                                                                        <div class="confiance-logos-wall-item inview inview-fast inview---delayed     " data-delay="362">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/BvhVWVMWNgpzbIJMh1q4t/5659df84a9ff16c189246f6fbdc1c93a/indexa.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/BvhVWVMWNgpzbIJMh1q4t/5659df84a9ff16c189246f6fbdc1c93a/indexa.png" alt="Indexa" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed     " data-delay="257">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/5nivdteaFrr6A67qQNNrTV/c8c85c4bd6723ae2922108e865449572/hackuity.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/5nivdteaFrr6A67qQNNrTV/c8c85c4bd6723ae2922108e865449572/hackuity.png" alt="Hackuity" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed     " data-delay="316">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/2jzQQjCAKRQBACwmxBWlUK/402494936fa0d02bbd318532ff646c0c/ZOL-_Logo_client_-_Moura.webp" type="image/webp">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/2jzQQjCAKRQBACwmxBWlUK/402494936fa0d02bbd318532ff646c0c/ZOL-_Logo_client_-_Moura.webp" alt="Mouratouglou" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed     " data-delay="707">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/51YVKtN26UU701Y0VXnFq2/784005f3d58d41e01c0c5b7922525b4a/onsen.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/51YVKtN26UU701Y0VXnFq2/784005f3d58d41e01c0c5b7922525b4a/onsen.png" alt="Onsen" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed     " data-delay="389">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/4YybZG3OzoSCQ55Itnkmgj/4e8cd32a3f55d4fc09ee8c43f26bd4a2/tracevigne.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/4YybZG3OzoSCQ55Itnkmgj/4e8cd32a3f55d4fc09ee8c43f26bd4a2/tracevigne.png" alt="Tracevigne" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed     " data-delay="687">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/2df87eQwwMMxceqGw5Vxdx/f1a7ba0117bc8236d3b6d476f2fa27b6/la-canadienne.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/2df87eQwwMMxceqGw5Vxdx/f1a7ba0117bc8236d3b6d476f2fa27b6/la-canadienne.png" alt="La Canadienne" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed     " data-delay="322">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/xsy1cvCUUQJK4uyi1NTpD/8e06703a18005cea26abc45dd0db74af/gpl.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/xsy1cvCUUQJK4uyi1NTpD/8e06703a18005cea26abc45dd0db74af/gpl.png" alt="GPL" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed     " data-delay="251">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/5TDcK1bJluaXBkhOpZ4H0X/59024e35349a15b91db4df8f904f8b81/zol_360x360px_corsica-ferries_corsica_ferries.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/5TDcK1bJluaXBkhOpZ4H0X/59024e35349a15b91db4df8f904f8b81/zol_360x360px_corsica-ferries_corsica_ferries.png" alt="Corsica Ferries" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                                        <div class="confiance-logos-wall-item inview inview-fast inview---delayed     " data-delay="710">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/5Av9of1SnsPHWJoj9w7OzL/a11362a579d721b81d10372b76b915dc/innkeeper.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/5Av9of1SnsPHWJoj9w7OzL/a11362a579d721b81d10372b76b915dc/innkeeper.png" alt="Innkeeper" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed     " data-delay="724">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/6MLiRtc8ZaYBOoClZe8ws1/118430225998023691ec07ae426f5abb/klorane.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/6MLiRtc8ZaYBOoClZe8ws1/118430225998023691ec07ae426f5abb/klorane.png" alt="Klorane" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-card confiance-logos-wall-card-one  inview inview-fast inview---delayed" data-delay="1000">
                        <span class="confiance-logos-wall-card-text"><span>200</span> entreprises<br>30 secteurs</span>
                        
            <svg class="confiance-logos-wall-card-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" preserveAspectRatio="none">
                <path fill="#ff6128">
                    <animate repeatCount="indefinite" attributeName="d" dur="3s" values="
                        M9.61.15c6.77,0,7.87-.58,9.12.53.84.75,1.24,1.64,1.24,9.63,0,10.17,1.15,9-10.33,9C-3,19.35.44,23.87.44,9.19.44,3.85-.68,2.24.66.83,1.78-.35,3.12.16,9.61.15Z;

                        M9.43.57C16.25.57,17.7-.65,19,.47c.85.76,1.53,1.11.53,10.22-.72,6.51,5,11.12-9.67,8.62C3.41,18.78-1.73,23.73.55,9.07,1.4,3.61-.58,2.05.77.63,1.9-.57,2.91.58,9.43.57Z;

                        M9.61.15c6.77,0,7.87-.58,9.12.53.84.75,1.24,1.64,1.24,9.63,0,10.17,1.15,9-10.33,9C-3,19.35.44,23.87.44,9.19.44,3.85-.68,2.24.66.83,1.78-.35,3.12.16,9.61.15Z
                    "></animate>
                </path>
            </svg>
            
                    </div>
                                                                                                                                                        <div class="confiance-logos-wall-card confiance-logos-wall-card-one  inview inview-fast inview---delayed" data-delay="1000">
                        <span class="confiance-logos-wall-card-text"><span>200</span> entreprises<br>30 secteurs</span>
                        
            <svg class="confiance-logos-wall-card-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" preserveAspectRatio="none">
                <path fill="#ff6128">
                    <animate repeatCount="indefinite" attributeName="d" dur="3s" values="
                        M9.61.15c6.77,0,7.87-.58,9.12.53.84.75,1.24,1.64,1.24,9.63,0,10.17,1.15,9-10.33,9C-3,19.35.44,23.87.44,9.19.44,3.85-.68,2.24.66.83,1.78-.35,3.12.16,9.61.15Z;

                        M9.43.57C16.25.57,17.7-.65,19,.47c.85.76,1.53,1.11.53,10.22-.72,6.51,5,11.12-9.67,8.62C3.41,18.78-1.73,23.73.55,9.07,1.4,3.61-.58,2.05.77.63,1.9-.57,2.91.58,9.43.57Z;

                        M9.61.15c6.77,0,7.87-.58,9.12.53.84.75,1.24,1.64,1.24,9.63,0,10.17,1.15,9-10.33,9C-3,19.35.44,23.87.44,9.19.44,3.85-.68,2.24.66.83,1.78-.35,3.12.16,9.61.15Z
                    "></animate>
                </path>
            </svg>
            
                    </div>
                                                                                                                                                        <div class="confiance-logos-wall-item inview inview-fast inview---delayed     " data-delay="481">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/4OouQ5v4psW7hjMC7vwxhB/095ac2e798a285aeaa6ddff27662d318/keyopstech.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/4OouQ5v4psW7hjMC7vwxhB/095ac2e798a285aeaa6ddff27662d318/keyopstech.png" alt="KeyOpsTech" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed     hide-on-xs" data-delay="756">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/4H6mK86qogos3WaOEpttKR/a13ed509fbd4047158718fa7583b20f2/sts.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/4H6mK86qogos3WaOEpttKR/a13ed509fbd4047158718fa7583b20f2/sts.png" alt="STS" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed     hide-on-xs" data-delay="789">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/73gMBAsogHnuLTAuyYE486/72b6eb399769cba284d4d8cd8c4b4935/upcycle.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/73gMBAsogHnuLTAuyYE486/72b6eb399769cba284d4d8cd8c4b4935/upcycle.png" alt="Upcycle" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed     hide-on-xs" data-delay="798">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/ZxAmRfm4WuQRs9IQdrSmO/546729d63b23ba595da97ae35bc5f0c6/ras.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/ZxAmRfm4WuQRs9IQdrSmO/546729d63b23ba595da97ae35bc5f0c6/ras.png" alt="RAS" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed     hide-on-xs" data-delay="233">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/6lHziDxGW8ygpccoUIPiDO/dd616039e3877bfa577ca768e4185c1f/pulpes.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/6lHziDxGW8ygpccoUIPiDO/dd616039e3877bfa577ca768e4185c1f/pulpes.png" alt="Pulpés" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed     hide-on-xs" data-delay="448">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/3UcbOiEP9h0ABiC6HZ56Wa/497e44832ce8767cef0758ed1f3ffee1/zol_360x360px_foot-mercato.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/3UcbOiEP9h0ABiC6HZ56Wa/497e44832ce8767cef0758ed1f3ffee1/zol_360x360px_foot-mercato.png" alt="Foot Mercato" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed     hide-on-xs" data-delay="432">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/1Mz1XXfdxsUOOd2YXP5s0b/67d03da9c9a707eb9f33f07df20cca44/prosol.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/1Mz1XXfdxsUOOd2YXP5s0b/67d03da9c9a707eb9f33f07df20cca44/prosol.png" alt="Prosol" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed     hide-on-xs" data-delay="268">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/77y9lLVmJBMSmKW4KO4Sv/549bf2b6e0a90fd5b23104f330a98d29/lba.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/77y9lLVmJBMSmKW4KO4Sv/549bf2b6e0a90fd5b23104f330a98d29/lba.png" alt="LBA" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                                        <div class="confiance-logos-wall-item inview inview-fast inview---delayed     hide-on-xs" data-delay="285">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/fjSxKK8mPcZrV0ZeYzrLD/f365db04be328987a82f9a7ff51b2841/you-jump.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/fjSxKK8mPcZrV0ZeYzrLD/f365db04be328987a82f9a7ff51b2841/you-jump.png" alt="You Jump" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed     hide-on-xs" data-delay="668">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/5gmiodxMGV69CNNOJsROB7/ab646e903dea92b2eddb251524744318/ZOL_-_Logo_client_-_Eurex.webp" type="image/webp">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/5gmiodxMGV69CNNOJsROB7/ab646e903dea92b2eddb251524744318/ZOL_-_Logo_client_-_Eurex.webp" alt="Eurex" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed     hide-on-xs" data-delay="534">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/795zxwj6pW6vvIBW0s1UHy/ddbeea32eb6dbc10de5dee2e5eda1291/ZOL-_Logo_client_-_Jamdifus-.webp" type="image/webp">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/795zxwj6pW6vvIBW0s1UHy/ddbeea32eb6dbc10de5dee2e5eda1291/ZOL-_Logo_client_-_Jamdifus-.webp" alt="Jamdifus'" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed     hide-on-xs" data-delay="786">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/QcxR4s1jAXZw9tEcjF5Vq/008cf153697973afca3170311ca2208c/ZOL_-_Logo_client_-_Bargain.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/QcxR4s1jAXZw9tEcjF5Vq/008cf153697973afca3170311ca2208c/ZOL_-_Logo_client_-_Bargain.png" alt="Bargain" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed    hide-on-sm hide-on-xs" data-delay="234">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/4aH7XWcQjOVQQH9miILoDW/d3b4de8ff84a7496c74fc269984bc697/legal-pilots.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/4aH7XWcQjOVQQH9miILoDW/d3b4de8ff84a7496c74fc269984bc697/legal-pilots.png" alt="Legal Pilots" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed   hide-on-md hide-on-sm hide-on-xs" data-delay="721">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/uCrrz8lygy4hl9z4LmyB4/f5bd7c52dd6374288afa902dd65ddb32/opera-energie.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/uCrrz8lygy4hl9z4LmyB4/f5bd7c52dd6374288afa902dd65ddb32/opera-energie.png" alt="Opera Energie" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed   hide-on-md hide-on-sm hide-on-xs" data-delay="279">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/4St02oSDDRUSBJthAsECwE/e9a1a5395cb4f4ad90cbb81dba310406/insider-poker.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/4St02oSDDRUSBJthAsECwE/e9a1a5395cb4f4ad90cbb81dba310406/insider-poker.png" alt="Insider Poker" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed   hide-on-md hide-on-sm hide-on-xs" data-delay="588">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/4To92WnBmYIlnD9pi8rHc7/09e7b189c7fc0eb9e6865d81d5b6bdd5/load-and-pay.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/4To92WnBmYIlnD9pi8rHc7/09e7b189c7fc0eb9e6865d81d5b6bdd5/load-and-pay.png" alt="Load &amp; Pay" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed   hide-on-md hide-on-sm hide-on-xs" data-delay="261">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/4DVqbTLJTjcYQdFCDqNRyU/41af17938c4b712e4a1ad3b9272114f6/joa.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/4DVqbTLJTjcYQdFCDqNRyU/41af17938c4b712e4a1ad3b9272114f6/joa.png" alt="JOA" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed   hide-on-md hide-on-sm hide-on-xs" data-delay="788">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/1ZE77uv7EbnHfRuvzz40lK/90b45c6813ba13584cc10a6fd6f57022/psa.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/1ZE77uv7EbnHfRuvzz40lK/90b45c6813ba13584cc10a6fd6f57022/psa.png" alt="PSA Groupe" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed   hide-on-md hide-on-sm hide-on-xs" data-delay="541">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/6T7ESq43fxlDr1rKH1XIsE/ec850d48c87e7e2fa38442c7b374b394/odabaia.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/6T7ESq43fxlDr1rKH1XIsE/ec850d48c87e7e2fa38442c7b374b394/odabaia.png" alt="Odabaia" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed   hide-on-md hide-on-sm hide-on-xs" data-delay="784">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/6MLJljNiVj8DpFAjPPgeIs/cacca3c2accd8d13e64eebd6a45d07e7/xotelia.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/6MLJljNiVj8DpFAjPPgeIs/cacca3c2accd8d13e64eebd6a45d07e7/xotelia.png" alt="Xotelia" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                                        <div class="confiance-logos-wall-item inview inview-fast inview---delayed   hide-on-md hide-on-sm hide-on-xs" data-delay="617">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/7zckCZU1jZASn7VkIxbP5m/c3a2e8d9cafc698f287f08826ae2e51b/huttopia.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/7zckCZU1jZASn7VkIxbP5m/c3a2e8d9cafc698f287f08826ae2e51b/huttopia.png" alt="Huttopia" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed   hide-on-md hide-on-sm hide-on-xs" data-delay="331">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/3Ac7dCMeYkdUertU1CtHHg/2515804399725bf0f4e817acd364e8d0/suez.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/3Ac7dCMeYkdUertU1CtHHg/2515804399725bf0f4e817acd364e8d0/suez.png" alt="Suez" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed   hide-on-md hide-on-sm hide-on-xs" data-delay="716">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/i1sbmm89vyGIP0EKu4kKb/22050c70948a89cf3c8d4c5d418423a6/zol_360x360px_alphadial.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/i1sbmm89vyGIP0EKu4kKb/22050c70948a89cf3c8d4c5d418423a6/zol_360x360px_alphadial.png" alt="Alphadial" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed   hide-on-md hide-on-sm hide-on-xs" data-delay="249">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/2puseE3zmCZVSV0IA3KInr/be7a9e9e56e7bfba40ee9f48e899b425/tg-concept.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/2puseE3zmCZVSV0IA3KInr/be7a9e9e56e7bfba40ee9f48e899b425/tg-concept.png" alt="TG Concept" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed  hide-on-lg hide-on-md hide-on-sm hide-on-xs" data-delay="380">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/3WPkBoihdsecrfK1Sp45JM/76d8de60d843d9a288082389a4ae38e3/slv.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/3WPkBoihdsecrfK1Sp45JM/76d8de60d843d9a288082389a4ae38e3/slv.png" alt="SLV" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed  hide-on-lg hide-on-md hide-on-sm hide-on-xs" data-delay="494">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/5OuxUCbXQP0V8SDYl9h9wM/4d033f5c370b60f44d206bad9d2eb183/zol_360x360px_hennebont.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/5OuxUCbXQP0V8SDYl9h9wM/4d033f5c370b60f44d206bad9d2eb183/zol_360x360px_hennebont.png" alt="Hennebont Ping Center " class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed  hide-on-lg hide-on-md hide-on-sm hide-on-xs" data-delay="675">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/w3Da3xAHhZ8E4l3w0NaV6/4049a4ef812a27b65dbf81082b3be960/golden-nugget.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/w3Da3xAHhZ8E4l3w0NaV6/4049a4ef812a27b65dbf81082b3be960/golden-nugget.png" alt="Golden Nugget" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed  hide-on-lg hide-on-md hide-on-sm hide-on-xs" data-delay="247">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/nL7askW9D5DgtDyhTqoB8/fd209f47af8573bf7bf1c22d1105afbf/verdie-hello.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/nL7askW9D5DgtDyhTqoB8/fd209f47af8573bf7bf1c22d1105afbf/verdie-hello.png" alt="Verdie Hello" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-card confiance-logos-wall-card-two show inview inview-fast inview---delayed" data-delay="1000">
                        <span class="confiance-logos-wall-card-text"><span>350</span> projets<br>digitaux</span>
                        
            <svg class="confiance-logos-wall-card-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" preserveAspectRatio="none">
                <path fill="#ff6128">
                    <animate repeatCount="indefinite" attributeName="d" dur="3s" values="
                        M9.61.15c6.77,0,7.87-.58,9.12.53.84.75,1.24,1.64,1.24,9.63,0,10.17,1.15,9-10.33,9C-3,19.35.44,23.87.44,9.19.44,3.85-.68,2.24.66.83,1.78-.35,3.12.16,9.61.15Z;

                        M9.43.57C16.25.57,17.7-.65,19,.47c.85.76,1.53,1.11.53,10.22-.72,6.51,5,11.12-9.67,8.62C3.41,18.78-1.73,23.73.55,9.07,1.4,3.61-.58,2.05.77.63,1.9-.57,2.91.58,9.43.57Z;

                        M9.61.15c6.77,0,7.87-.58,9.12.53.84.75,1.24,1.64,1.24,9.63,0,10.17,1.15,9-10.33,9C-3,19.35.44,23.87.44,9.19.44,3.85-.68,2.24.66.83,1.78-.35,3.12.16,9.61.15Z
                    "></animate>
                </path>
            </svg>
            
                    </div>
                                                                                                                                                        <div class="confiance-logos-wall-card confiance-logos-wall-card-two  inview inview-fast inview---delayed" data-delay="1000">
                        <span class="confiance-logos-wall-card-text"><span>350</span> projets<br>digitaux</span>
                        
            <svg class="confiance-logos-wall-card-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" preserveAspectRatio="none">
                <path fill="#ff6128">
                    <animate repeatCount="indefinite" attributeName="d" dur="3s" values="
                        M9.61.15c6.77,0,7.87-.58,9.12.53.84.75,1.24,1.64,1.24,9.63,0,10.17,1.15,9-10.33,9C-3,19.35.44,23.87.44,9.19.44,3.85-.68,2.24.66.83,1.78-.35,3.12.16,9.61.15Z;

                        M9.43.57C16.25.57,17.7-.65,19,.47c.85.76,1.53,1.11.53,10.22-.72,6.51,5,11.12-9.67,8.62C3.41,18.78-1.73,23.73.55,9.07,1.4,3.61-.58,2.05.77.63,1.9-.57,2.91.58,9.43.57Z;

                        M9.61.15c6.77,0,7.87-.58,9.12.53.84.75,1.24,1.64,1.24,9.63,0,10.17,1.15,9-10.33,9C-3,19.35.44,23.87.44,9.19.44,3.85-.68,2.24.66.83,1.78-.35,3.12.16,9.61.15Z
                    "></animate>
                </path>
            </svg>
            
                    </div>
                                                                                                                                                        <div class="confiance-logos-wall-item inview inview-fast inview---delayed  hide-on-lg hide-on-md hide-on-sm hide-on-xs" data-delay="753">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/NaMUf8nFLdtv6VPTxNsit/1c3f4a4eb963b30b222695af5866f339/scientific-games.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/NaMUf8nFLdtv6VPTxNsit/1c3f4a4eb963b30b222695af5866f339/scientific-games.png" alt="Scientific Games" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed  hide-on-lg hide-on-md hide-on-sm hide-on-xs" data-delay="618">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/1fIsLrw8j51EGOyJRvCZrD/d8033df08f10ea1346c7566e22f8e276/pierre-fabre.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/1fIsLrw8j51EGOyJRvCZrD/d8033df08f10ea1346c7566e22f8e276/pierre-fabre.png" alt="Pierre Fabre" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                                        <div class="confiance-logos-wall-item inview inview-fast inview---delayed  hide-on-lg hide-on-md hide-on-sm hide-on-xs" data-delay="524">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/1rYXR3jRPRz0q9WT5Xz0aD/50d244a1d113fdcf87b4852f6e230063/loreal-paris.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/1rYXR3jRPRz0q9WT5Xz0aD/50d244a1d113fdcf87b4852f6e230063/loreal-paris.png" alt="Loréal Paris" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed hide-on-xxl hide-on-lg hide-on-md hide-on-sm hide-on-xs" data-delay="506">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/JYNiCkXFCwk9MVoDO4CcG/8ea51cac1c294b5f23f38b9e93f8af41/meelk.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/JYNiCkXFCwk9MVoDO4CcG/8ea51cac1c294b5f23f38b9e93f8af41/meelk.png" alt="Meelk" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed hide-on-xxl hide-on-lg hide-on-md hide-on-sm hide-on-xs" data-delay="216">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/2BNu6t5G63u0z3sRR1AUKn/c36951544105972360f737e447f6d191/vie-veranda.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/2BNu6t5G63u0z3sRR1AUKn/c36951544105972360f737e447f6d191/vie-veranda.png" alt="Vie &amp; Veranda" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed hide-on-xxl hide-on-lg hide-on-md hide-on-sm hide-on-xs" data-delay="246">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/01uiWNbEvzoRPtQarD8gvT/95ec8dc01c0d5f604f4a02621ba0bd19/k-gestion.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/01uiWNbEvzoRPtQarD8gvT/95ec8dc01c0d5f604f4a02621ba0bd19/k-gestion.png" alt="K Gestion" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed hide-on-xxl hide-on-lg hide-on-md hide-on-sm hide-on-xs" data-delay="453">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/4zT2lMdbtQJdI8Kd7p1TIL/df668005a5a741586cab82a0e03ff441/zol_360x360px_smartvideo.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/4zT2lMdbtQJdI8Kd7p1TIL/df668005a5a741586cab82a0e03ff441/zol_360x360px_smartvideo.png" alt="Smart Vidéo " class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed hide-on-xxl hide-on-lg hide-on-md hide-on-sm hide-on-xs" data-delay="296">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/7BcNgVfnpPio7DsZFOfazf/f526d637fb301daf0d8ee1d6b20a3526/leroy-merlin.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/7BcNgVfnpPio7DsZFOfazf/f526d637fb301daf0d8ee1d6b20a3526/leroy-merlin.png" alt="Leroy Merlin" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed hide-on-xxl hide-on-lg hide-on-md hide-on-sm hide-on-xs" data-delay="372">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/5Rikhw8boBulsSWTg6V5iz/c813b70cb40b0563d61be554c46fcec8/gamm-vert.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/5Rikhw8boBulsSWTg6V5iz/c813b70cb40b0563d61be554c46fcec8/gamm-vert.png" alt="Gamm Vert" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed hide-on-xxl hide-on-lg hide-on-md hide-on-sm hide-on-xs" data-delay="303">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/2NGWKDhK2RiEaPf9Iw0n8V/61566d4541bc0e32889e65a233211de9/socios.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/2NGWKDhK2RiEaPf9Iw0n8V/61566d4541bc0e32889e65a233211de9/socios.png" alt="Socios" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-card confiance-logos-wall-card-two  inview inview-fast inview---delayed" data-delay="1000">
                        <span class="confiance-logos-wall-card-text"><span>350</span> projets<br>digitaux</span>
                        
            <svg class="confiance-logos-wall-card-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" preserveAspectRatio="none">
                <path fill="#ff6128">
                    <animate repeatCount="indefinite" attributeName="d" dur="3s" values="
                        M9.61.15c6.77,0,7.87-.58,9.12.53.84.75,1.24,1.64,1.24,9.63,0,10.17,1.15,9-10.33,9C-3,19.35.44,23.87.44,9.19.44,3.85-.68,2.24.66.83,1.78-.35,3.12.16,9.61.15Z;

                        M9.43.57C16.25.57,17.7-.65,19,.47c.85.76,1.53,1.11.53,10.22-.72,6.51,5,11.12-9.67,8.62C3.41,18.78-1.73,23.73.55,9.07,1.4,3.61-.58,2.05.77.63,1.9-.57,2.91.58,9.43.57Z;

                        M9.61.15c6.77,0,7.87-.58,9.12.53.84.75,1.24,1.64,1.24,9.63,0,10.17,1.15,9-10.33,9C-3,19.35.44,23.87.44,9.19.44,3.85-.68,2.24.66.83,1.78-.35,3.12.16,9.61.15Z
                    "></animate>
                </path>
            </svg>
            
                    </div>
                                                                                                                                                        <div class="confiance-logos-wall-card confiance-logos-wall-card-two  inview inview-fast inview---delayed" data-delay="1000">
                        <span class="confiance-logos-wall-card-text"><span>350</span> projets<br>digitaux</span>
                        
            <svg class="confiance-logos-wall-card-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" preserveAspectRatio="none">
                <path fill="#ff6128">
                    <animate repeatCount="indefinite" attributeName="d" dur="3s" values="
                        M9.61.15c6.77,0,7.87-.58,9.12.53.84.75,1.24,1.64,1.24,9.63,0,10.17,1.15,9-10.33,9C-3,19.35.44,23.87.44,9.19.44,3.85-.68,2.24.66.83,1.78-.35,3.12.16,9.61.15Z;

                        M9.43.57C16.25.57,17.7-.65,19,.47c.85.76,1.53,1.11.53,10.22-.72,6.51,5,11.12-9.67,8.62C3.41,18.78-1.73,23.73.55,9.07,1.4,3.61-.58,2.05.77.63,1.9-.57,2.91.58,9.43.57Z;

                        M9.61.15c6.77,0,7.87-.58,9.12.53.84.75,1.24,1.64,1.24,9.63,0,10.17,1.15,9-10.33,9C-3,19.35.44,23.87.44,9.19.44,3.85-.68,2.24.66.83,1.78-.35,3.12.16,9.61.15Z
                    "></animate>
                </path>
            </svg>
            
                    </div>
                                                                                                                                                        <div class="confiance-logos-wall-item inview inview-fast inview---delayed hide-on-xxl hide-on-lg hide-on-md hide-on-sm hide-on-xs" data-delay="216">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/2MIESUWMD07sSj9Ok71zHs/097ff8d7a8761023f3cfb763aac0776f/groupe-verdie.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/2MIESUWMD07sSj9Ok71zHs/097ff8d7a8761023f3cfb763aac0776f/groupe-verdie.png" alt="Groupe Verdie" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed hide-on-xxl hide-on-lg hide-on-md hide-on-sm hide-on-xs" data-delay="319">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/5KHi7Sd1Ty0cH0PfY8RUZY/8a8be8f3e9ea4d8d783b637ab0670d99/la-poste.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/5KHi7Sd1Ty0cH0PfY8RUZY/8a8be8f3e9ea4d8d783b637ab0670d99/la-poste.png" alt="La Poste" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                                        <div class="confiance-logos-wall-item inview inview-fast inview---delayed hide-on-xxl hide-on-lg hide-on-md hide-on-sm hide-on-xs" data-delay="497">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/2Y2iIiiidyo0jLwzEmLB4o/eb2babb5160fda8353626c82900cef65/zol_360x360px_faciliciti.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/2Y2iIiiidyo0jLwzEmLB4o/eb2babb5160fda8353626c82900cef65/zol_360x360px_faciliciti.png" alt="Faciliciti" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed hide-on-xxl hide-on-lg hide-on-md hide-on-sm hide-on-xs" data-delay="302">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/4NR4jAnRbpZiSY3iC8P0Pb/0e29b4d917616aec15049ff9232a56cf/tissot.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/4NR4jAnRbpZiSY3iC8P0Pb/0e29b4d917616aec15049ff9232a56cf/tissot.png" alt="Tissot éditions" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed hide-on-xxl hide-on-lg hide-on-md hide-on-sm hide-on-xs" data-delay="294">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/3PsSYj61QbI3DQ4Qu9rjsI/8bc999191e24a82060a7f7feaaf9f5b0/willpower-instinct.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/3PsSYj61QbI3DQ4Qu9rjsI/8bc999191e24a82060a7f7feaaf9f5b0/willpower-instinct.png" alt="Willpower Instinct" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed hide-on-xxl hide-on-lg hide-on-md hide-on-sm hide-on-xs" data-delay="764">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/1dgkz5N5R68Nz5TpHtU3Rj/a0f6cdce93d4ecd67a26b583a59f6a9e/irdv.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/1dgkz5N5R68Nz5TpHtU3Rj/a0f6cdce93d4ecd67a26b583a59f6a9e/irdv.png" alt="iRDV" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed hide-on-xxl hide-on-lg hide-on-md hide-on-sm hide-on-xs" data-delay="269">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/7upaZQaYLzFcFoWFT38f0J/a25f16340ac58be090a7e16aa1d80ca7/intermarche.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/7upaZQaYLzFcFoWFT38f0J/a25f16340ac58be090a7e16aa1d80ca7/intermarche.png" alt="Intermarché" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed hide-on-xxl hide-on-lg hide-on-md hide-on-sm hide-on-xs" data-delay="380">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/32YdifopS3Vw2VW7UAY42X/583286fe453e0b3f16c30e9c967441fb/idema.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/32YdifopS3Vw2VW7UAY42X/583286fe453e0b3f16c30e9c967441fb/idema.png" alt="Idema" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed hide-on-xxl hide-on-lg hide-on-md hide-on-sm hide-on-xs" data-delay="452">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/5niLxA1LJlECGJpNk54Bkb/2afdbad01f29d8b1d19aebc676df5f25/keyrus.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/5niLxA1LJlECGJpNk54Bkb/2afdbad01f29d8b1d19aebc676df5f25/keyrus.png" alt="Keyrus" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed hide-on-xxl hide-on-lg hide-on-md hide-on-sm hide-on-xs" data-delay="465">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/2oybeH54NmiNy91sbDNYuy/d3960bc081cc5d59e5fec143baf210ea/matchem.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/2oybeH54NmiNy91sbDNYuy/d3960bc081cc5d59e5fec143baf210ea/matchem.png" alt="Matchem" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed hide-on-xxl hide-on-lg hide-on-md hide-on-sm hide-on-xs" data-delay="612">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/2EMf52fpRxT0uk2kFCMi5h/265618cdeede0cdcea5d848d9d9d6fa8/ZOL_-_Logo_client_-_Hello_Syndic.webp" type="image/webp">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/2EMf52fpRxT0uk2kFCMi5h/265618cdeede0cdcea5d848d9d9d6fa8/ZOL_-_Logo_client_-_Hello_Syndic.webp" alt="HelloSyndic" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed hide-on-xxl hide-on-lg hide-on-md hide-on-sm hide-on-xs" data-delay="730">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/5NleMeHfvCFfMs6ERSLcbe/97b4e9d8c70d961d2f9d2a575aee15db/sos-janti.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/5NleMeHfvCFfMs6ERSLcbe/97b4e9d8c70d961d2f9d2a575aee15db/sos-janti.png" alt="SOS Janti" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed hide-on-xxl hide-on-lg hide-on-md hide-on-sm hide-on-xs" data-delay="510">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/7oVbXMm4xZwTgQpYvvgKa8/9c7ddf0b170c144c7481887102c24160/zol_360x360px_terresens.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/7oVbXMm4xZwTgQpYvvgKa8/9c7ddf0b170c144c7481887102c24160/zol_360x360px_terresens.png" alt="Terresens" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                                    <div class="confiance-logos-wall-item inview inview-fast inview---delayed hide-on-xxl hide-on-lg hide-on-md hide-on-sm hide-on-xs" data-delay="389">
                        <div class="confiance-logos-wall-item-img">
                                <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/6mwto4YVmP3588iSb7m80J/a0c945b02eb9b54bf38af9135412b5bd/ZOL_-_Logo_client_-_Aliapur.png" type="image/png">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/6mwto4YVmP3588iSb7m80J/a0c945b02eb9b54bf38af9135412b5bd/ZOL_-_Logo_client_-_Aliapur.png" alt="Aliapur" class="lazyload ">
            </picture>

                        </div>
                    </div>
                                                                                                                            </div>

        <div class="confiance-logos-wall-cta inview inview--y-50">
                <a href="/references" class="blob-btn blob-btn blob-btn--orange blob-btn--text-default">
        Vous voulez encore + de logos ?
        <span class="blob-btn__inner">
            <span class="blob-btn__blobs">
                <span class="blob-btn__blob"></span>
                <span class="blob-btn__blob"></span>
                <span class="blob-btn__blob"></span>
                <span class="blob-btn__blob"></span>
            </span>
        </span>
    </a>

        </div>
    </div>
</section>
                            
<section class="testimony inview inview--y-50" js-bg-morph="true">
    <svg class="testimony__blob" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none" viewBox="0 0 1121 708"><defs><linearGradient id="blueGradient" x1="1252.05" y1="320.94" x2="226.41" y2="411.08" gradientTransform="matrix(1, 0, 0, -1, 0, 708)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3d3c9a"></stop><stop offset="1" stop-color="#6a25b6"></stop></linearGradient></defs><path d="M.93,396.22c16.25-183,302-132.86,564.1-309.88,276.4-186.64,453.52-41.06,522.83,156C1170.61,477.52,1099.68,786,860.52,690,669.25,613.2,507,580.76,376.68,562.77,120.19,527.34-12.53,547.88.93,396.22Z" fill="url(#blueGradient)"></path></svg>

    <svg class="testimony__blob testimony__blob-mobile" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none" viewBox="0 0 1121 708"><defs><linearGradient id="blueGradientMobile" x1="-42.61" y1="465.82" x2="1165.55" y2="253.27" gradientTransform="matrix(1, 0, 0, -1, 0, 708)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3d3c9a"></stop><stop offset="1" stop-color="#6a25b6"></stop></linearGradient></defs><path d="M623.4.47C846.84,6.52,1045.52,110.93,1107.32,268c56.27,143-68.65,279.6-234.86,365.55C713.89,715.56,511.09,737,346.78,661.3,138.94,565.52-56.72,410.24,15.17,238.49,89.57,60.76,369.34-6.39,623.4.47Z" transform="translate(0 0)" fill="url(#blueGradientMobile)"></path></svg>

    <div class="testimony__inner">
                        <picture>
                                    <source srcset="//images.ctfassets.net/zh8ys82xceif/3s58w5xms1FZnL6O05AsLD/1fb663d4bde56884dbba48d2c2b93dca/ZOL-_Logo_client_-_Point_S.webp" type="image/webp">
                                        <img loading="lazy" data-src="//images.ctfassets.net/zh8ys82xceif/3s58w5xms1FZnL6O05AsLD/1fb663d4bde56884dbba48d2c2b93dca/ZOL-_Logo_client_-_Point_S.webp" alt="" class="lazyload testimony__logo">
            </picture>

        
        <p class="testimony__content">"Amour, ZOL et beauté<br>
Des mots qui font rêver<br>
Des têtes qui font tourner<br>
Depuis le centre lyonnais"</p>
        <div class="testimony__who">
            <p class="testimony__who-name">Julien Barre</p>
            <p class="testimony__who-job">Responsable SI</p>
        </div>
    </div>
</section>                


<section class="section section-amour" id="section-amour" js-bg-morph="true">
    <div class="section-positioner">
        <div class="section-amour-kiss">
            <img class="lazyload inview inview--y-50" data-src="/build/img/home/amour/left-4.webp" alt="Amour" loading="lazy">
        </div>
        <div class="section-amour-silhouette">
            <img class="lazyload inview inview--y-50" data-src="/build/img/home/amour/right-4.webp" alt="Amour" loading="lazy">
        </div>
        <div class="section-inner">
            <div class="scrollsection-content">
                <div class="section-amour-right">
                    <div class="inview inview--y-50">
                            
        
            <div class="scrollsection-title-centerer">
            <div class="scrollsection-title ">
            <div class="scrollsection-title-fallback">
                                    ZOL c'est <span>Amour</span>
                            </div>
        </div>
            </div>
    
                    </div>
                    <div class="scrollsection-content-text">
                        <div class="inview inview--y-50">
                            <p>
                                Là, c'est LE paragraphe où on vous raconte qu'au delà de nos très nombreuses compétences, nous avons aussi du cœur et que nous ferons tout pour justifier votre confiance et vivre une belle histoire avec vous. Vous avez raison, c'est presque trop beau. Du coup, en attendant de nous essayer à votre tour, commencez peut-être par jeter un oeil sur nos réalisations et ce que nos clients en disent.
                            </p>
                        </div>
                    </div>
                    <div class="scrollsection-content-link">
                        <div class="inview inview--y-50">
                                <a href="/references" class="blob-btn blob-btn--orange blob-btn--text-default">
        Nos réalisations
        <span class="blob-btn__inner">
            <span class="blob-btn__blobs">
                <span class="blob-btn__blob"></span>
                <span class="blob-btn__blob"></span>
                <span class="blob-btn__blob"></span>
                <span class="blob-btn__blob"></span>
            </span>
        </span>
    </a>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
        
<section class="section section-references" id="section-references" js-bg-morph="true">
    <div class="section-positioner">
        <div class="inview inview--y-50">
            <div class="scrollsection-title">
                    
        
            <div class="scrollsection-title-centerer">
            <div class="scrollsection-title ">
            <div class="scrollsection-title-fallback">
                                    <span>Références</span>
                            </div>
        </div>
            </div>
    
            </div>
        </div>

        <div class="section-inner">
            <div class="references-client">
                                    
                    <section class="reference reference--alt" js-bg-morph="true">
                        <div class="reference-content">
                            <div class="reference-content-inner inview inview--y-50">
                                <h2 class="reference-subtitle">
                                    La refonte d’un site prépackagé pour un CMS sur mesure, taillé spécialement pour propulser les trois marques phares du groupe !
                                </h2>
                                <h3 class="reference-name">
                                    Vinci Immobilier Résidences Gérées
                                </h3>
                                <div class="reference-button">
                                    <a class="reference-button--link" href="/references/vinci" style="color: ##592DAB">
                                        CONCRÉTISEZ VOS AMBITIONS !
                                        <svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 13L7 7L1 1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="reference-illustration">
                            <div class="reference-illustration-background">
                                <div class="inview inview---whoop">
                                    <svg class="js-references-illustration-background-svg" viewBox="0 0 670 663">
                                        <defs>
                                            <mask id="mask-home-background-vinci">
                                                <path fill="white">
                                                    <animate attributeName="d" dur="10s" repeatCount="indefinite" values="M316.071 1.58639C411.542 6.47551 501.042 38.9379 564.267 104.048C631.974 173.773 680.068 263.78 658.992 354.73C637.558 447.229 553.45 513.227 459.849 554.667C365.551 596.414 253.069 621.485 161.519 574.973C74.2241 530.623 62.6221 429.323 39.3292 341.021C15.5364 250.823 -30.7048 151.246 30.0794 76.6921C92.1863 0.515527 211.826 -3.75204 316.071 1.58639Z; M326.376 0.0197951C422.335 -0.694226 525.366 17.6772 583.104 92.728C639.518 166.059 625.191 265.984 598.751 354.066C574.692 434.215 522.625 500.116 448.432 541.363C366.231 587.063 270.142 620.47 182.668 585.387C89.9556 548.202 28.6242 460.355 7.40974 364.478C-13.5142 269.915 10.1951 169.984 74.4956 96.5125C136.217 25.9877 231.525 0.725576 326.376 0.0197951Z; M316.071 1.58639C411.542 6.47551 501.042 38.9379 564.267 104.048C631.974 173.773 680.068 263.78 658.992 354.73C637.558 447.229 553.45 513.227 459.849 554.667C365.551 596.414 253.069 621.485 161.519 574.973C74.2241 530.623 62.6221 429.323 39.3292 341.021C15.5364 250.823 -30.7048 151.246 30.0794 76.6921C92.1863 0.515527 211.826 -3.75204 316.071 1.58639Z;"></animate>
                                                </path>
                                            </mask>
                                        </defs>
                                        <image y="0" x="0" width="100%" height="100%" preserveAspectRatio="xMidYMid slice" xlink:href="//images.ctfassets.net/zh8ys82xceif/3Xtg1derF7ynn1hPxGiD13/df845bb03d0b0e7ccb2630fe3f9f4c96/VIRG.png" mask="url(#mask-home-background-vinci)">
                                        </image>
                                        <rect width="100%" height="100%" mask="url(#mask-home-background-vinci)" mask-size="100%" fill="url(#linearGradient-home-references-vinci)" fill-opacity="0.75"></rect>
                                    </svg>
                                </div>
                            </div>
                        </div>
                    </section>
                                    
                    <section class="reference" js-bg-morph="true">
                        <div class="reference-content">
                            <div class="reference-content-inner inview inview--y-50">
                                <h2 class="reference-subtitle">
                                    De nouvelles interfaces, une expérience clients optimisée pour des ventes renforcées
                                </h2>
                                <h3 class="reference-name">
                                    Vie &amp; Véranda
                                </h3>
                                <div class="reference-button">
                                    <a class="reference-button--link" href="/references/vie-veranda" style="color: #19ddab">
                                        Boostez vos performances
                                        <svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 13L7 7L1 1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="reference-illustration">
                            <div class="reference-illustration-background">
                                <div class="inview inview---whoop">
                                    <svg class="js-references-illustration-background-svg" viewBox="0 0 683 682">
                                        <defs>
                                            <mask id="mask-home-background-vie-veranda">
                                                <path fill="white">
                                                    <animate attributeName="d" dur="10s" repeatCount="indefinite" values="M344.375 0.0158547C430.413 -0.985013 506.107 45.5099 563.496 108.548C626.179 177.401 685.559 262.154 665.146 352.358C644.649 442.935 551.772 490.017 467.652 532.076C380.17 575.816 285.371 622.46 193.663 588.094C94.2397 550.837 14.9316 461.114 1.37339 357.348C-11.1427 261.557 64.243 183.806 131.661 113.571C189.925 52.8733 259.497 1.00323 344.375 0.0158547Z; M326.376 0.0197951C422.335 -0.694226 525.366 17.6772 583.104 92.728C639.518 166.059 625.191 265.984 598.751 354.066C574.692 434.215 522.625 500.116 448.432 541.363C366.231 587.063 270.142 620.47 182.668 585.387C89.9556 548.202 28.6242 460.355 7.40974 364.478C-13.5142 269.915 10.1951 169.984 74.4956 96.5125C136.217 25.9877 231.525 0.725576 326.376 0.0197951Z; M344.375 0.0158547C430.413 -0.985013 506.107 45.5099 563.496 108.548C626.179 177.401 685.559 262.154 665.146 352.358C644.649 442.935 551.772 490.017 467.652 532.076C380.17 575.816 285.371 622.46 193.663 588.094C94.2397 550.837 14.9316 461.114 1.37339 357.348C-11.1427 261.557 64.243 183.806 131.661 113.571C189.925 52.8733 259.497 1.00323 344.375 0.0158547Z;"></animate>
                                                </path>
                                            </mask>
                                        </defs>
                                        <image y="0" x="0" width="100%" height="100%" preserveAspectRatio="xMidYMid slice" xlink:href="//images.ctfassets.net/zh8ys82xceif/7tD9JUi42e3beannltDCEH/30216ebccc3f2102dc5029a50f99dfa2/mockup-vie-et-veranda.jpeg" mask="url(#mask-home-background-vie-veranda)">
                                        </image>
                                        <rect width="100%" height="100%" mask="url(#mask-home-background-vie-veranda)" mask-size="100%" fill="url(#linearGradient-home-references-vie-veranda)" fill-opacity="0.75"></rect>
                                    </svg>
                                </div>
                            </div>
                        </div>
                    </section>
                                    
                    <section class="reference reference--alt" js-bg-morph="true">
                        <div class="reference-content">
                            <div class="reference-content-inner inview inview--y-50">
                                <h2 class="reference-subtitle">
                                    Imaginer et développer le "colissimo africain" pour le groupe La Poste
                                </h2>
                                <h3 class="reference-name">
                                    KeyOpsTech
                                </h3>
                                <div class="reference-button">
                                    <a class="reference-button--link" href="/references/keyopstech" style="color: #45399f">
                                        Votre digital, livré clés en main
                                        <svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 13L7 7L1 1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="reference-illustration">
                            <div class="reference-illustration-background">
                                <div class="inview inview---whoop">
                                    <svg class="js-references-illustration-background-svg" viewBox="0 0 670 663">
                                        <defs>
                                            <mask id="mask-home-background-keyopstech">
                                                <path fill="white">
                                                    <animate attributeName="d" dur="10s" repeatCount="indefinite" values="M316.071 1.58639C411.542 6.47551 501.042 38.9379 564.267 104.048C631.974 173.773 680.068 263.78 658.992 354.73C637.558 447.229 553.45 513.227 459.849 554.667C365.551 596.414 253.069 621.485 161.519 574.973C74.2241 530.623 62.6221 429.323 39.3292 341.021C15.5364 250.823 -30.7048 151.246 30.0794 76.6921C92.1863 0.515527 211.826 -3.75204 316.071 1.58639Z; M326.376 0.0197951C422.335 -0.694226 525.366 17.6772 583.104 92.728C639.518 166.059 625.191 265.984 598.751 354.066C574.692 434.215 522.625 500.116 448.432 541.363C366.231 587.063 270.142 620.47 182.668 585.387C89.9556 548.202 28.6242 460.355 7.40974 364.478C-13.5142 269.915 10.1951 169.984 74.4956 96.5125C136.217 25.9877 231.525 0.725576 326.376 0.0197951Z; M316.071 1.58639C411.542 6.47551 501.042 38.9379 564.267 104.048C631.974 173.773 680.068 263.78 658.992 354.73C637.558 447.229 553.45 513.227 459.849 554.667C365.551 596.414 253.069 621.485 161.519 574.973C74.2241 530.623 62.6221 429.323 39.3292 341.021C15.5364 250.823 -30.7048 151.246 30.0794 76.6921C92.1863 0.515527 211.826 -3.75204 316.071 1.58639Z;"></animate>
                                                </path>
                                            </mask>
                                        </defs>
                                        <image y="0" x="0" width="100%" height="100%" preserveAspectRatio="xMidYMid slice" xlink:href="//images.ctfassets.net/zh8ys82xceif/1lOa9MgzVG5BiSeFjA9Lbb/cd5ff117c7c973f5382341e34e1999e7/mockup-keyops.jpeg" mask="url(#mask-home-background-keyopstech)">
                                        </image>
                                        <rect width="100%" height="100%" mask="url(#mask-home-background-keyopstech)" mask-size="100%" fill="url(#linearGradient-home-references-keyopstech)" fill-opacity="0.75"></rect>
                                    </svg>
                                </div>
                            </div>
                        </div>
                    </section>
                                    
                    <section class="reference" js-bg-morph="true">
                        <div class="reference-content">
                            <div class="reference-content-inner inview inview--y-50">
                                <h2 class="reference-subtitle">
                                    Un MVP ambitieux en un temps record !
                                </h2>
                                <h3 class="reference-name">
                                    Unlocker
                                </h3>
                                <div class="reference-button">
                                    <a class="reference-button--link" href="/references/unlocker" style="color: ##592DAB">
                                        CHAMBOULEZ VOTRE MARCHÉ !
                                        <svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 13L7 7L1 1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="reference-illustration">
                            <div class="reference-illustration-background">
                                <div class="inview inview---whoop">
                                    <svg class="js-references-illustration-background-svg" viewBox="0 0 683 682">
                                        <defs>
                                            <mask id="mask-home-background-unlocker">
                                                <path fill="white">
                                                    <animate attributeName="d" dur="10s" repeatCount="indefinite" values="M344.375 0.0158547C430.413 -0.985013 506.107 45.5099 563.496 108.548C626.179 177.401 685.559 262.154 665.146 352.358C644.649 442.935 551.772 490.017 467.652 532.076C380.17 575.816 285.371 622.46 193.663 588.094C94.2397 550.837 14.9316 461.114 1.37339 357.348C-11.1427 261.557 64.243 183.806 131.661 113.571C189.925 52.8733 259.497 1.00323 344.375 0.0158547Z; M326.376 0.0197951C422.335 -0.694226 525.366 17.6772 583.104 92.728C639.518 166.059 625.191 265.984 598.751 354.066C574.692 434.215 522.625 500.116 448.432 541.363C366.231 587.063 270.142 620.47 182.668 585.387C89.9556 548.202 28.6242 460.355 7.40974 364.478C-13.5142 269.915 10.1951 169.984 74.4956 96.5125C136.217 25.9877 231.525 0.725576 326.376 0.0197951Z; M344.375 0.0158547C430.413 -0.985013 506.107 45.5099 563.496 108.548C626.179 177.401 685.559 262.154 665.146 352.358C644.649 442.935 551.772 490.017 467.652 532.076C380.17 575.816 285.371 622.46 193.663 588.094C94.2397 550.837 14.9316 461.114 1.37339 357.348C-11.1427 261.557 64.243 183.806 131.661 113.571C189.925 52.8733 259.497 1.00323 344.375 0.0158547Z;"></animate>
                                                </path>
                                            </mask>
                                        </defs>
                                        <image y="0" x="0" width="100%" height="100%" preserveAspectRatio="xMidYMid slice" xlink:href="//images.ctfassets.net/zh8ys82xceif/zXI8YuqiDbag0Uz76VXLQ/cd0baefbdfe62400f0a22fd5ff153e9d/Unlocker.png" mask="url(#mask-home-background-unlocker)">
                                        </image>
                                        <rect width="100%" height="100%" mask="url(#mask-home-background-unlocker)" mask-size="100%" fill="url(#linearGradient-home-references-unlocker)" fill-opacity="0.75"></rect>
                                    </svg>
                                </div>
                            </div>
                        </div>
                    </section>
                                <div class="scrollsection-content-link">
                    <div class="inview inview--y-50">
                            <a href="/references" class="blob-btn blob-btn--orange blob-btn--text-default">
        Toutes nos références
        <span class="blob-btn__inner">
            <span class="blob-btn__blobs">
                <span class="blob-btn__blob"></span>
                <span class="blob-btn__blob"></span>
                <span class="blob-btn__blob"></span>
                <span class="blob-btn__blob"></span>
            </span>
        </span>
    </a>

                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
    </div>

    


<div class="zou js-zou inview inview--y-50">
    <div class="svg-container">
        <div class="svg-container-inner">
            <svg class="zou-svg js-zou-svg" viewBox="0 0 1722 804" width="100%" height="100%" preserveAspectRatio="none">
                <defs>
                    <linearGradient x1="6.9592423%" y1="39.598281%" x2="75.3263123%" y2="96.5620955%" id="zou-home-linearGradient">
                        <stop stop-color="#9C1EE6" offset="0%"></stop>
                        <stop stop-color="#20AFE6" offset="100%"></stop>
                    </linearGradient>
                </defs>
                <path fill="url(#zou-home-linearGradient)">
                    <animate attributeName="d" dur="10s" repeatCount="indefinite" values="M149.255683,135.801305 C655.255683,-160.698695 1324.63165,188.482229 1652.71608,479.923587 C1743.98416,560.998116 1743.98416,676.457355 1652.71608,826.301305 L213.531981,826.301305 C-47.8387535,494.013706 -69.264186,263.847039 149.255683,135.801305 Z; M289.5,117 C813.255619,-170.426864 1525.78392,127.092071 1720,412.092071 C1779.78321,499.820207 1745.98416,676.457355 1654.71608,826.301305 L215.531981,826.301305 C-45.8387535,494.013706 -79.5,319.5 289.5,117 Z; M149.255683,135.801305 C655.255683,-160.698695 1324.63165,188.482229 1652.71608,479.923587 C1743.98416,560.998116 1743.98416,676.457355 1652.71608,826.301305 L213.531981,826.301305 C-47.8387535,494.013706 -69.264186,263.847039 149.255683,135.801305 Z;"></animate>
                </path>
            </svg>
        </div>
    </div>
    <div class="zou-container container js-zou-container">
        <div class="row row--ml zou-block">
            <div class="col-12">
                <div class="inview inview--y-50">
                        
        
            <div class="scrollsection-title page-title">
            <div class="scrollsection-title-fallback">
                                    <span class="title--padding--bottom title--padding--left">Zou&nbsp;!</span> chez ZOL
                            </div>
        </div>
    
                </div>
                <div class="inview inview--y-50">
                    <p class="zou-content">Ça y est, vous êtes amoureux ? Vous souhaitez nous confier votre joli projet&nbsp; ou nous rencontrer pour vous faire une meilleure idée de qui nous sommes ? Facile&nbsp;! Il ne reste plus qu'à compléter notre formulaire, nous nous occupons du reste.
</p>
                </div>
                <div class="inview inview--y-50">
                        <a href="/contact" class="blob-btn ">
        C'est parti !
        <span class="blob-btn__inner">
            <span class="blob-btn__blobs">
                <span class="blob-btn__blob"></span>
                <span class="blob-btn__blob"></span>
                <span class="blob-btn__blob"></span>
                <span class="blob-btn__blob"></span>
            </span>
        </span>
    </a>

                </div>
                <div class="inview inview--y-50">
                    <p class="zou-info">Sinon, vous pouvez appeler Thierry, Le drôle de bonhomme à droite là... n’ayez pas peur il est ultra gentil et accessoirement expert en transition numérique depuis plus de 20 ans ! Bah oui pas de bullshit on vous dit... le conseil ça commence dès notre rencontre ! Allez hop 04 28 29 52 36 ou <a href="mailto:[email protected]" target="_blank">[email protected]</a>
</p>
                </div>
            </div>
        </div>
        <div class="js-parallax">
            <div data-depth="0.02" data-friction-x="0.025" data-friction-y="0.025">
                
      
  <picture>
    <source srcset="/build/img/zou/thierry/footer.webp" type="image/webp">
          <source srcset="/build/img/zou/thierry/footer.webp" type="image/jpeg"> 
              <img loading="lazy" data-src="/build/img/zou/thierry/footer.webp" alt="" class="lazyload zou-avatar inview inview--x-50">
      </picture>

            </div>
        </div>
    </div>
</div>
    


<div class="footer">

    <div class="container inview inview--y-50">
        <header>
            <nav>
                <ul class="breadcrumb">
                                </ul>
            </nav>
        </header>
        <div class="footer-inner">
            <div class="footer-col footer-resume">
                <div>
                    Il était une fois, dans le royaume enchanté de l’innovation, ZOL, une troupe joyeuse de trublions et mages technologiques. Fondée il y a 19 ans, ces ZOLibrius excellent non seulement dans la côte de bœuf et des vins de Bourgogne, mais brillent surtout en façonnant des solutions sur-mesure, transformant chaque projet en un enchantement numérique, afin que chaque dirigeant, chaque individu qui croise leur chemin, découvre la clé du bonheur. Avec une touche de créativité, une pincée d’innovation, et surtout beaucoup beaucoup d’empathie et d’amour, ZOL continue d’écrire son histoire, invitant chaque entreprise à rejoindre ce monde merveilleux, où les rêves numériques deviennent réalité.

                </div>
            </div>

            <div class="footer-col footer-links">
                <ul>
                    <li>
                        <a href="/references">Références clients</a>
                    </li>
                    <li>
                        <a href="/references/ffessm">FFESSM</a>
                    </li>
                    <li>
                        <a href="/references/mouratoglou">Mouratoglou Academy</a>
                    </li>
                    <li>
                        <a href="/references/keyopstech">KeyOps</a>
                    </li>
                    <li>
                        <a href="/references/gaming-guru">Gaming Guru</a>
                    </li>
                    <li>
                        <a href="/references/joa">JOA</a>
                    </li>
                    <li>
                        <a href="/references/la-canadienne">La Canadienne</a>
                    </li>
                    <li>
                        <a href="/references/vie-veranda">Vie &amp; Véranda</a>
                    </li>
                    <li>
                        <a href="/references/gamm-vert">Gamm Vert</a>
                    </li>
                    <li>
                        <a href="/references/dumont-securite">Dumont Sécurité</a>
                    </li>
                    <li>
                        <a href="/references/axenergie">Axenergie</a>
                    </li>
                    <li>
                        <a href="/references/load-and-pay">Load &amp; Pay</a>
                    </li>
                    <li>
                        <a href="/references/coscigo">Coscigo</a>
                    </li>
                    <li>
                        <a href="/references/ras-interim">RAS Interim</a>
                    </li>
                    <li>
                        <a href="/references/tg-concept">TG Concept</a>
                    </li>
                </ul>
            </div>
            <div class="footer-col footer-contact">
                <div>
                    <div>
                        <a href="/contact">Contactez-nous</a>
                    </div>
                    <br>
                    <a href="mailto:[email protected]" target="_blank">[email protected]</a>
                    <br>
                    04 28 29 52 36
                    <br>
                    <br>
                    22 rue Robert 69006 <b>Lyon</b><br>
                    <span class="footer-contact__access">Tram T1 - Palais de Justice</span>
                    <br>
                    <br>
                    226 bvd Voltaire 75011 <b>Paris</b><br>
                    <span class="footer-contact__access">Métro - Rue des boulets</span>
                </div>
            </div>
            <div class="footer-col footer-legals">
                <a href="/">
                    
      
  <picture>
    <source srcset="/build/img/logos/zol_black_v2.webp" type="image/webp">
          <source srcset="/build/img/logos/zol_black_v2.webp" type="image/jpeg"> 
              <img loading="lazy" data-src="/build/img/logos/zol_black_v2.webp" alt="ZOL, l'agence digitale agile sur mesure" class="lazyload footer-logo">
      </picture>

                </a>
                <br>
                <br>
                <a href="https://www.facebook.com/ZOLagence/" target="_blank" rel="noopener" class="footer-social-icon">
                    <img src="/build/img/social/facebook.svg" width="11" height="20" alt="Facebook">
                </a>
                <a href="https://twitter.com/zol_web/" target="_blank" rel="noopener" class="footer-social-icon">
                    <img src="/build/img/social/twitter.svg" width="18" height="15" alt="Twitter">
                </a>
                <a href="https://www.instagram.com/zolagence/" target="_blank" rel="noopener" class="footer-social-icon">
                    <img src="/build/img/social/instagram.svg" width="18" height="18" alt="Instagram">
                </a>
                <a href="https://www.linkedin.com/company/zol---agence-web-lyonnaise" target="_blank" rel="noopener" class="footer-social-icon">
                    <img src="/build/img/social/linkedin.svg" width="18" height="17" alt="LinkedIn">
                </a>
                <br>
                <br>
                2005-2024 ZOL - RCS Lyon B 481 577 286<br>
                Tous droits réservés<br>
                <a href="/sitemap-site">Plan de site</a><br>
                <a href="/politique-de-confidentialite">Politique de confidentialité</a><br>
                <a href="/mentions-legales">Mentions Légales</a><br>
                <a href="/agence-digitale-conseil/zol-votre-agence-e-commerce">Agence site e-commerce</a><br>
                <a href="/agence-digitale/digital-vers-une-r-evolution-des-usages">Agence digitale innovante</a><br>
                <a href="/agence-digitale/zol-votre-agence-dapplications-metier">Agence développement application métier</a><br>
            </div>
        </div>
        <div class="footer-inner">
            <div class="footer-col footer-partners">
                                                <a class="footer-partner " href="https://www.adira.org/" target="_blank">
                    
      
  <picture>
    <source srcset="/build/img/logos/partners/adira.webp" type="image/webp">
          <source srcset="/build/img/logos/partners/adira.webp" type="image/jpeg"> 
              <img loading="lazy" data-src="/build/img/logos/partners/adira.webp" alt="Adira" class="lazyload footer-img">
      </picture>

                </a>
                                <a class="footer-partner footer-partner--s" href="https://www.digital-league.org/" target="_blank">
                    
      
  <picture>
    <source srcset="/build/img/logos/partners/digital_league.webp" type="image/webp">
          <source srcset="/build/img/logos/partners/digital_league.webp" type="image/jpeg"> 
              <img loading="lazy" data-src="/build/img/logos/partners/digital_league.webp" alt="Digital League" class="lazyload footer-img">
      </picture>

                </a>
                                <a class="footer-partner " href="https://www.les-strateges.fr/" target="_blank">
                    
      
  <picture>
    <source srcset="/build/img/logos/partners/les_strateges.webp" type="image/webp">
          <source srcset="/build/img/logos/partners/les_strateges.webp" type="image/jpeg"> 
              <img loading="lazy" data-src="/build/img/logos/partners/les_strateges.webp" alt="Les Stratèges" class="lazyload footer-img">
      </picture>

                </a>
                                <a class="footer-partner footer-partner--s" href="https://www.sortlist.com/fr/agency/zol" target="_blank">
                    
      
  <picture>
    <source srcset="/build/img/logos/partners/sortlist.webp" type="image/webp">
          <source srcset="/build/img/logos/partners/sortlist.webp" type="image/jpeg"> 
              <img loading="lazy" data-src="/build/img/logos/partners/sortlist.webp" alt="Sortlist" class="lazyload footer-img">
      </picture>

                </a>
                                <a class="footer-partner footer-partner--l" href="https://sylius.com/fr/" target="_blank">
                    
      
  <picture>
    <source srcset="/build/img/logos/partners/sylius.webp" type="image/webp">
          <source srcset="/build/img/logos/partners/sylius.webp" type="image/jpeg"> 
              <img loading="lazy" data-src="/build/img/logos/partners/sylius.webp" alt="Sylius" class="lazyload footer-img">
      </picture>

                </a>
                                <a class="footer-partner footer-partner--m" href="https://www.entreprises.gouv.fr/fr/entrepreneuriat/aides-et-financement/credit-d-impot-recherche" target="_blank">
                    
      
  <picture>
    <source srcset="/build/img/logos/partners/cir.webp" type="image/webp">
          <source srcset="/build/img/logos/partners/cir.webp" type="image/jpeg"> 
              <img loading="lazy" data-src="/build/img/logos/partners/cir.webp" alt="Crédit d'Impôt Recherche" class="lazyload footer-img">
      </picture>

                </a>
                                <a class="footer-partner footer-partner--m" href="https://www.entreprises.gouv.fr/fr/entrepreneuriat/aides-et-financement/credit-d-impot-innovation" target="_blank">
                    
      
  <picture>
    <source srcset="/build/img/logos/partners/cii.webp" type="image/webp">
          <source srcset="/build/img/logos/partners/cii.webp" type="image/jpeg"> 
              <img loading="lazy" data-src="/build/img/logos/partners/cii.webp" alt="Crédit d'Impôt Innovation" class="lazyload footer-img">
      </picture>

                </a>
                            </div>
        </div>
    </div>
</div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <script src="/build/js/start.js"></script><script src="/build/js/app8.js"></script>
            

<script type="text/javascript" id="" charset="">(tarteaucitron.job=tarteaucitron.job||[]).push("googleadwordsconversion");</script><script type="text/javascript" id="" charset="">(tarteaucitron.job=tarteaucitron.job||[]).push("gtag");</script><script type="text/javascript" id="" charset="">var _paq=window._paq=window._paq||[];_paq.push(["trackPageView"]);_paq.push(["enableLinkTracking"]);(function(){var a="https://zol.matomo.cloud/";_paq.push(["setTrackerUrl",a+"matomo.php"]);_paq.push(["setSiteId","1"]);var b=document;a=b.createElement("script");b=b.getElementsByTagName("script")[0];a.async=!0;a.src="//cdn.matomo.cloud/zol.matomo.cloud/matomo.js";b.parentNode.insertBefore(a,b)})();</script><iframe height="0" width="0" style="display: none; visibility: hidden;"></iframe>
<div id="tarteaucitronRoot" class="tarteaucitronBeforeVisible"><div id="tarteaucitronPremium"></div><button type="button" id="tarteaucitronBack" aria-label="Close"></button><div id="tarteaucitron" role="dialog" aria-labelledby="dialogTitle">   <button type="button" id="tarteaucitronClosePanel">       Close   </button>   <div id="tarteaucitronServices">      <div class="tarteaucitronLine tarteaucitronMainLine" id="tarteaucitronMainLineOffset">         <span class="tarteaucitronH1" role="heading" aria-level="1" id="dialogTitle">Cookies management panel</span>         <div id="tarteaucitronInfo">         By allowing these third party services, you accept their cookies and the use of tracking technologies necessary for their proper functioning.         </div>         <div class="tarteaucitronName">            <span class="tarteaucitronH2" role="heading" aria-level="2">Preference for all services</span>         </div>         <div class="tarteaucitronAsk" id="tarteaucitronScrollbarAdjust">            <button type="button" id="tarteaucitronAllAllowed" class="tarteaucitronAllow">               <span class="tarteaucitronCheck"></span> Allow all cookies            </button>             <button type="button" id="tarteaucitronAllDenied" class="tarteaucitronDeny">               <span class="tarteaucitronCross"></span> Tout refuser            </button>         </div>      </div>      <div class="tarteaucitronBorder">         <div class="clear"></div><ul><li id="tarteaucitronServicesTitle_mandatory"><div class="tarteaucitronTitle">   <button type="button" tabindex="-1"><span class="tarteaucitronPlus"></span> Mandatory cookies</button></div><ul id="tarteaucitronServices_mandatory"><li class="tarteaucitronLine">   <div class="tarteaucitronName">       <span class="tarteaucitronH3" role="heading" aria-level="3">This site uses cookies necessary for its proper functioning which cannot be deactivated.</span>       <span class="tarteaucitronListCookies"></span><br>   </div>   <div class="tarteaucitronAsk">       <button type="button" class="tarteaucitronAllow" tabindex="-1" disabled="">           <span class="tarteaucitronCheck"></span> Allow       </button>        <button type="button" class="tarteaucitronDeny" style="visibility:hidden" tabindex="-1">           <span class="tarteaucitronCross"></span> Deny       </button>    </div></li></ul></li>         <li id="tarteaucitronServicesTitle_api" class="tarteaucitronHidden">            <div class="tarteaucitronTitle">               <button type="button" class="catToggleBtn" data-cat="tarteaucitronDetailsapi"><span class="tarteaucitronPlus"></span> APIs</button>            </div>            <div id="tarteaucitronDetailsapi" class="tarteaucitronDetails tarteaucitronInfoBox">               APIs are used to load scripts: geolocation, search engines, translations, ...            </div>         <ul id="tarteaucitronServices_api"></ul></li>         <li id="tarteaucitronServicesTitle_ads" class="tarteaucitronHidden" style="display: block;">            <div class="tarteaucitronTitle">               <button type="button" class="catToggleBtn" data-cat="tarteaucitronDetailsads"><span class="tarteaucitronPlus"></span> Advertising network</button>            </div>            <div id="tarteaucitronDetailsads" class="tarteaucitronDetails tarteaucitronInfoBox">               Ad networks can generate revenue by selling advertising space on the site.            </div>         <ul id="tarteaucitronServices_ads"><li id="googleadwordsconversionLine" class="tarteaucitronLine">   <div class="tarteaucitronName">       <span class="tarteaucitronH3" role="heading" aria-level="3">Google Adwords (conversion)</span>       <span id="tacCLgoogleadwordsconversion" class="tarteaucitronListCookies">This service does not use cookie.</span><br>       <a href="https://tarteaucitron.io/service/googleadwordsconversion/" target="_blank" rel="noreferrer noopener nofollow" title="Cookie detail for Google Adwords (conversion) on our site (new window)">           Read more       </a>        -        <a href="https://www.google.com/settings/ads" target="_blank" rel="noreferrer noopener" title="Google Adwords (conversion) (new window)">           View the official website       </a>   </div>   <div class="tarteaucitronAsk">       <button type="button" id="googleadwordsconversionAllowed" class="tarteaucitronAllow">           <span class="tarteaucitronCheck"></span> Allow       </button>        <button type="button" id="googleadwordsconversionDenied" class="tarteaucitronDeny">           <span class="tarteaucitronCross"></span> Deny       </button>   </div></li></ul></li>         <li id="tarteaucitronServicesTitle_analytic" class="tarteaucitronHidden" style="display: block;">            <div class="tarteaucitronTitle">               <button type="button" class="catToggleBtn" data-cat="tarteaucitronDetailsanalytic"><span class="tarteaucitronPlus"></span> Audience measurement</button>            </div>            <div id="tarteaucitronDetailsanalytic" class="tarteaucitronDetails tarteaucitronInfoBox">               The audience measurement services used to generate useful statistics attendance to improve the site.            </div>         <ul id="tarteaucitronServices_analytic"><li id="gtagLine" class="tarteaucitronLine">   <div class="tarteaucitronName">       <span class="tarteaucitronH3" role="heading" aria-level="3">Google Analytics (gtag.js)</span>       <span id="tacCLgtag" class="tarteaucitronListCookies">This service can install 10 cookies.</span><br>       <a href="https://tarteaucitron.io/service/gtag/" target="_blank" rel="noreferrer noopener nofollow" title="Cookie detail for Google Analytics (gtag.js) on our site (new window)">           Read more       </a>        -        <a href="https://policies.google.com/privacy" target="_blank" rel="noreferrer noopener" title="Google Analytics (gtag.js) (new window)">           View the official website       </a>   </div>   <div class="tarteaucitronAsk">       <button type="button" id="gtagAllowed" class="tarteaucitronAllow">           <span class="tarteaucitronCheck"></span> Allow       </button>        <button type="button" id="gtagDenied" class="tarteaucitronDeny">           <span class="tarteaucitronCross"></span> Deny       </button>   </div></li></ul></li>         <li id="tarteaucitronServicesTitle_comment" class="tarteaucitronHidden">            <div class="tarteaucitronTitle">               <button type="button" class="catToggleBtn" data-cat="tarteaucitronDetailscomment"><span class="tarteaucitronPlus"></span> Comments</button>            </div>            <div id="tarteaucitronDetailscomment" class="tarteaucitronDetails tarteaucitronInfoBox">               Comments managers facilitate the filing of comments and fight against spam.            </div>         <ul id="tarteaucitronServices_comment"></ul></li>         <li id="tarteaucitronServicesTitle_other" class="tarteaucitronHidden">            <div class="tarteaucitronTitle">               <button type="button" class="catToggleBtn" data-cat="tarteaucitronDetailsother"><span class="tarteaucitronPlus"></span> Other</button>            </div>            <div id="tarteaucitronDetailsother" class="tarteaucitronDetails tarteaucitronInfoBox">               Services to display web content.            </div>         <ul id="tarteaucitronServices_other"></ul></li>         <li id="tarteaucitronServicesTitle_social" class="tarteaucitronHidden">            <div class="tarteaucitronTitle">               <button type="button" class="catToggleBtn" data-cat="tarteaucitronDetailssocial"><span class="tarteaucitronPlus"></span> Social networks</button>            </div>            <div id="tarteaucitronDetailssocial" class="tarteaucitronDetails tarteaucitronInfoBox">               Social networks can improve the usability of the site and help to promote it via the shares.            </div>         <ul id="tarteaucitronServices_social"></ul></li>         <li id="tarteaucitronServicesTitle_support" class="tarteaucitronHidden">            <div class="tarteaucitronTitle">               <button type="button" class="catToggleBtn" data-cat="tarteaucitronDetailssupport"><span class="tarteaucitronPlus"></span> Support</button>            </div>            <div id="tarteaucitronDetailssupport" class="tarteaucitronDetails tarteaucitronInfoBox">               Support services allow you to get in touch with the site team and help to improve it.            </div>         <ul id="tarteaucitronServices_support"></ul></li>         <li id="tarteaucitronServicesTitle_video" class="tarteaucitronHidden">            <div class="tarteaucitronTitle">               <button type="button" class="catToggleBtn" data-cat="tarteaucitronDetailsvideo"><span class="tarteaucitronPlus"></span> Videos</button>            </div>            <div id="tarteaucitronDetailsvideo" class="tarteaucitronDetails tarteaucitronInfoBox">               Video sharing services help to add rich media on the site and increase its visibility.            </div>         <ul id="tarteaucitronServices_video"></ul></li>             <li id="tarteaucitronNoServicesTitle" class="tarteaucitronLine" style="display: none;">This website does not use any cookie requiring your consent.</li>         </ul>         <div class="tarteaucitronHidden tarteaucitron-spacer-20" id="tarteaucitronScrollbarChild"></div>       </div>   </div></div><div id="tarteaucitronAlertBig" class="tarteaucitronAlertBigBottom" style="display: block; opacity: 1;">   <span id="tarteaucitronDisclaimerAlert">       <span>Le respect de votre vie privée est notre priorité</span><p>Nos partenaires et nous-mêmes utilisons différentes technologies, telles que les cookies pour analyser le trafic, vous proposer des fonctionnalités sur les réseaux sociaux ou pour personnaliser les contenus et publicités et aller encore plus loin dans le sur-mesure. 😉</p><p>Nous utilisons également des cookies au moment du goûter, avec un thé bien chaud, un vrai régal ! Accompagnez cette petite pause d'une lecture passionnante en découvrant <a href="/politique-de-confidentialite">notre politique de confidentialité</a>. Si vous voulez notre recette, <a href="/contact">écrivez-nous</a>.</p><p>Lire <a href="/politique-de-confidentialite">notre politique de confidentialité</a>.</p>   </span>   <button type="button" class="tarteaucitronCTAButton tarteaucitronAllow" id="tarteaucitronPersonalize2">       <span class="tarteaucitronCheck"></span> Tout accepter   </button>   <button type="button" class="tarteaucitronCTAButton tarteaucitronDeny" id="tarteaucitronAllDenied2">       <span class="tarteaucitronCross"></span> Tout refuser   </button>   <button type="button" id="tarteaucitronCloseAlert">       Personnaliser   </button></div><div id="tarteaucitronPercentage" style="display: block;"></div><div id="tarteaucitronIcon" class="tarteaucitronIconBottomLeft" style="display: none;">   <button type="button" id="tarteaucitronManager">       <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAGA0lEQVRoge1a207bWBRdBtJwLYZhKDMVmlSK1LxNkPo+ZH6g8B6p5AuALwC+APoFoVLeoT8whPeRSt+CZKmZVu3AiIsRlEtCktGyjy8xzuXYhvahS0JJHJ/4rLP3XnuffcAPfGdQ7mM6jRLSAF4BxqsbewB2lRS2o35mpEQaJcwCyANIdLi1DGBNSWEzqmdHRqRRwjqAJclhtExOSUEP+/xIiDRKhhUWfL7ShTtBuJnqcw+/z4Ql0xNmMEwSSz4kuNIzSgpjSsqYJP/GeE185wYJroedRyiLNEpGLLzzrHSuk+83SgbxvOcyyRaDziWsRVZkSRDinpzPbwVGWIucuohsKynMS47fAQyls/BMSRmKJo3AFhG5wm2N1wF+Zs3zebbFfR0RxrXcJHQlgH+LMW616pR/WiIMEXfW3mtzXyeEGWsjKot8c4TOI98L+iKaR5PS6IUk88RLAO9F8UjrbYoYMOosNavpfmODIiwRXRR/G3ohaWVo1RU/c30jV8ab2mV8qVGzHWBOLyTLZiWs5Rolg/C3ySOi0tXP/k4aEwOwSBKPJs7Rp16ABJTe+p1xVX0It/owqqdDEMRoqd3RFxqDPh20Ig6VEPVC0i5RSCD+6wl6HlW7GksSlUMV11/GrUs5NasFLusDE9ELSVphXemtJwaT/8JyIRvxNNCfBmIiNdR04LII3DSrbe0yjqvyJF/ppptqVlt+MCLCEh/oOkPPP6N38Mb5cnQBGFsEqmXg5j3QMwoMzwGnr4HYbybBq13gZAOom/FO63zdf2qQArCsZrUN2TlJy69eSDKYV+6Q4MpP75ivHzPA53ngaBW4eGuSOt0A/lsGPmXMz0+3TFJcTfFbPfFbfnwlhON+iQhlWmA82CQ4ocQ7c6KcfL3DHuls0yT6Sx4YnLXJDCQOIRRv5yGIJBgP8Sdisj2qubpc5UGJmo+W49ifVmzL8HcpGhQPvZCUKiCliIhEN0tr2OCqHuSA8gwQ/92MkU7gxEmeVqGrTTgpxPXbUrtGWYus0I9thRIraagRQUIDf7Qn4yZhKRiFQIyhfMfUr3yblokVWSJ6k8xSnc7eNN/RjowfCYiFoDUFer1S3gW6JiJ8Nt30EMbEhU+vzSIztuRYjRLsR8IHLjlf7HZ+MrWWEXxNmbvapt4jGSqZRYSkGUetSNTPzHsui5YMQ2ajJUNks6mw4wT54Ok2ShnzzIPCUGshzawCRKy5FqvrTZe0RWzQGvw79m67XZjKmxJrLsICjtZa55gxXy+6F4sYsEtxTqhXdRTLC8ulSDaWoCLsolfN+8YUhOsJV709H7Cudr0LlVEtzqBcN+shEyThdR941OnAbF8pirKJqXyupTRTtQSReiVmXW1j7oBErB0d9xM2WEd5J9ZKYtuR4WKwwBSoORbpGrJ5ZI9lt71irJmGX1px0JYE26uNErawr2zfIcP4OHEKXm66PA3wjpCNEfpJunI4muifPjKvsFCkGjExTq63yxMJsZNMYF/J4HmDC5A3Yq36jy0ClePHVhwuu/b1HSFlEfHD5ZtD1bEK44Qu1mWys6tbWmZyPWckzlPTGiRw/XHCuk+q4Rek+mVrVL/UppwrdDEGNV2kpyuhccgc5Oxm9vWnn+19vJrVpLor0kTUrGacMplb1CfOFyTD4o9uNrHqr2Z+ZMSp1c2XcVSORnh9Q81q3k599ETgkNnjg0nGzi10K7rX+bZpHbrblPcY5A4Zxk2xcjzCvTpd9027Aa0QtouyyrKFRR6D/04DwkFGvHPXM3Qda/Jb4nPgI7hQLVM1q5HIBt2MzQNa57Z1DiiLAGa5Mi+O4Sz3Mpp6laPHO6InII3ITnX1QtI+EOX+m9ZxleOZ/j9PiuKoLi3aqXPuEoSye/Vhkm+LalbLtHhMS0R6zu7aZ3vP2jOjL7QVv4McxhcDnZIelAQibGIbULOapf3PuE1Vs9qeaOTdkVKr00gCQiw4NlBzDvf1Lxx+uP5r3Dgv5KQZRzWn+GRwz8jmDS8itUg7iB6vLuJCF5Uty4A9mVKkFR6MiJDachST/oHvHgD+B4SoUIitpF05AAAAAElFTkSuQmCC" alt="Cookies" title="Cookies">   </button></div></div></body></html>