Immersion | Ebra

<!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta property="og:title" content="Immersion" /> <meta name="twitter:title" content="Immersion" /> <meta property="og:url" content="https://www.ebra.fr/immersion" /> <meta name="twitter:site" content="" /> <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>Immersion | Ebra</title> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />  <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" />  <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/flipbook.js"></script>   <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NF4F7QK'); </script>   <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>   </head> <body class="layout_1c page-template-default page" data-aos-easing="ease" data-aos-duration="400" data-aos-delay="0">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NF4F7QK" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <header class="main-header without-bg"> <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鈥檈mploi</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> <main> <div class="intro-page top-content"> <div class="container"> <div class="breadcrumb-v2"><a class="first" href="/">Accueil</a> <a href="#!" class="last">Immersion</a></div> </div> </div> <div class="container img-en-avant"> <img src="/files/fr/images/media/Logo_Immersion_EbraGroupe_Q.png"> </div> <div class="container"> <h1>Plongez dans les coulisses de votre journal</h1> <p>De l鈥檌nterview, 脿 l鈥檌mpression, en passant par les reportages, la publicit茅 et l鈥檕rganisation d鈥櫭﹙茅nements, d茅couvrez comment est fabriqu茅e l鈥檌nformation.</p> <p>Tel un passage de relais, le Groupe EBRA vous emm猫ne en immersion aupr猫s de tous ses experts, qui 艙uvrent chaque jour pour cr茅er du lien et d茅livrer des contenus 脿 360掳, fiables, v茅rifi茅s et accessibles.</p> </div> <div class="mod GRDC_List_Model12 liste videos container" data-totalCount="7"> <div class="flex-wrap"> <a href="/le-groupe/2024/10/17/episode-6-les-evenements" class="item" style="order: 7"> <div class="inside text-left"> <div class="visuel"> <img class="ecoImg" data-src="https://s-www.ebra.fr/images/5DD9BEC6-DC48-46B0-885C-9FE126B2E626/EBR_01/episode-6-les-evenements-1724050093.jpg" alt="icon apercu video"> </div> <div class="content"> <h4>Episode 6 : les 茅v茅nements</h4> <div>Rencontrez les 茅quipes EBRA Events, qui organisent des 茅v茅nements 脿 impacts positifs.</div> </div> <div class="know-more"> <span>Voir</span> </div> </div> </a> <a href="/le-groupe/2024/10/14/episode-5-l-impression-et-la-livraison" class="item" style="order: 6"> <div class="inside text-left"> <div class="visuel"> <img class="ecoImg" data-src="https://s-www.ebra.fr/images/98F4CB4E-8967-4E76-A4DA-D5FCB9CC5102/EBR_01/episode-5-l-impression-et-la-livraison-1724050055.jpg" alt="icon apercu video"> </div> <div class="content"> <h4>Episode 5 : l鈥檌mpression et la livraison</h4> <div>Rejoignez les rotativistes et les porteurs de presse, qui impriment et livrent les journaux.</div> </div> <div class="know-more"> <span>Voir</span> </div> </div> </a> <a href="/le-groupe/2024/10/10/episode-4-la-publicite" class="item" style="order: 5"> <div class="inside text-left"> <div class="visuel"> <img class="ecoImg" data-src="https://s-www.ebra.fr/images/C5966042-DAE4-4F0F-814B-0131A3AAE51F/EBR_01/episode-4-la-publicite-1724049976.jpg" alt="icon apercu video"> </div> <div class="content"> <h4>Episode 4 : la publicit茅</h4> <div>Suivez les chefs de publicit茅 et EBRA Services, qui valorisent les acteurs 茅conomiques locaux et nationaux dans tous les supports.</div> </div> <div class="know-more"> <span>Voir</span> </div> </div> </a> <a href="/le-groupe/2024/10/07/episode-3-les-reportages-videos" class="item" style="order: 4"> <div class="inside text-left"> <div class="visuel"> <img class="ecoImg" data-src="https://s-www.ebra.fr/images/18C036C2-928D-438F-9AFD-67567B8358B3/EBR_01/episode-3-les-reportages-videos-1724049945.jpg" alt="icon apercu video"> </div> <div class="content"> <h4>Episode 3 : les reportages vid茅os</h4> <div>Embarquez avec l鈥櫭﹒uipe EBRA Studios pour r茅aliser un reportage film茅 et produire une information de proximit茅.</div> </div> <div class="know-more"> <span>Voir</span> </div> </div> </a> <a href="/le-groupe/2024/10/03/episode-2-les-reseaux-sociaux" class="item" style="order: 3"> <div class="inside text-left"> <div class="visuel"> <img class="ecoImg" data-src="https://s-www.ebra.fr/images/61085AF6-AF2D-46E5-92D3-BA0991E37C9E/EBR_01/episode-2-les-reseaux-sociaux-1724049907.jpg" alt="icon apercu video"> </div> <div class="content"> <h4>Episode 2 : les r茅seaux sociaux</h4> <div>Retrouvez les journalistes des titres et d鈥橢BRA Info sur le terrain, pour offrir une information fiable sur les r茅seaux sociaux 茅galement.</div> </div> <div class="know-more"> <span>Voir</span> </div> </div> </a> <a href="/le-groupe/2024/09/30/episode-1-les-redactions" class="item" style="order: 2"> <div class="inside text-left"> <div class="visuel"> <img class="ecoImg" data-src="https://s-www.ebra.fr/images/C67D6DBE-46DB-42E3-BD9A-33BB783D7E80/EBR_01/episode-1-les-redactions-1727683598.jpg" alt="icon apercu video"> </div> <div class="content"> <h4>Episode 1 : les r茅dactions</h4> <div>P茅n茅trez au c艙ur des r茅dactions de vos journaux. Au programme : conf茅rence de r茅daction, interview et construction du journal.</div> </div> <div class="know-more"> <span>Voir</span> </div> </div> </a> <a href="/le-groupe/2024/09/23/plongez-dans-les-coulisses-de-votre-journal" class="item" style="order: 1"> <div class="inside text-left"> <div class="visuel"> <img class="ecoImg" data-src="https://s-www.ebra.fr/images/EB6B0E5F-45BA-4542-81AF-8B84DFF3E675/EBR_01/plongez-dans-les-coulisses-de-votre-journal-1727093496.jpg" alt="icon apercu video"> </div> <div class="content"> <h4>Plongez dans les coulisses de votre journal</h4> </div> <div class="know-more"> <span>Voir</span> </div> </div> </a> </div> </div> <div class="sign-brands"> <h2 class="container">Une s茅rie sign茅e par les marques du Groupe EBRA :</h2> <div class="container sign-brands_contain"> <div class="row-brand"> <img src="/files/fr/images/marques/logo-alsace.svg" alt="l-alsace"> <img src="/files/fr/images/marques/logo-dna.svg" alt="dna"> <img src="/files/fr/images/marques/logo-le-bien-public.svg" alt="le-bien-public"> <img src="/files/fr/images/marques/logo-journal-sl.svg" alt="le-journal-de-saone-et-loire"> <img src="/files/fr/images/marques/logo-progres.svg" alt="le-progres"> <img src="/files/fr/images/marques/logo-est-repu.svg" alt="l-est-republicain"> <img src="/files/fr/images/marques/logo-repu-lorrain.svg" alt="le-republicain-lorrain"> <img src="/files/fr/images/marques/logo-vosges-matin.svg" alt="vosges-matin"> <img src="/files/fr/images/marques/logo-dauphine.svg" alt="le-dauphine"> </div> <div class="row-brand ebra-brands"> <img src="/files/fr/images/medias/EBRA_EVENTS_officiel.svg" alt="Ebra Event"> <img src="/files/fr/images/medias/EBRA_INFO_officiel.svg" alt="Ebra Info"> <img src="/files/fr/images/medias/EBRA_STUDIOS_officiel.svg" alt="Ebra Studio"> <img src="/files/fr/images/medias/EBRA_MEDIAS_officiel.svg" alt="Ebra Medias"> <img src="/files/fr/images/medias/EBRA_SERVICES_officiel.svg" alt="Ebra Services"> <img src="/files/fr/images/medias/EBRA_EDITIONS_officiel.svg" alt="Ebra Editions"> <img src="/files/fr/images/medias/EBRA_RSE_officiel.svg" alt="Ebra RSE"> </div> </div> </div> </main> <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鈥橝LSACE</a> </li> <li class="menu-item "> <a href="https://www.dna.fr/ " title="">Les Derni猫res Nouvelles d鈥橝lsace</a> </li> <li class="menu-item "> <a href="https://www.estrepublicain.fr/ " title="">L鈥橢st 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鈥檈mploi</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> .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><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> </div> </div> </div> </footer> <a href="javascript:" id="return-to-top"><i/></a> </body> </html>

CINXE.COM

Immersion | Ebra