CINXE.COM
Environnement : toutes les infos sur Ebra | Ebra
<!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta name="Keywords" content="Environnement" /> <meta name="description" content="Actualités Environnement : en direct, photos et vidéos. Restez informés avec Ebra" /> <meta property="og:title" content="Environnement : toutes les infos sur Ebra" /> <meta name="twitter:title" content="Environnement : toutes les infos sur Ebra" /> <meta property="og:description" content="Actualités Environnement : en direct, photos et vidéos. Restez informés avec Ebra" /> <meta name="twitter:description" content="Actualités Environnement : en direct, photos et vidéos. Restez informés avec Ebra" /> <meta property="og:url" content="https://www.ebra.fr/environnement" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="robots" content="max-snippet:-1, max-image-preview:large, max-video-preview:-1" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"/> <title>Environnement : toutes les infos sur Ebra | Ebra</title> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <!-- Feuille(s) de style CSS --> <link type="text/css" rel="stylesheet" href="/files/fr/css/style.css?version=1" /> <link type="text/css" rel="stylesheet" href="/files/fr/css/libraries/dearpdf-lite/dearpdf.min.css" /> <!-- Scripts --> <script src="/files/fr/javascript/libraries/jquery-3.6.0.min.js"></script> <script src="/files/fr/javascript/libraries/jquery.validate.min.js"></script> <script src="/files/fr/javascript/libraries/aos.js"></script> <script src="/files/fr/javascript/libraries/slick.min.js"></script> <script src="/files/fr/javascript/libraries/svg4everybody.min.js"></script> <script src="/files/fr/javascript/libraries/jquery.magnific-popup.min.js"></script> <script src="/files/fr/javascript/libraries/regenerator-runtime.min.js"></script> <script src="/files/fr/javascript/app.js?version=1"></script> <!--<script type="text/javascript" src="/files/fr/javascript/libraries/dearpdf-lite/dearpdf-lite.min.js"></script>--> <script type="text/javascript" src="/files/fr/javascript/flipbook.js"></script> <!--<script data-cfasync="false"> var dearPdfLocation = "/files/fr/javascript/libraries/dearpdf-lite"; var dearpdfWPGlobal = {"text":{"blank":""},"viewerType":"flipbook","is3D":true,"pageScale":"auto","height":"auto","backgroundColor":"transparent","backgroundImage":"","showDownloadControl":true,"readDirection":"ltr","disableRange":false,"has3DCover":true,"enableSound":true,"color3DCover":"#777","controlsPosition":"bottom","rangeChunkSize":"524288","pageMode":"auto","singlePageMode":"auto","pdfVersion":"default","autoPDFLinktoViewer":true};</script>--> <!-- Google Tag Manager --> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NF4F7QK'); </script> <!-- End Google Tag Manager --> <!-- Didomi --> <script type="text/javascript"> window.gdprAppliesGlobally=true;(function(){function a(e){if(!window.frames[e]){if(document.body&&document.body.firstChild){var t=document.body;var n=document.createElement("iframe");n.style.display="none";n.name=e;n.title=e;t.insertBefore(n,t.firstChild)} else{setTimeout(function(){a(e)},5)}}}function e(n,r,o,c,s){function e(e,t,n,a){if(typeof n!=="function"){return}if(!window[r]){window[r]=[]}var i=false;if(s){i=s(e,t,n)}if(!i){window[r].push({command:e,parameter:t,callback:n,version:a})}}e.stub=true;function t(a){if(!window[n]||window[n].stub!==true){return}if(!a.data){return} var i=typeof a.data==="string";var e;try{e=i?JSON.parse(a.data):a.data}catch(t){return}if(e[o]){var r=e[o];window[n](r.command,r.parameter,function(e,t){var n={};n[c]={returnValue:e,success:t,callId:r.callId};a.source.postMessage(i?JSON.stringify(n):n,"*")},r.version)}} if(typeof window[n]!=="function"){window[n]=e;if(window.addEventListener){window.addEventListener("message",t,false)}else{window.attachEvent("onmessage",t)}}}e("__tcfapi","__tcfapiBuffer","__tcfapiCall","__tcfapiReturn");a("__tcfapiLocator");(function(e){ var t=document.createElement("script");t.id="spcloader";t.type="text/javascript";t.async=true;t.src="https://sdk.privacy-center.org/"+e+"/loader.js?target="+document.location.hostname;t.charset="utf-8";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)})("ca08d6ad-65e3-410b-943d-97d9e2081851")})(); </script> <!-- End Didomi --> <!-- Always uncheck menu when loading a new page--> <link type="text/css" rel="stylesheet" href="/files/fr/css/solutions.css" /> <link type="text/css" rel="stylesheet" href="/files/fr/css/agendas.css" /> <link type="text/css" rel="stylesheet" href="/files/fr/css/videos.css" /> <script src="/files/fr/javascript/multi-keyword.js"></script> </head> <body class="page-template page-template-tpl-medias page-template-tpl-medias-php page page-parent layout_liste layout_liste_img layout_liste_event bg-grey"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NF4F7QK" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <header class="main-header"> <div class="d-flex flex-row justify-content-between align-items-center"> <a class="main-logo" href="/"> <span>Ebra - 1er groupe de presse quotidienne régionale en France.</span> </a> <div class="main-menu"> <div class="menu-menu-container"> <ul id="menu-menu" class="menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children "> <a href="/le-groupe" title="">Le Groupe</a> <span class="arrow"></span> <ul class="sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-marques "> <a href="/le-groupe" title="">Présentation</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-marques "> <a href="/le-groupe/lequipe" title="">L'équipe</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-marques "> <a href="/le-groupe/notre-raison-detre" title="">Notre raison d'être</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-marques "> <a href="https://www.ebra.fr/immersion" title="">Immersion</a> </li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children "> <a href="/politique-rse" title="">RSE</a> <span class="arrow"></span> <ul class="sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-marques "> <a href="/politique-rse" title="">Notre politique RSE</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-marques "> <a href="/politique-rse/environnement" title="">Environnement</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-marques "> <a href="/politique-rse/social" title="">Social</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-marques "> <a href="/politique-rse/gouvernance" title="">Gouvernance</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-marques "> <a href="/politique-rse/labels" title="">Nos labels</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-marques "> <a href="https://www.ebra.fr/actualites/2024/06/04/la-presse-en-circuit-court" title="">La Presse en Circuit Court</a> </li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children "> <a href="/marques" title="">Marques</a> <span class="arrow"></span> <ul class="sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-marques "> <a href="/marques/lalsace" title="">L'ALSACE</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-marques "> <a href="/marques/dna" title="">Les DNA</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-marques "> <a href="/marques/lest-republicain" title="">L'Est Républicain</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-marques "> <a href="/marques/le-republicain-lorrain" title="">Le Républicain Lorrain</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-marques "> <a href="/marques/vosges-matin" title="">Vosges Matin</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-marques "> <a href="/marques/le-bien-public" title="">Le Bien Public</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-marques "> <a href="/marques/le-jsl" title="">Le Journal de Saône-et-Loire</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-marques "> <a href="/marques/le-progres" title="">Le Progrès</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-marques "> <a href="/marques/le-dauphine-libere" title="">Le Dauphiné Libéré</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-marques "> <a href="/marques/filiales" title="">Filiales</a> </li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children "> <a href="/ebra-medias" title="">Publicité</a> <span class="arrow"></span> <ul class="sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-marques "> <a href="/ebra-medias" title="">Présentation</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-marques "> <a href="/solutions" title="">Solutions</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-marques "> <a href="/ebra-videos" title="">Vidéo</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-marques "> <a href="/dossiers-partenaires" title="">Dossiers partenaires</a> </li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page "> <a href="/audiovisuel" title="">Audiovisuel</a> <ul class="sub-menu"> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children "> <a href="/events" title="">Evénementiel</a> <span class="arrow"></span> <ul class="sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-marques "> <a href="/events" title="">Les événements EBRA</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-marques "> <a href="/events/devenir-partenaire" title="">Devenir partenaire</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-marques external "> <a href="https://www.ebra-events.com/" title="" target="_blank">L'agence événementielle</a> </li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children "> <a href="/carrieres" title="">Carrières</a> <span class="arrow"></span> <ul class="sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-marques "> <a href="/carrieres" title="">Faisons connaissance</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-marques "> <a href="/carrieres/metiers" title="">Nos métiers</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-marques "> <a href="/carrieres/ebra-academie" title="">EBRA Académie</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-marques "> <a href="/nos-offres-d-emploi" title="">Nos offres d’emploi</a> </li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children "> <a href="/espace-presse" title="">Espace Presse</a> <span class="arrow"></span> <ul class="sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-marques "> <a href="/espace-presse" title="">Communiqués de presse</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-marques "> <a href="/espace-presse/on-parle-de-nous" title="">On parle de nous</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-marques "> <a href="/espace-presse/mediatheque" title="">Médiathèque</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-marques "> <a href="/actualites" title="">Actualités</a> </li> </ul> </li> <li class="ecoMode "> <div class="ecoMode btn btn-connexion ecoSwitch"> <div class="ecoIcon"> <svg xmlns="http://www.w3.org/2000/svg" height="15" viewBox="0 96 960 960" width="15" style="position:absolute;left: 1px;top: 1px;"><path d="M444 976q-42 0-78.5-8T298 944q32-119 87.5-230.5T535 527q-112 54-194.5 150T228 895q-4-4-7.5-7t-7.5-7q-45-45-69-103t-24-122q0-69 26-133t75-113q77-79 200-102.5t368-6.5q19 238-5.5 365T679 873q-48 50-109 76.5T444 976Z" fill="#FFF"></path></svg> </div> </div> <p>Mode Eco</p> </li> <li class="devis "> <a href="/contact" class="devis btn btn-connexion" title="">Contactez-nous</a> <ul class="sub-menu"> </ul> </li> </ul> </div> </div> <input class="menu-btn" type="checkbox" id="menu-btn" autocomplete="off"/> <label class="menu-icon" for="menu-btn"> <span class="navicon"></span> </label> </div> </header> <section class="main-container bg-grey"> <main class="single-marques environnement"> <div class="intro-page-img has-filter-black ecoImgBg" data-aos="fade-in" data-src="/files/fr/images/events/evenements/Environnement.jpg"> <div class="container"> <div class="breadcrumb-v2"> <a href="/">Accueil</a> <a href="/events">Events</a> <a href="#">Environnement</a> </div> <div class="heading-page"> <h1 class="title">Environnement</h3> <div class="descr"> <p><b>Innover localement et positivement pour l’environnement !</br> EBRA crée des temps forts fédérateurs grand public pour mettre en lumière les solutions locales des petits et grands acteurs qui relèvent les défis environnementaux, autour de différentes thématiques comme les milieux naturels & biodiversité, l’eau, l’alimentation & l’agriculture, la santé, l’énergie, etc… </b></br> Une journée mixant espaces d’exposition, conférences et ateliers pédagogiques, animations et soirée festive pour rassembler et faire émerger de nouveaux comportements. </p> </div> <a class="btn" href="/events/devenir-partenaire">Devenir partenaire</a> </div> </div> </div> <div class="listing-medias environnement" data-aos="fade-in"> <div class="shared-header-block audience-generales archive-videos"> <div class="row position-relative"> <div class="col-md-12"> <div class="container"> </div> <div class="actors-list contentListDefault mt-5" id="listing"> <div class="container"> <div class="grid-col-3"> <a href="https://www.ici-onagit.fr/evenement-lyon" target="_blank" class="item"> <div class="inside text-left"> <div class="visuel"> <img class="ecoImg" data-src="https://s-www.ebra.fr/images/A05A4A40-13DA-4FFD-AC48-02287CC875E3/EBR_01/ici-on-agit-lyon-1712154681.jpg" alt="icon apercu video"> </div> <div class="content"> <p class="date" style="display:none;">19 sept. 2023</p> <h4>ICI ON AGIT LYON</h4> <p class="function small">16 & 17 Mai 2025 | Lyon (69)</p> <div class="descr"><p> </p></div> </div> <div class="know-more"> <span>Voir</span> </div> </div> </a> <a href="https://www.ici-onagit.fr/evenement-nancy" target="_blank" class="item"> <div class="inside text-left"> <div class="visuel"> <img class="ecoImg" data-src="https://s-www.ebra.fr/images/43EEB63A-C2F2-45D0-9C99-FB49038D3340/EBR_01/ici-on-agit-nancy-1712154740.jpg" alt="icon apercu video"> </div> <div class="content"> <p class="date" style="display:none;">19 sept. 2023</p> <h4>ICI ON AGIT NANCY</h4> <p class="function small">24 & 25 Avril 2025 | Nancy (54)</p> <div class="descr"><p> </p></div> </div> <div class="know-more"> <span>Voir</span> </div> </div> </a> <a href="https://www.ici-onagit.fr/" target="_blank" class="item"> <div class="inside text-left"> <div class="visuel"> <img class="ecoImg" data-src="https://s-www.ebra.fr/images/3806C257-758E-4E47-AAF4-14BA7571E16A/EBR_01/ici-on-agit-strasbourg-1713865265.jpg" alt="icon apercu video"> </div> <div class="content"> <p class="date" style="display:none;">19 sept. 2023</p> <h4>ICI ON AGIT STRASBOURG</h4> <p class="function small">27 & 28 Mars 2026 | Strasbourg (54)</p> <div class="descr"><p> </p></div> </div> <div class="know-more"> <span>Voir</span> </div> </div> </a> </div> </div> </div> </div> </div> </div> </div> </section> <footer class="main-footer"> <div class="top-footer container"> <div class="footer-logo-container"> <img class="logo-footer" src="/files/fr/images/header/main-logo.svg" alt="EBRA"> </div> <div class="footer-menu"> <div class="menu-col col1 row2"> <h4>Nos marques</h4> <ul class="menu"> <li class="menu-item "> <a href="https://www.lalsace.fr/" title="">L’ALSACE</a> </li> <li class="menu-item "> <a href="https://www.dna.fr/ " title="">Les Dernières Nouvelles d’Alsace</a> </li> <li class="menu-item "> <a href="https://www.estrepublicain.fr/ " title="">L’Est Républicain</a> </li> <li class="menu-item "> <a href="https://www.republicain-lorrain.fr/ " title="">Le Républicain Lorrain</a> </li> <li class="menu-item "> <a href="https://www.vosgesmatin.fr/ " title="">Vosges Matin</a> </li> <li class="menu-item "> <a href="https://www.bienpublic.com/" title="">Le Bien Public</a> </li> <li class="menu-item "> <a href="https://www.lejsl.com/" title="">Le Journal de Saône-et-Loire</a> </li> <li class="menu-item "> <a href="https://www.leprogres.fr/" title="">Le Progrès</a> </li> <li class="menu-item "> <a href="https://www.ledauphine.com/ " title="">Le Dauphiné Libéré</a> </li> </ul> </div> <div class="menu-col col2 row2"> <h4>Nos filiales</h4> <ul class="menu"> <li class="menu-item "> <a href="https://www.ebra-editions.fr/ " title="">EBRA Éditions</a> </li> <li class="menu-item "> <a href="https://www.ebra-events.com/ " title="">EBRA Events</a> </li> <li class="menu-item "> <a href="" title="">EBRA Info</a> </li> <li class="menu-item "> <a href="https://www.ebra.fr/ebra-medias" title="">EBRA Médias</a> </li> <li class="menu-item "> <a href="https://www.ebra-services.fr/ " title="">EBRA Services</a> </li> <li class="menu-item "> <a href="" title="">EBRA Studios</a> </li> <li class="menu-item "> <a href="https://humanoid.fr/" title="">Humanoid</a> </li> </ul> </div> <div class="menu-col col3"> <h4>Carrières</h4> <ul class="menu"> <li class="menu-item "> <a href="https://www.ebra.fr/carrieres/metiers" title="">Nos métiers</a> </li> <li class="menu-item "> <a href="/nos-offres-d-emploi" title="">Nos offres d’emploi</a> </li> </ul> </div> <div class="menu-col col3"> <h4>Espace Presse</h4> <ul class="menu"> <li class="menu-item "> <a href="https://www.ebra.fr/espace-presse" title="">Communiqués de presse</a> </li> <li class="menu-item "> <a href="https://www.ebra.fr/actualites" title="">Actualités</a> </li> </ul> </div> <div class="menu-col col4"> <h4>Contact</h4> <ul class="menu"> <li class="menu-item "> <a href="https://www.ebra.fr/demander-un-devis" title="">Nous contacter</a> </li> </ul> </div> <div class="menu-col col4"> <h4>Nos services</h4> <ul class="menu"> <li class="menu-item "> <a href="https://www.libramemoria.com/ " title="">Libra Mémoria</a> </li> <li class="menu-item "> <a href="https://www.diverto.tv/ " title="">Diverto.tv</a> </li> </ul> </div> </div> </div> <div class="bottom-footer"> <div class="container"> <div class="copyright"> <p>Copyright © 2023 EBRA .<br>Tous droits réservés.</p> </div> <div class="footerBottomMenu"> <div class="basic-menu"> <ul> <li class="menu-item "> <a href="/mentions-legales" title="" >Mentions légales</a> </li> <li class="menu-item "> <a href="/politique-de-confidentialite" title="" >Politique de confidentialité</a> </li> <li class="menu-item "> <a href="/contact" title="" >Contact</a> </li> <li class="menu-item didomi-display"> Gestion des cookies </li> </ul> </div><div class="basic-menu"> <ul> <li class="menu-item linkedin"> <a href="https://www.linkedin.com/company/groupe-ebra/about" title="" target="_blank" >LinkedIn</a> </li> </ul> </div><style> .filters-list-module { margin-top: 50px; margin-bottom: 50px; row-gap: 24px; } </style><div> <img src="https://cdn-ext.prsmedia.fr/EBR/rse/logo_jti.jpg" alt="Logo JTI" width="85" height="58"> </div><style> @media (max-width: 999px) { .filters-list-module { overflow: auto; flex-wrap: nowrap; padding-bottom: 24px; margin-bottom: 26px; } .layout_details .imagescomponent .slide-galerie .slick-dots { position: initial; bottom: -10px; display: flex; margin: 0; justify-content: center; padding: 16px 0 !important; flex-wrap: wrap; row-gap: 8px; } } .actuList .slick-slider { flex-direction: column; } .actuList .slick-slider .slick-dots { padding: 0; } #didomi-host .didomi-exterior-border { margin-top: 50vh; transform: translateY(-50%); } .videocomponent .embed-container iframe{ min-height: auto; } .videocomponent .embed-container .container{ padding-left:0; padding-right: 0; } @media (max-width: 768px) { #didomi-host .didomi-exterior-border { margin: 0 auto; transform: none; } } </style><style> .GRDC_List_Model12 h4 { font-size: 2rem; margin-bottom: 1.6rem; } .GRDC_List_Model12 a:hover h4 { color:#0056b3; } </style> <script> function ConsentContent() { /* Instanciation des objets Vendor */ function Vendor(name, fullName, id, consent, purpose, policy) { this.name = name; this.fullName = fullName; this.id = id; this.consent = consent; this.purpose = purpose; this.policy = policy; } // Variables var youtube = new Vendor('youtube', "YouTube", 'c:youtube-CeVzjmJP', false, ["contenusv-hFT8ifdR"], "https://policies.google.com/privacy?hl=fr&gl=fr"); var WTTJ = new Vendor('WTTJ', "Welcome To The Jungle", 'c:welcometo-Qj44XzY6', false, ["contenupe-THEP7J3Y"], "https://www.welcometothejungle.com/fr/pages/privacy-policy"); var vendorsList = []; vendorsList.push(youtube, WTTJ); window.didomiOnReady = window.didomiOnReady || []; window.didomiOnReady.push(function (Didomi) { /* Initialisation du module de consentement */ $('.consentModule').each(function () { var consentModule = $(this); var nextElem = $(consentModule).next(); var anchor = $(nextElem).find('.consentModuleAnchor'); // On affiche le module par-dessus le contenu à masquer $(anchor).prepend($(consentModule)); $(consentModule).css({ 'position': 'absolute', 'display': 'table' }); }); window.dataLayer = window.dataLayer || []; window.dataLayer.push({'event' : 'consentModuleLoaded'}); /* Personnalisation du module avec le nom du vendor et la policy */ $(vendorsList).each(function (key, vendor) { setConsentModuleAttributes(vendor.name, vendor.fullName, vendor.policy); }); /* Fonction agissant comme un "watcher" pour surveiller le consent des vendors déclarés */ checkConsent(); /* Acceptation d'un seul contenu (bouton "J'accepte") */ $(document).on('click', '.consentModule .acceptConsent', function () { // On récupère la classe du bouton pour connaître le vendor var ctaClass = $(this).attr('class').split(' ')[1].split('-')[1]; $(vendorsList).each(function (key, vendor) { if (ctaClass == vendor.name) { // On met à jour le consent... var transaction = Didomi.openTransaction(); // Pour la purpose $(vendor.purpose).each(function (key, purpose) { transaction.enablePurpose(purpose); }); // Pour le vendor ciblé transaction.enableVendor(vendor.id); transaction.commit(); } }); }); /* Acceptation de tous les contenus (bouton "J'accepte tous les traceurs") */ $(document).on('click', '.consentModule .acceptAllConsent', function () { // On met à jour le consent pour tous les vendors et toutes les finalités Didomi.setUserAgreeToAll(); }); }); /* Fonction agissant comme un "watcher" pour surveiller le consent des vendors déclarés */ function checkConsent() { $(vendorsList).each(function (key, vendor) { Didomi.getObservableOnUserConsentStatusForVendor(vendor.id).subscribe(function (consentStatus) { if (consentStatus === undefined) { // The consent status for the vendor is unknown } else if (consentStatus === true) { switchSrcVendor(vendor.name); } else if (consentStatus === false) { displayModule(vendor.name); } }); }); } /* Fonction qui affecte le nom du vendor et la policy au module */ function setConsentModuleAttributes(vendorName, vendorFullName, vendorPolicy) { $('.' + vendorName + 'Content').each(function () { $(this).prev('.consentModule').find('.consentModule_purpose').text(vendorFullName); $(this).prev('.consentModule').find('.consentModule_policy').attr("href", vendorPolicy); $(this).prev('.consentModule').find('.acceptConsent').addClass('accept-' + vendorName); }); } /* Fonction qui réaffiche le module quand le consent est négatif */ async function displayModule(vendorName) { $('.' + vendorName + 'Content').each(async function () { if ($(this).prev('.consentModule').hasClass('moduleHidden')) { $(this).prev('.consentModule').show().removeClass('moduleHidden'); $(this).parent('.videoContent').removeClass('moduleHidden'); } }); } /* Fonction qui récupère la source du contenu et masque le module associé quand le consentement est positif */ async function switchSrcVendor(vendorName) { $('.' + vendorName + 'Content').each(async function () { var src = $(this).attr('data-src'); $(this).attr('src', src); $(this).prev('.consentModule').addClass('moduleHidden').hide(); $(this).parent('.videoContent').addClass('moduleHidden'); }); } } $(document).ready(function () { ConsentContent(); }); </script> </div> </div> </div> </footer> <a href="javascript:" id="return-to-top"><i/></a> </body> </html>