CINXE.COM

<!DOCTYPE html><html lang="fr" dir="ltr" class="path-realisations-starmat layout-no-sidebars page-node-158 node-type-project_page no-js"><head><meta charset="utf-8" /><noscript><style>form.antibot * :not(.antibot-message) { display: none !important; }</style></noscript><script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments)};gtag("js", new Date());gtag("set", "developer_id.dMDhkMT", true);window['ga-disable-G-5143XR278N'] = !document.cookie.valueOf('cookie-agreed-categories').includes('statistiques');gtag("config", "G-5143XR278N", {"groups":"default","page_placeholder":"PLACEHOLDER_page_location"});gtag("config", "UA-44699541-1", {"groups":"default","page_placeholder":"PLACEHOLDER_page_path"});</script><style>.js img.lazyload:not([src]) { visibility: hidden; }.js img.lazyloaded[data-sizes=auto] { display: block; width: 100%; }</style><script>var _paq = _paq || [];(function(){var u=(("https:" == document.location.protocol) ? "https://stats.metropolitan-neo.fr/" : "https://stats.metropolitan-neo.fr/");_paq.push(["setSiteId", "1"]);_paq.push(["setTrackerUrl", u+"matomo.php"]);if (!document.cookie.valueOf('cookie-agreed-categories').includes('performances')) { _paq.push(['disableCookies']); }if (!window.matomo_search_results_active) {_paq.push(["trackPageView"]);}_paq.push(["setIgnoreClasses", ["no-tracking","colorbox"]]);_paq.push(["enableLinkTracking"]);var d=document,g=d.createElement("script"),s=d.getElementsByTagName("script")[0];g.type="text/javascript";g.defer=true;g.async=true;g.src=u+"matomo.js";s.parentNode.insertBefore(g,s);})();</script><meta name="description" content="Cr茅ation de site internet responsive - agence digitale Metropolitan Neo" /><meta name="robots" content="index, follow" /><link rel="shortlink" href="https://metropolitan-neo.fr/node/158" /><link rel="canonical" href="https://metropolitan-neo.fr/realisations/starmat" /><meta name="referrer" content="no-referrer-when-downgrade" /><meta name="rights" content="漏2025 Metropolitan Neo - Tous droits r茅serv茅s" /><meta property="og:site_name" content="Metropolitan Neo" /><meta property="og:url" content="https://metropolitan-neo.fr/" /><meta property="og:title" content="Plateforme digitale pour le groupement Starmat | Metropolitan Neo" /><meta property="og:description" content="Cr茅ation de site internet responsive - agence digitale Metropolitan Neo" /><meta property="article:author" content="Metropolitan Neo" /><meta property="article:publisher" content="Metropolitan Neo" /><meta property="article:published_time" content="2021-09-05T16:06:45+0200" /><meta property="article:modified_time" content="2024-10-28T15:26:59+0100" /><meta name="twitter:card" content="summary" /><meta name="twitter:site" content="@MetropolitanNeo" /><meta name="twitter:description" content="Agence de communication digitale et brand design 脿 Paris" /><meta name="twitter:title" content="Metropolitan Neo" /><meta name="twitter:creator" content="@MetropolitanNeo" /><link rel="alternate" hreflang="x-default" href="https://metropolitan-neo.fr/realisations/starmat" /><link rel="alternate" hreflang="fr" href="https://metropolitan-neo.fr/realisations/starmat" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><script type="application/ld+json">{"@context": "https://schema.org","@graph": [{"@type": "ReportageNewsArticle","@id": "https://metropolitan-neo.fr/realisations/starmat","headline": "Plateforme digitale pour le groupement Starmat | Metropolitan Neo","name": "Plateforme digitale pour le groupement Starmat | Metropolitan Neo","description": "Cr茅ation de site internet responsive - agence digitale Metropolitan Neo","datePublished": "2021-09-05T16:06:45+0200","isAccessibleForFree": "True","dateModified": "2024-10-28T15:26:59+0100","author": {"@type": "Corporation","@id": "Metropolitan Neo","name": "Metropolitan Neo","url": "https://metropolitan-neo.fr/","logo": {"@type": "ImageObject","representativeOfPage": "False","url": "https://metropolitan-neo.fr/themes/custom/pasadena/logo-Metropolitan_Neo.svg","width": "280","height": "84"}},"publisher": {"@type": "Corporation","@id": "Metropolitan Neo","name": "Metropolitan Neo","url": "https://metropolitan-neo.fr/","logo": {"@type": "ImageObject","representativeOfPage": "False","url": "https://metropolitan-neo.fr/themes/custom/pasadena/logo-Metropolitan_Neo.svg","width": "280","height": "84"}}}] }</script><link rel="icon" href="/themes/custom/pasadena/favicons/favicon.svg" type="image/svg+xml" /><script src="/sites/default/files/eu_cookie_compliance/eu_cookie_compliance.script.js?srm5ir" defer></script><title>Plateforme digitale pour le groupement Starmat | Metropolitan Neo</title><link rel="icon" type="image/png" href="/themes/custom/pasadena/favicons/favicon-96x96.png" sizes="96x96" /><link rel="icon" type="image/svg+xml" href="/themes/custom/pasadena/favicons/favicon.svg" /><link rel="shortcut icon" href="/themes/custom/pasadena/favicons/favicon.ico" /><link rel="apple-touch-icon" sizes="180x180" href="/themes/custom/pasadena/favicons/apple-touch-icon.png" /><meta name="apple-mobile-web-app-title" content="MetroNeo" /><link rel="manifest" href="/themes/custom/pasadena/favicons/site.webmanifest" /><link rel="stylesheet" media="all" href="/sites/default/files/css/css_w5BJNqBETH6JC1SQT54wikYrZTEA0Eln-06QHGYXqxM.css?delta=0&language=fr&theme=pasadena&include=eJxtj2EKwzAIhS_UNEcKJnFpqDVBE1h3-sm20j8DQd_3fIIR0h5Gs-o-3nOoqfGSCFRP44rXfKAqFNRLc8vmtdQaB7OQRwVS_yXuJu4hjQdydlSjgJwWErS4HED1hQvOYJG9orWjUwVO6P_BEEFs_Tmo8u6zzA60_uTSQaAI9E0v5ybr5D4jVd0w26JCRgZfqEUgp-O0A2XRUwcen5ffv6lvSA" /><link rel="stylesheet" media="all" href="/sites/default/files/css/css_qeHgc3YGtjivAaMg5SqFBRhj9NYD_e3Efdfo7AMcFog.css?delta=1&language=fr&theme=pasadena&include=eJxtj2EKwzAIhS_UNEcKJnFpqDVBE1h3-sm20j8DQd_3fIIR0h5Gs-o-3nOoqfGSCFRP44rXfKAqFNRLc8vmtdQaB7OQRwVS_yXuJu4hjQdydlSjgJwWErS4HED1hQvOYJG9orWjUwVO6P_BEEFs_Tmo8u6zzA60_uTSQaAI9E0v5ybr5D4jVd0w26JCRgZfqEUgp-O0A2XRUwcen5ffv6lvSA" /><script src="/sites/default/files/js/js_C5aQlhTJT8yQ1sroO5ZoM_Y1fLAefpYpheIi_aVGPPU.js?scope=header&delta=0&language=fr&theme=pasadena&include=eJxtjeEKwyAMhF9Il0eSqFlxpoloCnNPP0sH_TM4cpePkIuYajBdahDvHF7DJU2qEmgMEivIAy7ib-KfXcVIsucSO_bp6AjrphZatjcuKIngH3T0Ni5SIfejIT9-q2P8TDiH2ykXDGeTzcBqVgguC41xUncNB2YShI01Ivthc_3YvgwEVCc"></script></head><body lang="fr" dir="ltr" class="path-realisations-starmat layout-no-sidebars page-node-158 node-type-project_page no-js path-node page-node-type-project-page"><div id="preloader"><div id="status"><div class="parent"><div class="child"><p>chargement</p></div></div></div></div><div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <nav id="main-nav"><div class="region region-menu"><h2 class="visually-hidden" id="block-pasadena-main-menu-menu">Main navigation</h2><ul class="clearfix" id="options"><li> <a href="/" data-drupal-link-system-path="<front>">Accueil</a></li><li> <a href="/agence-digitale-design-graphique" data-drupal-link-system-path="node/175">Agence</a></li><li> <a href="" class="sub-nav-toggle">Comp茅tences</a><ul class="clearfix sub-nav hidden" id="ccn-sub-options"><li> <a href="/agence-digitale" data-drupal-link-system-path="node/131">Digital</a></li><li> <a href="/agence-design-graphique" data-drupal-link-system-path="node/132">Design</a></li><li> <a href="/agence-creation-contenu" data-drupal-link-system-path="node/133">Content</a></li><li> <a href="/strategie-communication" data-drupal-link-system-path="node/134">Conseil</a></li></ul></li><li> <a href="/realisations" data-drupal-link-system-path="node/176">R茅alisations</a></li><li> <a href="/references" data-drupal-link-system-path="node/192">R茅f茅rences</a></li><li> <a href="/blog" data-drupal-link-system-path="node/174">Blog</a></li><li> <a href="/contact" data-drupal-link-system-path="node/173">Contact</a></li></ul><div id="logo"> <a style="background-image: url(/themes/custom/pasadena/logo-Metropolitan_Neo-blanc.svg);" href="/">Metropolitan Neo</a></div></div></nav><div id="wrap"><div class="content-wrapper"> <header id="header" class="clearfix"><div class="container"><div id="logo"> <a style="background-image: url(/themes/custom/pasadena/logo-Metropolitan_Neo.svg);" href="/">Metropolitan Neo</a></div><div id="menu-button"><div class="centralizer"> <img id="logo-dde" src="/themes/custom/pasadena/accroche-Metropolitan_Neo.svg" alt="Cr茅ons des exp茅riences uniques" width="200" height="auto"/></div><div class="centralizer"><div class="cursor"><div id="nav-button"> <span class="nav-bar"></span> <span class="nav-bar"></span> <span class="nav-bar"></span></div></div></div></div></div> </header><div id="content"><div id="container" class="container clearfix"><div class="region region-content"><div data-drupal-messages-fallback class="hidden"></div><div class="paragraph paragraph--type--fullwidth-text paragraph--view-mode--default"><div class="element clearfix col--5 accueil"><div class="greyed"><p class="paragraph__etiquette"> starmat</p><h2 class="paragraph__featured-titre"> Une plateforme imagin茅e comme un outil de travail</h2><div class="paragraph__texte"><p>Donner plus de visibilit茅 aux 490 points de vente.</p></div></div></div></div><div class="paragraph paragraph--type--image paragraph--view-mode--default"><div class="element clearfix col--5-3 accueil with-bg"><div class="borders"> <img src="/sites/default/files/styles/webp/public/cocoon/ipad-geant-starmat-v2.jpg.webp?itok=TX9ZHLAq" width="1170" height="702" alt="Ipad Starmat" loading="lazy" class="image-style-webp" /><div class="overlay"></div><div class="parent"><div class="bottom"> <span class="arrow-right"></span></div></div></div></div></div><div class="paragraph paragraph--type--project-details paragraph--view-mode--default"><div class="element clearfix col--1-2 home accueil paragraph paragraph--type--project-details paragraph--view-mode--default "><div class="greyed"><p class="paragraph__etiquette">Client</p><h4 class="paragraph__titre"> Starmat</h4><p class="paragraph__etiquette extra-padding-top">Missions</p><h4 class="paragraph__titre"> Conception du site Internet Starmat et extranet collaboratif. Maintenance et accompagnement. Le site est d茅velopp茅 avec Drupal et int茅gralement responsive.</h4><div class="parent"><div class="bottom"><p class="paragraph__etiquette extra-padding-top">Partager</p><ul class="social-list clearfix"><li> <a target="_blank" href="https://twitter.com/home?status=https://metropolitan-neo.fr/realisations/starmat"> <i class="fa fa-twitter"></i> </a></li><li> <a target="_blank" href="https://pinterest.com/pin/create/button/?url=https://metropolitan-neo.fr/realisations/starmat"> <i class="fa fa-pinterest"></i> </a></li><li> <a target="_blank" href="https://linkedin.com/shareArticle?mini=true&url=https://metropolitan-neo.fr/realisations/starmat"> <i class="fa fa-linkedin"></i> </a></li><li> <a target="_blank" href="https://www.facebook.com/sharer.php?u=https://metropolitan-neo.fr/realisations/starmat"> <i class="fa fa-facebook-square"></i> </a></li></ul></div></div></div></div></div><div class="paragraph paragraph--type--project-image paragraph--view-mode--default"><div class="element clearfix col--2-2 with-bg home accueil"><div class="borders"> <img class="no-image-style image-style-webp" src="/sites/default/files/cocoon/matrice_logo_starmat.svg" width="468" height="468" alt="Logo Starmat en deux couleurs" loading="lazy" /></div></div></div><div class="paragraph paragraph--type--featured-text paragraph--view-mode--default"><div class="element clearfix col--2-2 accueil"><div class="greyed"><p class="paragraph__etiquette"> plateforme digitale</p><h2 class="paragraph__featured-titre"> Une plateforme digitale pour mieux communiquer au sein du groupement.</h2><div class="paragraph__texte"><p class="large">STARMAT est devenu un partenaire incontournable dans la distribution de produits du B.T.P. et des mat茅riaux de construction. Afin de r茅pondre aux besoins croissants en mati猫re de communication avec les adh茅rents, nous avons con莽u une plateforme permettant un v茅ritable lien entre membres en mettant 脿 disposition un extranet. Le CMS Drupal utilis茅 pour la conception de ce site permet une configuration pr茅cise du backoffice avec une interface ergonomique et une exp茅rience utilisateur fluide et rapide.</p></div></div></div></div><div class="paragraph paragraph--type--project-hero-image paragraph--view-mode--default"><div class="container clearfix full-width intro"><div class="clearfix with-bg height-500px"><div class="fixed"> <figure class="background-image1 parallax parallax-banner" style="background-image:url(/sites/default/files/cocoon/hero-starmat-2024.jpg);background-size:cover;"></figure></div><div class="full-height-wrapper"><div class="parent"><div class="bottom"><div class="container"><div class="col--5"><div class="banner-textblock"><h1 class="paragraph__hero-titre"> Plateforme digitale groupement</h1><p class="large paragraph__hero-texte"> R茅alisation d'une plateforme digitale int茅grant un extranet pour les adh茅rents du groupement Starmat.</p></div></div></div></div></div><div class="overlay darker"></div></div></div></div></div><div class="paragraph paragraph--type--image paragraph--view-mode--default"><div class="element clearfix col--2-2 accueil with-bg"><div class="borders"> <img src="/sites/default/files/styles/webp/public/cocoon/starmat_cdv-tete-lettre-1000x1000px.jpg.webp?itok=ttEUqhh8" width="468" height="468" alt="Exemple de d茅clinaison de la charte graphique" loading="lazy" class="image-style-webp" /><div class="overlay"></div><div class="parent"><div class="bottom"> <span class="arrow-right"></span></div></div></div></div></div><div class="paragraph paragraph--type--image paragraph--view-mode--default"><div class="element clearfix col--1-1 accueil with-bg"><div class="borders"> <img class="no-image-style image-style-webp" src="/sites/default/files/cocoon/starmat_bloc-collaborateurs_468x468px.svg" width="234" height="234" alt="5500 Collaborateurs" loading="lazy" /><div class="overlay"></div><div class="parent"><div class="top"> <span class="arrow-right"></span></div></div></div></div></div><div class="paragraph paragraph--type--image paragraph--view-mode--default"><div class="element clearfix col--1-1 accueil with-bg"><div class="borders"> <img class="no-image-style image-style-webp" src="/sites/default/files/cocoon/starmat_bloc-point-vente_468x468px.svg" width="234" height="234" alt="448 Points de vente en France" loading="lazy" /><div class="overlay"></div><div class="parent"><div class="top"> <span class="arrow-right"></span></div></div></div></div></div><div class="paragraph paragraph--type--image paragraph--view-mode--default"><div class="element clearfix col--1-2 accueil with-bg"><div class="borders"> <img src="/sites/default/files/styles/webp/public/cocoon/starmat_enseigne-468x976px.jpg.webp?itok=NA_F4_rB" width="234" height="468" alt="Enseigne ext茅rieure Starmat" loading="lazy" class="image-style-webp" /><div class="overlay"></div><div class="parent"><div class="bottom"> <span class="arrow-right"></span></div></div></div></div></div><div class="paragraph paragraph--type--image paragraph--view-mode--default"><div class="element clearfix col--2-1 accueil with-bg"><div class="borders"> <img src="/sites/default/files/styles/webp/public/cocoon/starmat_charte-graphique-976x468px.jpg.webp?itok=wIFwi5ga" width="468" height="234" alt="Livret gamme de nuances" loading="lazy" class="image-style-webp" /><div class="overlay"></div><div class="parent"><div class="bottom"> <span class="arrow-right"></span></div></div></div></div></div><div class="paragraph paragraph--type--image paragraph--view-mode--default"><div class="element clearfix col--3-2 accueil with-bg"><div class="borders"> <img src="/sites/default/files/styles/webp/public/cocoon/montage-lcapture-decran-starmatjpg.jpg.webp?itok=upv0ESmz" width="702" height="468" alt="Montage des pages du site Starmat" loading="lazy" class="image-style-webp" /><div class="overlay"></div><div class="parent"><div class="bottom"> <span class="arrow-right"></span></div></div></div></div></div><div class="paragraph paragraph--type--image paragraph--view-mode--default"><div class="element clearfix col--2-2 accueil with-bg"><div class="borders"> <img src="/sites/default/files/styles/webp/public/cocoon/magasinier-starmat.jpg.webp?itok=mSMX-k0c" width="468" height="468" alt="Magasinier dans un entrep么t" loading="lazy" class="image-style-webp" /><div class="overlay"></div><div class="parent"><div class="bottom"> <span class="arrow-right"></span></div></div></div></div></div><div class="paragraph paragraph--type--featured-text paragraph--view-mode--default"><div class="element clearfix col--2-2 accueil"><div class="greyed"><p class="paragraph__etiquette"> BRAND DESIGN</p><h2 class="paragraph__featured-titre"> Ce projet int猫gre un plan de communication global, allant de la charte graphique digitale d茅di茅e au site en passant par la strat茅gie SEO.</h2><div class="paragraph__texte"><p class="large">Nous avons plus r茅cemment int茅gr茅 un job board avec un UI/UX ax茅 sur la simplicit茅, tant pour le candidat que le recruteur, nous avons harmonis茅 le design du site pour int茅grer cette nouvelle fonctionnalit茅 qui s'inscrit dans une strat茅gie digitale visant 脿 donner plus d'autonomie aux adh茅rents.</p></div></div></div></div><div class="paragraph paragraph--type--from-library paragraph--view-mode--default"><div class="paragraph paragraph--type--lottie paragraph--view-mode--default"><div class="element clearfix col--1-1 with-bg home accueil"><div class="borders"><div style="transform: scale(1)"> <a href="/realisations" title=""> <lottie-player autoplay="autoplay" loop="loop" background_transparent="1" src="/sites/default/files/2022-12/ywzgn8nfse1_0.json"></lottie-player><div></div> </a></div></div></div></div></div></div></div></div></div> <footer id="footer"><div class="container clearfix"><div class="region region-footer"><div id="block-logomiblanc" class="block block-block-content block-block-content383acea4-f028-417e-aab8-ff14b9edf3eb"><div id="logo"> <a style="background-image: url(/themes/custom/pasadena/logo-Metropolitan_Neo-blanc.svg);" href="/">Metropolitan Neo</a></div></div><div id="block-reseauxsociauxmi" class="block block-block-content block-block-contentea90546b-a957-4487-8e8a-e107de1d6781"><div class="ccn-content"><ul class="social-list"><li> <a target="_blank" href="https://fr.linkedin.com/company/metropolitanneo/" aria-label="Retrouvez-nous sur Linkedin" > <i class="fa fa-linkedin"></i> </a></li><li> <a target="_blank" href="https://www.instagram.com/metropolitanneo/" aria-label="Retrouvez-nous sur Instagram" > <i class="fa fa-instagram"></i> </a></li><li> <a target="_blank" href="https://www.facebook.com/MetropolitanNeo/" aria-label="Retrouvez-nous sur Facebook" > <i class="fa fa-facebook-f"></i> </a></li><li> <a target="_blank" href="https://www.pinterest.fr/MetropolitanNeo/" aria-label="Retrouvez-nous sur Pinterest" > <i class="fa fa-pinterest-p"></i> </a></li><li> <a target="_blank" href="https://x.com/MetropolitanNeo/" aria-label="Retrouvez-nous sur Twitter" > <i class="fa fa-mn-x-twitter"></i> </a></li><li> <a target="_blank" href="https://vimeo.com/metropolitanneo" aria-label="Retrouvez-nous sur Vimeo" > <i class="fa fa-vimeo"></i> </a></li><li> <a target="_blank" href="https://www.youtube.com/@MetropolitanNeo"> <i class="fa fa-mn-youtube"></i> </a></li></ul></div></div><div id="block-ensemblecreonsdesexperiencesuniques" class="block block-block-content block-block-content3f08370d-167a-4470-9d62-2bf886f9890c"><div class="ccn-content"><p><strong>Ensemble, cr茅ons des exp茅riences uniques !</strong></p><p>Agence digitale et brand design 脿 Paris, Metropolitan Neo est sp茅cialis茅e dans la cr茅ation de site internet avec le CMS Drupal. Nous accompagnons nos clients dans la r茅alisation d'outils de communication : site internet, plateforme digitale orient茅e m茅tier. Par ailleurs l'expertise design de marque de l'agence permet d'offrir un service complet lors de la refonte ou d''茅volution d'identit茅 visuelle. L'agence Metropolitan Neo est situ茅e 脿 Paris dans le 11e arrondissement 脿 proximit茅 du quartier de la Bastille.</p></div></div><div id="block-menu-footer" class="block block-system block-system-menu-blockmain"><div class="ccn-content"><ul class="clearfix" id="options"><li> <a href="/" data-drupal-link-system-path="<front>">Accueil</a></li><li> <a href="/agence-digitale-design-graphique" data-drupal-link-system-path="node/175">Agence</a></li><li> <a href="" class="sub-nav-toggle">Comp茅tences</a><ul class="clearfix sub-nav hidden" id="ccn-sub-options"><li> <a href="/agence-digitale" data-drupal-link-system-path="node/131">Digital</a></li><li> <a href="/agence-design-graphique" data-drupal-link-system-path="node/132">Design</a></li><li> <a href="/agence-creation-contenu" data-drupal-link-system-path="node/133">Content</a></li><li> <a href="/strategie-communication" data-drupal-link-system-path="node/134">Conseil</a></li></ul></li><li> <a href="/realisations" data-drupal-link-system-path="node/176">R茅alisations</a></li><li> <a href="/references" data-drupal-link-system-path="node/192">R茅f茅rences</a></li><li> <a href="/blog" data-drupal-link-system-path="node/174">Blog</a></li><li> <a href="/contact" data-drupal-link-system-path="node/173">Contact</a></li></ul><div id="logo"> <a style="background-image: url(/themes/custom/pasadena/logo-Metropolitan_Neo-blanc.svg);" href="/">Metropolitan Neo</a></div></div></div><div id="block-drupal" class="block block-block-content block-block-contentc9c84739-3f7a-448b-ab49-dc1e5dfde983"><div class="ccn-content"><p>Metropolitan Neo est membre des associations Drupal France & Drupal international</p><a href="https://www.drupal.org/metropolitan-neo"><img src="/sites/default/files/cocoon/Wordmark1_white_RGB.svg" alt="Logo Drupal" width="60" height="46" loading="lazy" typeof="foaf:Image"></a><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p></div></div></div></div> </footer><div id="credits"><div class="container clearfix"><div class="region region-credits"><div id="block-logodde" class="block block-block-content block-block-content1b658e06-2274-48e6-8012-d10d914bde27"><div class="ccn-content"><p><img alt="Cr茅ons des exp茅riences uniques" height="auto" loading="lazy" src="/themes/custom/pasadena/accroche-Metropolitan_Neo.svg" width="100"></p></div></div><div id="block-credits" class="block block-block-content block-block-content32de65e4-ea89-4a29-8c85-3a9fb173bce1"><div class="ccn-content"><p>漏 Metropolitan Neo France 1996-<span class="annee">2021</span>  |  <a data-entity-substitution="canonical" data-entity-type="node" data-entity-uuid="8f43adf9-8a14-45c6-adbb-4824c24d0379" href="/mentions-legales" title="Mentions l茅gales">Mentions l茅gales</a>  |  <a data-entity-substitution="canonical" data-entity-type="node" data-entity-uuid="3fe511c1-2172-48f9-9201-64f97a2d7f31" href="/politique-de-confidentialite" title="Politique de confidentialit茅">Politique de confidentialit茅</a>  |  <a data-entity-substitution="canonical" data-entity-type="node" data-entity-uuid="45445e3d-e702-483b-bbb6-8787aa0649a7" href="/plan-du-site" title="Plan du site">Plan du site</a><br>Toutes les marques cit茅es sont des marques d茅pos茅es.<br>Les contenus, vid茅os, animations et photographies de ce site ne peuvent 锚tre utilis茅s sans autorisation.<br>Metropolitan Neo - agence digitale, design graphique et webdesign et conseil - 6, cit茅 de l'Ameublement 75011 Paris</p></div></div></div></div></div></div></div><script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/158","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"fr"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJx1kOtuwzAIhV_IqR_JwjFLWTC2wJHmPv1ouy5_Wsni8h0OSM6w7mk0fz3ms060Ngn5g_htYWUwm04NX3VFM9jwX5NWXGtra5JcQhkEbPFJlpMsX9pkoJSFKSvodJOi27UC0w0DHsktO6Gn2plAVozvYMqgPv4zmGSPRY8OfPlrA8NtxnsIFQtBul8fM3EbgzA-U-oMEzV0UNgU-tVeW05yOaQfmcmuWHzQoKBA3Lhl4MXG9GNbsGkD6-N7fgGxa4uI","theme":"pasadena","theme_token":null},"ajaxTrustedUrl":[],"back_to_top":{"back_to_top_button_trigger":100,"back_to_top_speed":1200,"back_to_top_prevent_on_mobile":true,"back_to_top_prevent_in_admin":false,"back_to_top_button_type":"image","back_to_top_button_text":"Remonter"},"clientside_validation_jquery":{"validate_all_ajax_forms":2,"force_validate_on_blur":false,"messages":{"required":"Ce champ est requis.","remote":"Please fix this field.","email":"Veuillez saisir une adresse de courriel valide.","url":"Please enter a valid URL.","date":"Please enter a valid date.","dateISO":"Please enter a valid date (ISO).","number":"Please enter a valid number.","digits":"Please enter only digits.","equalTo":"Please enter the same value again.","maxlength":"Please enter no more than {0} characters.","minlength":"Please enter at least {0} characters.","rangelength":"Please enter a value between {0} and {1} characters long.","range":"Please enter a value between {0} and {1}.","max":"Please enter a value less than or equal to {0}.","min":"Please enter a value greater than or equal to {0}.","step":"Please enter a multiple of {0}."}},"google_analytics":{"account":"G-5143XR278N","trackOutbound":true,"trackMailto":true,"trackTel":true,"trackDownload":true,"trackDownloadExtensions":"7z|aac|arc|arj|asf|asx|avi|bin|csv|doc(x|m)?|dot(x|m)?|exe|flv|gif|gz|gzip|hqx|jar|jpe?g|js|mp(2|3|4|e?g)|mov(ie)?|msi|msp|pdf|phps|png|ppt(x|m)?|pot(x|m)?|pps(x|m)?|ppam|sld(x|m)?|thmx|qtm?|ra(m|r)?|sea|sit|tar|tgz|torrent|txt|wav|wma|wmv|wpd|xls(x|m|b)?|xlt(x|m)|xlam|xml|z|zip"},"lazy":{"lazysizes":{"lazyClass":"lazyload","loadedClass":"lazyloaded","loadingClass":"lazyloading","preloadClass":"lazypreload","errorClass":"lazyerror","autosizesClass":"lazyautosizes","srcAttr":"data-src","srcsetAttr":"data-srcset","sizesAttr":"data-sizes","minSize":40,"customMedia":[],"init":true,"expFactor":1.5,"hFac":0.8,"loadMode":2,"loadHidden":true,"ricTimeout":0,"throttleDelay":125,"plugins":[]},"placeholderSrc":"","preferNative":true,"minified":true,"libraryPath":"\/libraries\/lazysizes"},"matomo":{"disableCookies":false,"trackMailto":true},"data":{"extlink":{"extTarget":true,"extTargetAppendNewWindowLabel":"(s\u0027ouvre dans une nouvelle fen\u00eatre)","extTargetNoOverride":false,"extNofollow":true,"extTitleNoOverride":false,"extNoreferrer":true,"extFollowNoOverride":true,"extClass":"0","extLabel":"(le lien est externe)","extImgClass":false,"extSubdomains":true,"extExclude":"","extInclude":"","extCssExclude":"","extCssInclude":"","extCssExplicit":"","extAlert":false,"extAlertText":"Ce lien vous dirige vers un site externe. Nous ne sommes pas responsables de son contenu.","extHideIcons":false,"mailtoClass":"0","telClass":"","mailtoLabel":"(link sends email)","telLabel":"(link is a phone number)","extUseFontAwesome":false,"extIconPlacement":"append","extPreventOrphan":false,"extFaLinkClasses":"fa fa-external-link","extFaMailtoClasses":"fa fa-envelope-o","extAdditionalLinkClasses":"","extAdditionalMailtoClasses":"","extAdditionalTelClasses":"","extFaTelClasses":"fa fa-phone","whitelistedDomains":[],"extExcludeNoreferrer":""}},"eu_cookie_compliance":{"cookie_policy_version":"1.0.0","popup_enabled":true,"popup_agreed_enabled":false,"popup_hide_agreed":false,"popup_clicking_confirmation":false,"popup_scrolling_confirmation":false,"popup_html_info":"\u003Cbutton type=\u0022button\u0022 class=\u0022eu-cookie-withdraw-tab btn btn-sm btn-dark rounded-0 sr-only\u0022\u003EParam\u00e8tres de confidentialit\u00e9\u003C\/button\u003E\n\u003Cdiv role=\u0022alertdialog\u0022 aria-labelledby=\u0022popup-text\u0022 class=\u0022eu-cookie-compliance-banner eu-cookie-compliance-banner-info eu-cookie-compliance-banner--categories bg-dark text-white\u0022\u003E\n \u003Cdiv class=\u0022popup-content info eu-cookie-compliance-content\u0022\u003E\n \u003Cdiv id=\u0022popup-text\u0022 class=\u0022eu-cookie-compliance-message float-none font-weight-medium\u0022\u003E\n \u003Ch2\u003ENous souhaitons utiliser des cookies\u003C\/h2\u003E\n \u003C\/div\u003E\n\n \u003Cdiv id=\u0022eu-cookie-compliance-categories\u0022 class=\u0022eu-cookie-compliance-categories mt-4 font-weight-medium\u0022\u003E\n \u003Cdiv class=\u0022eu-cookie-compliance-category mb-3\u0022\u003E\n \u003Cdiv class=\u0022custom-control custom-checkbox cb-outline-white\u0022\u003E\n \u003Cinput class=\u0022custom-control-input\u0022 type=\u0022checkbox\u0022 name=\u0022cookie-categories\u0022 id=\u0022cookie-category-session\u0022\n value=\u0022session\u0022\n checked disabled \u003E\n \u003Clabel class=\u0022custom-control-label mb-0\u0022 for=\u0022cookie-category-session\u0022\u003ECookies indispensables\u003C\/label\u003E\n \u003C\/div\u003E\n \u003Cdiv class=\u0022custom-control custom-description eu-cookie-compliance-category-description small disabled \u0022\u003EN\u00e9cessaires au fonctionnement du site.\u003C\/div\u003E\n \u003C\/div\u003E\n \u003Cdiv class=\u0022eu-cookie-compliance-category mb-3\u0022\u003E\n \u003Cdiv class=\u0022custom-control custom-checkbox cb-outline-white\u0022\u003E\n \u003Cinput class=\u0022custom-control-input\u0022 type=\u0022checkbox\u0022 name=\u0022cookie-categories\u0022 id=\u0022cookie-category-performances\u0022\n value=\u0022performances\u0022\n checked \u003E\n \u003Clabel class=\u0022custom-control-label mb-0\u0022 for=\u0022cookie-category-performances\u0022\u003EAnalyse de performance du site (respecte le RGPD)\u003C\/label\u003E\n \u003C\/div\u003E\n \u003Cdiv class=\u0022custom-control custom-description eu-cookie-compliance-category-description small \u0022\u003ESuivi anonyme de l\u0026#039;activit\u00e9 du site nous permettant d\u0026#039;am\u00e9liorer le site internet.\u003C\/div\u003E\n \u003C\/div\u003E\n \u003Cdiv class=\u0022eu-cookie-compliance-category mb-3\u0022\u003E\n \u003Cdiv class=\u0022custom-control custom-checkbox cb-outline-white\u0022\u003E\n \u003Cinput class=\u0022custom-control-input\u0022 type=\u0022checkbox\u0022 name=\u0022cookie-categories\u0022 id=\u0022cookie-category-statistiques\u0022\n value=\u0022statistiques\u0022\n checked \u003E\n \u003Clabel class=\u0022custom-control-label mb-0\u0022 for=\u0022cookie-category-statistiques\u0022\u003EAnalyse statistique de fr\u00e9quentation du site\u003C\/label\u003E\n \u003C\/div\u003E\n \u003Cdiv class=\u0022custom-control custom-description eu-cookie-compliance-category-description small \u0022\u003ESuivi de l\u0026#039;activit\u00e9 du site via Google Analytics.\u003C\/div\u003E\n \u003C\/div\u003E\n \u003Cdiv class=\u0022eu-cookie-compliance-categories-buttons mt-3 d-flex justify-content-between\u0022\u003E\n \u003Cbutton type=\u0022button\u0022 class=\u0022agree-button eu-cookie-compliance-default-button btn btn-sm btn-outline-white ml-3 font-weight-bold\u0022\u003EAccepter tout\u003C\/button\u003E\n \u003Cbutton type=\u0022button\u0022 class=\u0022eu-cookie-compliance-save-preferences-button btn btn-sm btn-outline-white\u0022\u003EEnregistrer les pr\u00e9f\u00e9rences\u003C\/button\u003E\n \u003Cbutton type=\u0022button\u0022 class=\u0022eu-cookie-withdraw-button btn btn-sm btn-outline-white\u0022\u003ERetirer le consentement\u003C\/button\u003E\n \u003C\/div\u003E\n \u003C\/div\u003E\n \n \u003C\/div\u003E\n\u003C\/div\u003E","use_mobile_message":false,"mobile_popup_html_info":"\u003Cbutton type=\u0022button\u0022 class=\u0022eu-cookie-withdraw-tab btn btn-sm btn-dark rounded-0 sr-only\u0022\u003EParam\u00e8tres de confidentialit\u00e9\u003C\/button\u003E\n\u003Cdiv role=\u0022alertdialog\u0022 aria-labelledby=\u0022popup-text\u0022 class=\u0022eu-cookie-compliance-banner eu-cookie-compliance-banner-info eu-cookie-compliance-banner--categories bg-dark text-white\u0022\u003E\n \u003Cdiv class=\u0022popup-content info eu-cookie-compliance-content\u0022\u003E\n \u003Cdiv id=\u0022popup-text\u0022 class=\u0022eu-cookie-compliance-message float-none font-weight-medium\u0022\u003E\n \n \u003C\/div\u003E\n\n \u003Cdiv id=\u0022eu-cookie-compliance-categories\u0022 class=\u0022eu-cookie-compliance-categories mt-4 font-weight-medium\u0022\u003E\n \u003Cdiv class=\u0022eu-cookie-compliance-category mb-3\u0022\u003E\n \u003Cdiv class=\u0022custom-control custom-checkbox cb-outline-white\u0022\u003E\n \u003Cinput class=\u0022custom-control-input\u0022 type=\u0022checkbox\u0022 name=\u0022cookie-categories\u0022 id=\u0022cookie-category-session\u0022\n value=\u0022session\u0022\n checked disabled \u003E\n \u003Clabel class=\u0022custom-control-label mb-0\u0022 for=\u0022cookie-category-session\u0022\u003ECookies indispensables\u003C\/label\u003E\n \u003C\/div\u003E\n \u003Cdiv class=\u0022custom-control custom-description eu-cookie-compliance-category-description small disabled \u0022\u003EN\u00e9cessaires au fonctionnement du site.\u003C\/div\u003E\n \u003C\/div\u003E\n \u003Cdiv class=\u0022eu-cookie-compliance-category mb-3\u0022\u003E\n \u003Cdiv class=\u0022custom-control custom-checkbox cb-outline-white\u0022\u003E\n \u003Cinput class=\u0022custom-control-input\u0022 type=\u0022checkbox\u0022 name=\u0022cookie-categories\u0022 id=\u0022cookie-category-performances\u0022\n value=\u0022performances\u0022\n checked \u003E\n \u003Clabel class=\u0022custom-control-label mb-0\u0022 for=\u0022cookie-category-performances\u0022\u003EAnalyse de performance du site (respecte le RGPD)\u003C\/label\u003E\n \u003C\/div\u003E\n \u003Cdiv class=\u0022custom-control custom-description eu-cookie-compliance-category-description small \u0022\u003ESuivi anonyme de l\u0026#039;activit\u00e9 du site nous permettant d\u0026#039;am\u00e9liorer le site internet.\u003C\/div\u003E\n \u003C\/div\u003E\n \u003Cdiv class=\u0022eu-cookie-compliance-category mb-3\u0022\u003E\n \u003Cdiv class=\u0022custom-control custom-checkbox cb-outline-white\u0022\u003E\n \u003Cinput class=\u0022custom-control-input\u0022 type=\u0022checkbox\u0022 name=\u0022cookie-categories\u0022 id=\u0022cookie-category-statistiques\u0022\n value=\u0022statistiques\u0022\n checked \u003E\n \u003Clabel class=\u0022custom-control-label mb-0\u0022 for=\u0022cookie-category-statistiques\u0022\u003EAnalyse statistique de fr\u00e9quentation du site\u003C\/label\u003E\n \u003C\/div\u003E\n \u003Cdiv class=\u0022custom-control custom-description eu-cookie-compliance-category-description small \u0022\u003ESuivi de l\u0026#039;activit\u00e9 du site via Google Analytics.\u003C\/div\u003E\n \u003C\/div\u003E\n \u003Cdiv class=\u0022eu-cookie-compliance-categories-buttons mt-3 d-flex justify-content-between\u0022\u003E\n \u003Cbutton type=\u0022button\u0022 class=\u0022agree-button eu-cookie-compliance-default-button btn btn-sm btn-outline-white ml-3 font-weight-bold\u0022\u003EAccepter tout\u003C\/button\u003E\n \u003Cbutton type=\u0022button\u0022 class=\u0022eu-cookie-compliance-save-preferences-button btn btn-sm btn-outline-white\u0022\u003EEnregistrer les pr\u00e9f\u00e9rences\u003C\/button\u003E\n \u003Cbutton type=\u0022button\u0022 class=\u0022eu-cookie-withdraw-button btn btn-sm btn-outline-white\u0022\u003ERetirer le consentement\u003C\/button\u003E\n \u003C\/div\u003E\n \u003C\/div\u003E\n \n \u003C\/div\u003E\n\u003C\/div\u003E","mobile_breakpoint":768,"popup_html_agreed":false,"popup_use_bare_css":true,"popup_height":"auto","popup_width":"100%","popup_delay":1000,"popup_link":"\/politique-de-confidentialite","popup_link_new_window":true,"popup_position":false,"fixed_top_position":true,"popup_language":"fr","store_consent":false,"better_support_for_screen_readers":false,"cookie_name":"","reload_page":false,"domain":"","domain_all_sites":false,"popup_eu_only":false,"popup_eu_only_js":false,"cookie_lifetime":100,"cookie_session":0,"set_cookie_session_zero_on_disagree":0,"disagree_do_not_show_popup":false,"method":"categories","automatic_cookies_removal":true,"allowed_cookies":"performances:_pk_id.*\r\nperformances:_pk_ses.*\r\nstatistiques:_ga\r\nstatistiques:_ga*\r\nstatistiques:_gid","withdraw_markup":"\u003Cbutton type=\u0022button\u0022 class=\u0022eu-cookie-withdraw-tab\u0022\u003EParam\u00e8tres de confidentialit\u00e9\u003C\/button\u003E\n\u003Cdiv role=\u0022alertdialog\u0022 aria-labelledby=\u0022popup-text\u0022 class=\u0022eu-cookie-withdraw-banner\u0022\u003E\n \u003Cdiv class=\u0022popup-content info eu-cookie-compliance-content\u0022\u003E\n \u003Cdiv id=\u0022popup-text\u0022 class=\u0022eu-cookie-compliance-message\u0022\u003E\n \u003Ch2\u003ENous utilisons des cookies sur ce site pour am\u00e9liorer votre exp\u00e9rience d\u0027utilisateur.\u003C\/h2\u003E\u003Cp\u003EVous avez consenti \u00e0 l\u0027ajout de cookies.\u003C\/p\u003E\n \u003C\/div\u003E\n \u003Cdiv id=\u0022popup-buttons\u0022 class=\u0022eu-cookie-compliance-buttons\u0022\u003E\n \u003Cbutton type=\u0022button\u0022 class=\u0022eu-cookie-withdraw-button\u0022\u003ERetirer le consentement\u003C\/button\u003E\n \u003C\/div\u003E\n \u003C\/div\u003E\n\u003C\/div\u003E","withdraw_enabled":true,"reload_options":0,"reload_routes_list":"","withdraw_button_on_info_popup":true,"cookie_categories":["session","performances","statistiques"],"cookie_categories_details":{"session":{"uuid":"18af102f-a81a-41d8-9ad8-9ef99a1d4345","langcode":"fr","status":true,"dependencies":[],"id":"session","label":"Cookies indispensables","description":"N\u00e9cessaires au fonctionnement du site.","checkbox_default_state":"required","weight":-9},"performances":{"uuid":"3e48abda-6330-4f0c-9b54-40c32523499b","langcode":"fr","status":true,"dependencies":[],"id":"performances","label":"Analyse de performance du site (respecte le RGPD)","description":"Suivi anonyme de l\u0027activit\u00e9 du site nous permettant d\u0027am\u00e9liorer le site internet.","checkbox_default_state":"checked","weight":-8},"statistiques":{"uuid":"9c5dc40a-a067-4903-b985-18be260ed671","langcode":"fr","status":true,"dependencies":[],"id":"statistiques","label":"Analyse statistique de fr\u00e9quentation du site","description":"Suivi de l\u0027activit\u00e9 du site via Google Analytics.","checkbox_default_state":"checked","weight":-7}},"enable_save_preferences_button":true,"cookie_value_disagreed":"0","cookie_value_agreed_show_thank_you":"1","cookie_value_agreed":"2","containing_element":"body","settings_tab_enabled":true,"olivero_primary_button_classes":"","olivero_secondary_button_classes":"","close_button_action":"close_banner","open_by_default":true,"modules_allow_popup":true,"hide_the_banner":false,"geoip_match":true},"user":{"uid":0,"permissionsHash":"28aca0e3c94ca65efb1e5163fc1099902955a9560af9f15abe2cb1ff334d94f9"}}</script><script src="/sites/default/files/js/js_ONaUalNaawNeFEtE3Sj5RG16vWv3GYw2LtnCgz8VPhw.js?scope=footer&delta=0&language=fr&theme=pasadena&include=eJxtjeEKwyAMhF9Il0eSqFlxpoloCnNPP0sH_TM4cpePkIuYajBdahDvHF7DJU2qEmgMEivIAy7ib-KfXcVIsucSO_bp6AjrphZatjcuKIngH3T0Ni5SIfejIT9-q2P8TDiH2ykXDGeTzcBqVgguC41xUncNB2YShI01Ivthc_3YvgwEVCc"></script><script src="/modules/contrib/eu_cookie_compliance/js/eu_cookie_compliance.min.js?v=10.4.2" defer></script><script src="/sites/default/files/js/js_cdXOdTfeSat75p50ZLkZ4sJbY3iCWl0VKLN6BML4CKs.js?scope=footer&delta=2&language=fr&theme=pasadena&include=eJxtjeEKwyAMhF9Il0eSqFlxpoloCnNPP0sH_TM4cpePkIuYajBdahDvHF7DJU2qEmgMEivIAy7ib-KfXcVIsucSO_bp6AjrphZatjcuKIngH3T0Ni5SIfejIT9-q2P8TDiH2ykXDGeTzcBqVgguC41xUncNB2YShI01Ivthc_3YvgwEVCc"></script></body></html>