CINXE.COM

Développement de l'Observatoire textile mode et cuir | Metropolitan Neo

<!DOCTYPE html><html lang="fr" dir="ltr" class="path-realisations-observatoire-textile-mode-cuir layout-no-sidebars page-node-189 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 d&#039;une plateforme digitale pour l&#039;observatoire des entreprises de la filière mode et cuir." /><meta name="robots" content="index, follow" /><link rel="shortlink" href="https://metropolitan-neo.fr/node/189" /><link rel="canonical" href="https://metropolitan-neo.fr/realisations/observatoire-textile-mode-cuir" /><meta name="referrer" content="no-referrer-when-downgrade" /><meta name="rights" content="©2024 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="Développement de l&#039;Observatoire textile mode et cuir | Metropolitan Neo" /><meta property="og:description" content="Création d&#039;une plateforme digitale pour l&#039;observatoire des entreprises de la filière mode et cuir." /><meta property="article:author" content="Metropolitan Neo" /><meta property="article:publisher" content="Metropolitan Neo" /><meta property="article:published_time" content="2023-01-09T14:32:54+0100" /><meta property="article:modified_time" content="2024-10-01T18:02:02+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/realisations/observatoire-textile-mode-cuir" /><link rel="alternate" hreflang="fr" href="https://metropolitan-neo.fr/realisations/observatoire-textile-mode-cuir" /><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/observatoire-textile-mode-cuir","headline": "Développement de l\u0027Observatoire textile mode et cuir | Metropolitan Neo","name": "Développement de l\u0027Observatoire textile mode et cuir | Metropolitan Neo","description": "Création d\u0027une plateforme digitale pour l\u0027observatoire des entreprises de la filière mode et cuir.","datePublished": "2023-01-09T14:32:54+0100","isAccessibleForFree": "True","dateModified": "2024-10-01T18:02:02+0200","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.ico" type="image/vnd.microsoft.icon" /><script src="/sites/default/files/eu_cookie_compliance/eu_cookie_compliance.script.js?sm87it" defer></script><title>Développement de l&#039;Observatoire textile mode et cuir | Metropolitan Neo</title><link rel="icon" type="image/png" href="/themes/custom/pasadena/favicons/favicon-48x48.png" sizes="48x48" /><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_Pen0edTOR2lhacc__BPEJTwt-WyVXhSAKJS1WibIo9Q.css" /><link rel="stylesheet" media="all" href="/sites/default/files/css/css_4oBK6-yglx2AE8lR9tI38KDk34g7VLhHzpnixLvA-qo.css" /><script src="/sites/default/files/js/js_vjrewt9Ub_VdOnWG7fQvzLvZnbEPsJs5UlnSApFDVF0.js"></script></head><body lang="fr" dir="ltr" class="path-realisations-observatoire-textile-mode-cuir layout-no-sidebars page-node-189 node-type-project_page no-js path-node page-node-type-project-page"><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="&lt;front&gt;">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--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"> OPCOII</h4><p class="paragraph__etiquette extra-padding-top">Missions</p><h4 class="paragraph__titre"> Conseil, accompagnement, webdesign, développement, prototype, mise en ligne.<br />CMS Drupal et Application Tableau.</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/observatoire-textile-mode-cuir"> <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/observatoire-textile-mode-cuir"> <i class="fa fa-pinterest"></i> </a></li><li> <a target="_blank" href="https://linkedin.com/shareArticle?mini=true&amp;url=https://metropolitan-neo.fr/realisations/observatoire-textile-mode-cuir"> <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/observatoire-textile-mode-cuir"> <i class="fa fa-facebook-square"></i> </a></li></ul></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/ipad-otmc-1600x1067.jpg.webp?itok=yI6fvYCl" width="702" height="468" alt="Page du site web Drupal de la plateforme OTMC" loading="lazy" class="image-style-webp" /><div class="overlay"></div><div class="parent"><div class="bottom"><h3 class="paragraph__titre"> Site OTMC</h3> <span class="arrow-right"></span></div></div></div></div></div><div class="paragraph paragraph--type--small-image paragraph--view-mode--default"><div class="element clearfix col--1-1 accueil with-bg "> <a href="/agence-digitale" title="" class="within"><div class="borders"> <img src="/sites/default/files/cocoon/carre_digital_jaune_580x580.svg" alt="Solutions digitales de l&#039;agence " 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 class="paragraph paragraph--type--small-image paragraph--view-mode--default"><div class="element clearfix col--1-1 accueil with-bg "> <a href="/agence-design-graphique" title="" class="within"><div class="borders"> <img src="/sites/default/files/cocoon/carre_brand_noir_580x580.svg" alt="Service brand design de l&#039;agence" 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 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/otmc-hero.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"> Observatoire National Textile, Mode et Cuir</h1><p class="large paragraph__hero-texte"> Création d&#039;une plateforme avec le CMS Drupal regroupant l&#039;ensemble des fiches métiers et les chiffres clés des secteurs du textile de la mode et du cuir.</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 class="no-image-style image-style-webp" src="/sites/default/files/cocoon/matrice_logo_otmc.svg" width="468" height="468" alt="Création de l&#039;identité visuelle Observatoire Textile Mode Cuir" loading="lazy" /><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-4 accueil"><div class="greyed"><p class="paragraph__etiquette"> CONTEXTE DE LA RÉALISATION</p><h2 class="paragraph__featured-titre"> Offrir de nouveaux services aux utilisateurs de la plateforme de l’observatoire des métiers de la mode, des textiles et du cuir.</h2><div class="paragraph__texte"><p class="large">Le site souffrait d’une obsolescence technique et graphique. Mais au delà de ces aspects, c’est la gestion de l’information qui était en cause : navigation confuse, manque de visibilité sur les données proposées, sensation d’être perdu dans le site. Enfin, l’environnement visuel du site ne valorisait pas l’image de l’Observatoire des Métiers, tant sur le plan de l’organisme lui-même mais également envers les secteurs professionnels qu’il représentait.</p><p class="large">Il fallait donc ancrer le site dans son époque et le mettre en phase avec ses publics. Créer une nouvelle structure de gestion de l’information, plus claire, plus dynamique et la doter d’un style graphique en lien avec les secteurs qu’elle représente. Opérer une refonte technique pour répondre aux besoins d’actualisation et apporter une solution sur mesure au workflow de mise à jour. La nouvelle version du site offre à l’utilisateur, grâce à l’ergonomie et au moteur de recherche, un accès rapide et exhaustif à sa requête. Plusieurs niveaux de recherche sont proposés, secteurs, géographiques, formations, emplois…</p><p class="large">Le choix des technologies a été important, compte tenu du volume important de données textes et graphiques, nous nous sommes orientés vers deux outils puissants et particulièrement adaptés à ce type de projet : le CMS Drupal, pour le développement de la plateforme, retenu pour sa capacité à gérer une masse importante de données, sa fiabilité et son niveau de sécurité élevé. Concernant la représentation graphique des données, nous avons intégré Tableau qui permet de générer en temps réel des graphiques au design personnalisé tout en combinant des variables comme des régions, des années et des secteurs.</p></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/news-otmc.jpg.webp?itok=gUbvDb6l" width="468" height="468" alt="Couverture de Magazine OTMC" 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--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="&lt;front&gt;">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 &amp; 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>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</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="36" loading="lazy" src="/themes/custom/pasadena/accroche-Metropolitan_Neo.svg" width="100" height="auto" /></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":"\/","scriptPath":null,"pathPrefix":"","currentPath":"node\/189","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"fr"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"back_to_top\/back_to_top_icon,back_to_top\/back_to_top_js,classy\/base,classy\/messages,classy\/node,cocoon_essentials\/cocoon-essentials-frontend-library,core\/normalize,eu_cookie_compliance\/eu_cookie_compliance_bare,extlink\/drupal.extlink,lazy\/lazy,media_entity_lottie\/lottie_player,paragraphs\/drupal.paragraphs.unpublished,pasadena\/global-styling,system\/base","theme":"pasadena","theme_token":null},"ajaxTrustedUrl":[],"back_to_top":{"back_to_top_button_trigger":100,"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"},"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,"extTargetNoOverride":false,"extNofollow":true,"extNoreferrer":true,"extFollowNoOverride":true,"extClass":"0","extLabel":"(le lien est externe)","extImgClass":false,"extSubdomains":true,"extExclude":"","extInclude":"","extCssExclude":"","extCssExplicit":"","extAlert":false,"extAlertText":"Ce lien vous dirige vers un site externe. Nous ne sommes pas responsables de son contenu.","mailtoClass":"0","mailtoLabel":"(link sends email)","extUseFontAwesome":false,"extIconPlacement":"append","extFaLinkClasses":"fa fa-external-link","extFaMailtoClasses":"fa fa-envelope-o","whitelistedDomains":[]}},"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":"d4d07d370f41eb71942913debc639ea6ae506b55bdb546e6817b3517e09b9bd2"}}</script><script src="/sites/default/files/js/js_uQY5O2L7dwBZbWXJye0j68f_vR1pnit9y07DDAVAYEE.js"></script><script src="/modules/contrib/eu_cookie_compliance/js/eu_cookie_compliance.min.js?v=9.5.11" defer></script><script src="/sites/default/files/js/js_JW7GHfBcwXzOem8yHE5U_dZKpqMDfzxwHAdyDBVOn_c.js"></script></body></html>

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