CINXE.COM

<!DOCTYPE html><html lang="fr" dir="ltr" class="path-agence-digitale-design-graphique layout-no-sidebars page-node-175 node-type-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="Nous accompagnons les entreprises dans la création de leur site internet et de leur identité visuelle" /><meta name="robots" content="index, follow" /><link rel="shortlink" href="https://metropolitan-neo.fr/node/175" /><link rel="canonical" href="https://metropolitan-neo.fr/agence-digitale-design-graphique" /><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="Services de l'agence : digital et webdesign | Metropolitan Neo" /><meta property="og:description" content="Nous accompagnons les entreprises dans la création de leur site internet et de leur identité visuelle" /><meta property="article:author" content="Metropolitan Neo" /><meta property="article:publisher" content="Metropolitan Neo" /><meta property="article:published_time" content="2021-11-25T13:48:47+0100" /><meta property="article:modified_time" content="2024-10-01T16:23:54+0200" /><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/agence-digitale-design-graphique" /><link rel="alternate" hreflang="fr" href="https://metropolitan-neo.fr/agence-digitale-design-graphique" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><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>Services de l'agence : digital et webdesign | 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=eJxtimsKAyEMhC-kzZEkanaxpokYF9aevpYu7J_CMI-PiZhqGLrUIN49PM0lTaoSyIxkFGSDH_E38VtXGSTZc4kd-3R0hPWphVa8GheURPAPOjoHF6mQ-9GQH9d0jO8JX3MNDTMJws4akb2NuR77B7ZKRmM"></script></head><body lang="fr" dir="ltr" class="path-agence-digitale-design-graphique layout-no-sidebars page-node-175 node-type-page no-js path-node page-node-type-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" class="is-active" aria-current="page">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="node__content clearfix"><div class="paragraph paragraph--type--from-library paragraph--view-mode--default"><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/lagence-herolight.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"> Une équipe créative, technique et stratégique et surtout humaine</h1><p class="large paragraph__hero-texte"> Les outils de communication ne valent que s’ils génèrent une expérience utilisateur nouvelle et utile, nous apportons des solutions digitales et brand design sur mesure pour une performance et une visibilité accrues.</p></div></div></div></div></div><div class="overlay darker"></div></div></div></div></div></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"> bienvenue Chez Metropolitan Neo</p><h2 class="paragraph__featured-titre"> Nous avons pensé l'agence comme un écosystème où les compétences sont décloisonnées pour faire émerger de nouvelles solutions.</h2><div class="paragraph__texte"><p>Chaque pôle de compétences, digital, design, conseil, collabore de manière organique afin d’optimiser la qualité de réponse aux projets de nos clients. Lorsque les compétences sont décloisonnées et qu’elles dialoguent, les idées qui en sortent sont plus innovantes et créatives.</p></div></div></div></div><div class="paragraph paragraph--type--portfolio-item paragraph--view-mode--default"><div class="element clearfix col--1-2 accueil with-bg"> <a href="/agence-digitale" title=""><div class="borders"> <img class="no-image-style image-style-webp" src="/sites/default/files/cocoon/digital_version_visuel.svg" width="234" height="468" alt="agence digitale création de site internet" loading="lazy" /><div class="overlay"></div><div class="parent"><div class="bottom"> <span class="arrow-right"></span></div></div></div> </a></div></div><div class="paragraph paragraph--type--portfolio-item paragraph--view-mode--default"><div class="element clearfix col--1-2 accueil with-bg"> <a href="/agence-design-graphique" title=""><div class="borders"> <img class="no-image-style image-style-webp" src="/sites/default/files/cocoon/design_v4_version_visuel.svg" width="234" height="468" alt="agence de design graphique et identité visuelle" loading="lazy" /><div class="overlay"></div><div class="parent"><div class="bottom"> <span class="arrow-right"></span></div></div></div> </a></div></div><div class="paragraph paragraph--type--portfolio-item paragraph--view-mode--default"><div class="element clearfix col--1-2 accueil with-bg"> <a href="/agence-creation-contenu" title=""><div class="borders"> <img class="no-image-style image-style-webp" src="/sites/default/files/cocoon/contenu_v6_version_visuel.svg" width="234" height="468" alt="Création de contenus et motion design" loading="lazy" /><div class="overlay"></div><div class="parent"><div class="bottom"> <span class="arrow-right"></span></div></div></div> </a></div></div><div class="paragraph paragraph--type--portfolio-item paragraph--view-mode--default"><div class="element clearfix col--1-2 accueil with-bg"> <a href="/strategie-communication" title=""><div class="borders"> <img class="no-image-style image-style-webp" src="/sites/default/files/cocoon/conseil_version_visuel.svg" width="234" height="468" alt="Conseil en communication et stratégie digitale" loading="lazy" /><div class="overlay"></div><div class="parent"><div class="bottom"> <span class="arrow-right"></span></div></div></div> </a></div></div><div class="paragraph paragraph--type--project-image paragraph--view-mode--default"><div class="element clearfix col--1-2 with-bg home accueil"><div class="borders"> <img class="no-image-style image-style-webp" src="/sites/default/files/cocoon/media_version_visuel.svg" width="234" height="468" alt="Achat media et planning stratégique" loading="lazy" /></div></div></div><div class="paragraph paragraph--type--project-image paragraph--view-mode--default"><div class="element clearfix col--5-3 with-bg home accueil"><div class="borders"> <img class="no-image-style image-style-webp" src="/sites/default/files/cocoon/bloc_digital_v6.svg" width="1170" height="702" alt="Solutions digitales" loading="lazy" /></div></div></div><div class="paragraph paragraph--type--project-image paragraph--view-mode--default"><div class="element clearfix col--3-2 with-bg home accueil"><div class="borders"> <img src="/sites/default/files/styles/webp/public/cocoon/goupe-digital.jpg.webp?itok=yDtNTLBj" width="702" height="468" alt="Conception de site internet conseil et recommandations digitales" loading="lazy" class="image-style-webp" /></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 src="/sites/default/files/styles/webp/public/cocoon/interface-ecran.jpg.webp?itok=dr1DiyAt" width="468" height="468" alt="Création de webdesign - expérience utilisateur et interface utilisateur" loading="lazy" class="image-style-webp" /></div></div></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"> SOLUTIONS DIGITALES</p><h2 class="paragraph__featured-titre"> Nous créons des sites internet et des plateformes centrés sur les besoins et les attentes des utilisateurs. Nous concevons des back-offices qui permettent une gestion et une actualisation plus souples des contenus.</h2><div class="paragraph__texte"><p>Atelier de lancement, cahier des charges, prototype, design, développement et formation à l'usage du back-office, nous sommes à vos côtés pour mener à bien votre projet et le rendre évolutif.</p></div></div></div></div><div class="paragraph paragraph--type--featured-text paragraph--view-mode--default"><div class="element clearfix col--2-4 accueil"><div class="greyed"><p class="paragraph__etiquette"> Concevoir sur mesure</p><h2 class="paragraph__featured-titre"> Offrir de nouvelles expériences et plus de services aux utilisateurs.</h2><div class="paragraph__texte"><p class="large"><strong>Nous créons des sites internet et des plateformes centrés sur les besoins et les attentes des utilisateurs. Nous concevons des back-offices qui permettent une gestion et une actualisation plus souples des contenus.</strong><br />Atelier de lancement, cahier des charges, prototype, design, développement et formation à l'usage du back-office, nous sommes à vos côtés pour mener à bien votre projet et le rendre évolutif.</p><p><strong>Nous imaginons des outils digitaux plus responsables et innovants, portés par une vision réaliste des besoins.</strong><br />Nous avons une vision responsable et créative de la présence digitale de l'entreprise, qu'il s'agisse de concevoir un site, d'accompagner un lancement de produit, de refléter une image de marque, de favoriser la vente en ligne, de fidéliser ou de conquérir une cible... Nous favorisons une communication résiliente par l'utilisation d'outils open-source, gage de durabilité et de liberté, ou en limitant les vidéos à démarrage automatique. Nous intervenons de manière globale, de la conception à l'intégration, en passant par la réalisation, la production et le développement.</p><p> </p></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 src="/sites/default/files/styles/webp/public/cocoon/post-it-digital.jpg.webp?itok=CoUXaj2e" width="468" height="468" alt="Conception de site internet" loading="lazy" class="image-style-webp" /></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"> COMPRENDRE LES BESOINS</p><h2 class="paragraph__featured-titre"> Lors du démarrage d'un projet, nous aidons nos clients à bousculer leurs certitudes pour mieux orienter les spécificités du projet en fonction de leurs objectifs et de leurs besoins.</h2><div class="paragraph__texte"><p>Qui seront les utilisateurs, quelles sont leurs attentes, que leur proposez-vous, quels sont vos objectifs, comment se positionne votre entreprise, avez-vous un univers graphique qui séduira vos visiteurs, comment produisez-vous vos contenus ?<br />Ces questions permettent de mettre en adéquation le projet et sa pertinence, et cela bien avant d'aborder la structure du site, les fonctionnalités ou le design. C'est pourquoi nous réservons un atelier avec nos clients pour lever tous les doutes sur la vocation du projet et ainsi construire un site cohérent, en phase avec les objectifs.</p></div></div></div></div><div class="paragraph paragraph--type--project-image paragraph--view-mode--default"><div class="element clearfix col--1-1 with-bg home accueil"><div class="borders"> <img class="no-image-style image-style-webp" src="/sites/default/files/cocoon/carre_bleu_logo_drupalv8_580x580.svg" width="234" height="234" alt="Agence digitale certifiée drupal" loading="lazy" /></div></div></div><div class="paragraph paragraph--type--portfolio-item paragraph--view-mode--default"><div class="element clearfix col--1-1 accueil with-bg"> <a href="/contact" title=""><div class="borders"> <img class="no-image-style image-style-webp" src="/sites/default/files/cocoon/picto_projets_nouveau6.svg" width="234" height="234" alt="Parlons de vos projets de communication digitale" loading="lazy" /><div class="overlay"></div><div class="parent"><div class="top"> <span class="arrow-right"></span></div></div></div> </a></div></div><div class="paragraph paragraph--type--description paragraph--view-mode--default"><div class="element clearfix col--1-2 accueil"><div class="greyed"><h4 class="header paragraph__titre"> Expertise projet Metropolitan Neo</h4><div class="paragraph__texte"><p>• Création de site web<br />• Outil métier digital<br />• Intranet – Extranet<br />• Site e-commerce<br />• Application mobile<br />• Acquisition de trafic<br />• Réseaux sociaux<br />• Webdesign<br />• Expertise Drupal<br />• Maintenance</p></div></div></div></div><div class="paragraph paragraph--type--from-library paragraph--view-mode--default"><div class="paragraph paragraph--type--testimonial paragraph--view-mode--default"><div class="element clearfix col--2-2 home accueil"><div class="greyed"><p class="paragraph__temoignage-auteur"> Être en réseau - organisation pour l'inclusion et la politique handicap des entreprises.</p><blockquote class="paragraph__temoignage"> <br />Quel était l'objectif de votre collaboration avec l'agence ?<br />Création d’un site internet : de la rédaction du cahier des charges jusqu’à la livraison.<br /><br />Qu'avez-vous le plus apprécié pendant votre collaboration ?<br />L’équipe a tout mis en œuvre pour traduire les souhaits exprimés en fonctionnalités propre à un site web. La qualité de l’accompagnement est à la hauteur du développement technique. Nos retours adhérents sont déjà très positifs quant à l’esthétique et l’ergonomie. <footer> <span class="paragraph__source"> Témoignage : Anouly AMNAT </span><br> <span class="paragraph__function"> Responsable du développement </span> </footer></blockquote></div></div></div></div><div class="paragraph paragraph--type--from-library paragraph--view-mode--default"><div class="paragraph paragraph--type--small-image paragraph--view-mode--default"><div class="element clearfix col--1-1 accueil with-bg "> <a href="/contact" title="" class="within"><div class="borders"> <img src="/sites/default/files/cocoon/picto_projets_nouveauvect3.svg" alt="Parlons de vos projets" width="234" height="234"/><div class="overlay"></div><div class="parent"><div class="top"><h4 class="paragraph__titre"></h4> <span class="arrow-right"></span></div></div></div> </a></div></div></div><div class="paragraph paragraph--type--project-image paragraph--view-mode--default"><div class="element clearfix col--5-3 with-bg home accueil"><div class="borders"> <img class="no-image-style image-style-webp" src="/sites/default/files/cocoon/bloc_design_v4.svg" width="1170" height="702" alt="Design de marque et création d'identité visuelle" loading="lazy" /></div></div></div><div class="paragraph paragraph--type--project-image paragraph--view-mode--default"><div class="element clearfix col--3-2 with-bg home accueil"><div class="borders"> <img src="/sites/default/files/styles/webp/public/cocoon/oeil-design-papier.jpg.webp?itok=E37MnQu5" width="702" height="468" alt="Création identité visuel branding création de logo agence design" loading="lazy" class="image-style-webp" /></div></div></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"> DESIGN GLOBAL</p><h2 class="paragraph__featured-titre"> Nous imaginons des univers graphiques utiles et marqueurs de différences.</h2><div class="paragraph__texte"><p>Le design intègre notre écosystème de production. Qu’il s’agisse de créer une identité visuelle ou d’imaginer le nouveau design d’un site, il révèle les différences, les valeurs, apporte une expérience nouvelle et génère des émotions pour créer l'adhésion.</p></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 src="/sites/default/files/styles/webp/public/cocoon/oeil-contenu_0.jpg.webp?itok=cNFMOf4s" width="468" height="468" alt="Création de contenu digital et motion design" loading="lazy" class="image-style-webp" /></div></div></div><div class="paragraph paragraph--type--featured-text paragraph--view-mode--default"><div class="element clearfix col--2-3 accueil"><div class="greyed"><p class="paragraph__etiquette"> visibilité et différence</p><h2 class="paragraph__featured-titre"> Le design est une expérience visuelle personnelle, nous rendons les marques visibles, lisibles, désirables et pérennes.</h2><div class="paragraph__texte"><p class="large">Parce que l’émotion est au cœur de la vie, nous développons des expériences visuelles uniques, originales et émotionnelles qui tissent des liens durables entre les marques et leur public. Nous créons pour nos clients des expériences de marque fortes à travers une expertise complète en branding et design : stratégie, territoires, digital, création de logo, identité corporate. Nous pensons qu’une identité de marque a du sens lorsqu’elle porte des convictions, une histoire et des ambitions. De l'idée à sa réalisation, au-delà des livrables traditionnels, nous proposons aux marques et aux entreprise des solutions d'identité visuelle et des expériences clients qui leur permettent d’accroître leur visibilité, d’accélérer leur développement et de devenir plus fortes.</p></div></div></div></div><div class="paragraph paragraph--type--portfolio-item paragraph--view-mode--default"><div class="element clearfix col--2-2 accueil with-bg"> <a href="/realisations/office-de-tourisme-de-france" title=""><div class="borders"> <img src="/sites/default/files/styles/webp/public/cocoon/flagotf-light.jpg.webp?itok=R8fKhJ9u" width="468" height="468" alt="Création de logo Office de Tourisme de France" loading="lazy" class="image-style-webp" /><div class="overlay"></div><div class="parent"><div class="bottom"><h3 class="paragraph__titre"> Identité visuelle des Offices de Tourisme de France</h3> <span class="arrow-right"></span></div></div></div> </a></div></div><div class="paragraph paragraph--type--description paragraph--view-mode--default"><div class="element clearfix col--1-2 accueil"><div class="greyed"><h4 class="header paragraph__titre"> Expertises projets</h4><div class="paragraph__texte"><p><strong>Design de marque</strong><br />• Identité visuelle<br />• Territoires de marque<br />• Charte graphique print et digital<br />• Charte événementielle<br />• Naming<br />• Webdesign<br />• Réseaux sociaux<br />• Charte graphique digitale<br /><br /><strong>Design éditorial</strong><br />• Brochure<br />• Rapport annuel<br />• Magazine<br />• Charte éditoriale</p></div></div></div></div><div class="paragraph paragraph--type--portfolio-item paragraph--view-mode--default"><div class="element clearfix col--1-1 accueil with-bg"> <a href="/contact" title=""><div class="borders"> <img class="no-image-style image-style-webp" src="/sites/default/files/cocoon/picto_projets_nouveau6.svg" width="234" height="234" alt="Parlons de vos projets de communication digitale" loading="lazy" /><div class="overlay"></div><div class="parent"><div class="top"> <span class="arrow-right"></span></div></div></div> </a></div></div><div class="paragraph paragraph--type--project-image paragraph--view-mode--default"><div class="element clearfix col--5-3 with-bg home accueil"><div class="borders"> <img class="no-image-style image-style-webp" src="/sites/default/files/cocoon/bloc_contenu_v2.svg" width="1170" height="702" alt="Création de contenu numérique et motion design" loading="lazy" /></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 src="/sites/default/files/styles/webp/public/cocoon/trio-contenu.jpg.webp?itok=CQWEf_nO" width="468" height="468" alt="Equipe digitale pour les reseaux sociaux" loading="lazy" class="image-style-webp" /></div></div></div><div class="paragraph paragraph--type--project-image paragraph--view-mode--default"><div class="element clearfix col--3-2 with-bg home accueil"><div class="borders"> <img src="/sites/default/files/styles/webp/public/cocoon/fille-contenu.jpg.webp?itok=EYyEzsjt" width="702" height="468" alt="Création de motion design pour Instagram Linkedin Pinterest" loading="lazy" class="image-style-webp" /></div></div></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"> Création de contenu et motion design</p><h2 class="paragraph__featured-titre"> Nous imaginons des contenus responsables ouverts sur de nouvelles connaissances.</h2><div class="paragraph__texte"><p>Quelle que soit la forme, les contenus véhiculent le fond. Nous sommes attachés à créer des contenus qui ont du sens et un objectif, qu’il s’agissse d’apprendre, de découvrir, d’expliquer ou de positionner une entreprise, un service ou un produit.</p></div></div></div></div><div class="paragraph paragraph--type--featured-text paragraph--view-mode--default"><div class="element clearfix col--2-3 accueil"><div class="greyed"><p class="paragraph__etiquette"> Créer utile</p><h2 class="paragraph__featured-titre"> Nous créons les mots, les images, les vidéos et les motion design qui expliquent, convainquent et légitiment.</h2><div class="paragraph__texte"><p>Nous intervenons sur une grande variété de brand content, comme les contenus éditoriaux, les vidéos, les conseils, les tutoriels en motion design ou encore des reportages postés sur le web, des supports papier ou à la télévision. Metropolitan Neo vous accompagne dans vos stratégies. Les objectifs peuvent être multiples comme renforcer l’expertise de marque, réaliser un storytelling sur un produit ou une marque ou obtenir plus de visibilité.</p></div></div></div></div><div class="paragraph paragraph--type--portfolio-item paragraph--view-mode--default"><div class="element clearfix col--2-2 accueil with-bg"> <a href="/realisations/campagne-digitale-marketing-et-spot-tv-swisslife-predictis" title=""><div class="borders"> <img src="/sites/default/files/styles/webp/public/cocoon/visuel-ipad-predictis-light.jpg.webp?itok=hSaye_Rw" width="468" height="468" alt="Campagne digitale Predictis Metropolitan Neo" loading="lazy" class="image-style-webp" /><div class="overlay"></div><div class="parent"><div class="bottom"><h3 class="paragraph__titre"> Campagne SwissLife - Prédictis</h3> <span class="arrow-right"></span></div></div></div> </a></div></div><div class="paragraph paragraph--type--description paragraph--view-mode--default"><div class="element clearfix col--1-2 accueil"><div class="greyed"><h4 class="header paragraph__titre"> Expertises projets</h4><div class="paragraph__texte"><p><strong>Vidéo</strong><br />• Storyboard<br />• Motion design<br />• Reportage vidéo<br />• Storytelling<br />• Conception de ligne éditoriale<br />• Rédaction / réécriture de textes<br />• Messages de campagne<br />• Rédaction SEO<br /><br /><strong>Réseaux sociaux</strong><br />• Stratégie de contenu<br />• Prises de vue<br />• Reportage</p></div></div></div></div><div class="paragraph paragraph--type--project-image paragraph--view-mode--default"><div class="element clearfix col--5-3 with-bg home accueil"><div class="borders"> <img class="no-image-style image-style-webp" src="/sites/default/files/cocoon/bloc_conseil_v5-01.svg" width="1170" height="702" alt="Conseil et accompagnement dans la création de site internet" loading="lazy" /></div></div></div><div class="paragraph paragraph--type--project-image paragraph--view-mode--default"><div class="element clearfix col--3-2 with-bg home accueil"><div class="borders"> <img src="/sites/default/files/styles/webp/public/cocoon/happy-people.jpg.webp?itok=Fw9s90SA" width="702" height="468" alt="équipe de conseil et accompagnement de l'agence digitale Metropolitan Neo" loading="lazy" class="image-style-webp" /></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 src="/sites/default/files/styles/webp/public/cocoon/lego-conseil.jpg.webp?itok=31qDlnzH" width="468" height="468" alt="Stratégie de communication digitale" loading="lazy" class="image-style-webp" /></div></div></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"> CONSEIL ET ACCOMPAGNEMENT</p><h2 class="paragraph__featured-titre"> Vous accompagner de la formulation des besoins et des objectifs jusqu'au déploiement de votre projet.</h2><div class="paragraph__texte"><p><span lang="fr"><span>Lancement, planification, production, suivi, livraison, nous vous accompagnons à chaque étape de votre projet et au-delà.</span></span></p></div></div></div></div><div class="paragraph paragraph--type--description paragraph--view-mode--default"><div class="element clearfix col--1-2 accueil"><div class="greyed"><h4 class="header paragraph__titre"> Expertises conseils</h4><div class="paragraph__texte"><p>• Audit préalable<br />• SWOT<br />• Benchmarking<br />• Définition des besoins<br />• Étude de projet<br />• Atelier de co-conception<br />• Plan d’action<br />• Pré-requis<br />• Prototypage<br />• Scénarios utilisateurs<br />• Focus groups</p></div></div></div></div><div class="paragraph paragraph--type--portfolio-item paragraph--view-mode--default"><div class="element clearfix col--2-2 accueil with-bg"> <a href="/realisations/maison-du-savoir-faire-et-de-la-creation" title=""><div class="borders"> <img src="/sites/default/files/styles/webp/public/cocoon/carremsfcv3_0.jpg.webp?itok=xrR8w2J9" width="468" height="468" alt="Plateforme et création d'un forum d'entre-aide" loading="lazy" class="image-style-webp" /><div class="overlay"></div><div class="parent"><div class="bottom"><h3 class="paragraph__titre"> Plateforme du savoir-faire français</h3> <span class="arrow-right"></span></div></div></div> </a></div></div><div class="paragraph paragraph--type--featured-text paragraph--view-mode--default"><div class="element clearfix col--2-3 accueil"><div class="greyed"><p class="paragraph__etiquette"> concevoir ensemble</p><h2 class="paragraph__featured-titre"> Construire un projet, c’est avancer ensemble. Avant, pendant et après, nous considérons l’accompagnement comme un levier de réussite commun.</h2><div class="paragraph__texte"><p>Le dialogue et la compréhension du contexte professionnel de nos clients sont au cœur de notre démarche.Nous sommes présents dans la définition, la conception et le déploiement de vos projets pour rendre les objectifs plus lisibles, définir une trajectoire pour apporter une réponse pertinente et efficace. Nous évoluons dans un écosystème qui conduit à de nouveaux comportements et obéit à de nouveaux codes. Les entreprises et organisations ont plus que jamais besoin de repères pour contruire leur image. Pour répondre à ces contraintes, nous avons fait de l’accompagnement un atout stratégique.</p></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" class="is-active" aria-current="page">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\/175","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"fr"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJx1j_0OwiAMxF-IySORAnXiukJalohPb_2Y-0eTBo7f3ZE0QlpCrzbNx0OHkiq7-Me8qksEqsOo4q5XVIUZvx7XbF5NtXIwC7kXIPVvMh1kOkvljpwnKlFAhpUErS4rULmjwy1YZSlo19qoACf0v2CIIBa_dSq8-CxbAzp9no7gPvzzcA0EZoF20T1zkNPGbYtU9ILZggoZGfxMNQJN2od9NTsd2nF9Lf8A6lB9xA","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=eJxtimsKAyEMhC-kzZEkanaxpokYF9aevpYu7J_CMI-PiZhqGLrUIN49PM0lTaoSyIxkFGSDH_E38VtXGSTZc4kd-3R0hPWphVa8GheURPAPOjoHF6mQ-9GQH9d0jO8JX3MNDTMJws4akb2NuR77B7ZKRmM"></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_Yh8EY9RwrnDaYbJBrr-9822Bbr0cNDVVcBwoaK6M_d0.js?scope=footer&delta=2&language=fr&theme=pasadena&include=eJxtimsKAyEMhC-kzZEkanaxpokYF9aevpYu7J_CMI-PiZhqGLrUIN49PM0lTaoSyIxkFGSDH_E38VtXGSTZc4kd-3R0hPWphVa8GheURPAPOjoHF6mQ-9GQH9d0jO8JX3MNDTMJws4akb2NuR77B7ZKRmM"></script></body></html>