Archives des CULTURE - Page 80 of 96

<!doctype html> <html class="no-js" lang="fr-FR"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Oswald:wght@300;400&family=Source+Sans+Pro:wght@300;400;600;700&display=swap" rel="stylesheet"> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />  <title>Archives des CULTURE - Page 80 of 96 - Influencia</title> <link rel="canonical" href="https://www.influencia.net/topic/culture/page/80/" /> <link rel="prev" href="https://www.influencia.net/topic/culture/page/79/" /> <link rel="next" href="https://www.influencia.net/topic/culture/page/81/" /> <meta property="og:locale" content="fr_FR" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Archives des CULTURE - Page 80 of 96 - Influencia" /> <meta property="og:url" content="https://www.influencia.net/topic/culture/" /> <meta property="og:site_name" content="Influencia" /> <meta name="twitter:card" content="summary_large_image" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://www.influencia.net/topic/culture/","url":"https://www.influencia.net/topic/culture/page/80/","name":"Archives des CULTURE - Page 80 of 96 - Influencia","isPartOf":{"@id":"https://www.influencia.net/#website"},"primaryImageOfPage":{"@id":"https://www.influencia.net/topic/culture/page/80/#primaryimage"},"image":{"@id":"https://www.influencia.net/topic/culture/page/80/#primaryimage"},"thumbnailUrl":"https://www.influencia.net/app/uploads/2021/08/actu_2483_image.jpg","breadcrumb":{"@id":"https://www.influencia.net/topic/culture/page/80/#breadcrumb"},"inLanguage":"fr-FR"},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https://www.influencia.net/topic/culture/page/80/#primaryimage","url":"https://www.influencia.net/app/uploads/2021/08/actu_2483_image.jpg","contentUrl":"https://www.influencia.net/app/uploads/2021/08/actu_2483_image.jpg","width":728,"height":463},{"@type":"BreadcrumbList","@id":"https://www.influencia.net/topic/culture/page/80/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.influencia.net/"},{"@type":"ListItem","position":2,"name":"CULTURE"}]},{"@type":"WebSite","@id":"https://www.influencia.net/#website","url":"https://www.influencia.net/","name":"Influencia","description":"Tendances, innovation et communication","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.influencia.net/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"}]}</script>  <link rel='dns-prefetch' href='//js.stripe.com' /> <link rel="alternate" type="application/rss+xml" title="Influencia » Flux" href="https://www.influencia.net/feed/" /> <link rel="alternate" type="application/rss+xml" title="Influencia » Flux des commentaires" href="https://www.influencia.net/comments/feed/" /> <link rel="alternate" type="application/rss+xml" title="Flux pour Influencia » CULTURE Topic" href="https://www.influencia.net/topic/culture/feed/" /> <script> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.influencia.net\/wp\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.5.3"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); </script> <style id='wp-emoji-styles-inline-css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://www.influencia.net/wp/wp-includes/css/dist/block-library/style.min.css?ver=6.5.3' media='all' /> <style id='classic-theme-styles-inline-css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css'> body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='novius-styles-css' href='https://www.influencia.net/app/themes/hello-novius/static/dist/css/app.css?ver=1.0.1' media='all' /> <link rel='stylesheet' id='hello-elementor-header-footer-css' href='https://www.influencia.net/app/themes/hello-elementor/header-footer.min.css?ver=3.0.2' media='all' /> <script src="https://www.influencia.net/app/themes/hello-novius/static/dist/js/sptrack.js?ver=1.0.1" id="sptrack-js"></script> <script src="https://www.influencia.net/wp/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script src="https://www.influencia.net/wp/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <link rel="https://api.w.org/" href="https://www.influencia.net/wp-json/" /><link rel="alternate" type="application/json" href="https://www.influencia.net/wp-json/wp/v2/topic/531" /><meta name="generator" content="WordPress 6.5.3" /> <script> let sasCustomCodes = {}; sasCustomCodes = {"ad-home-middle":"52840","last-posts-1":"456","last-posts-2":"789","last-posts-side-1":"52828","last-posts-side-2":"131415"}; </script>  <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://t.novius.net/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '42']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </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-W74MHWW');</script>  <script> var is_protected = 0; var poool_percent_visible = 90; var poool_mode = 'hide'; </script> <link rel="icon" href="https://www.influencia.net/app/uploads/2021/07/elementor/thumbs/favicon-influencia-pb2l248fhh9fcwb3h9zwhblaxt7rddlv8o0yneyczg.png" sizes="32x32" /> <link rel="icon" href="https://www.influencia.net/app/uploads/2021/07/favicon-influencia.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://www.influencia.net/app/uploads/2021/07/favicon-influencia.png" /> <meta name="msapplication-TileImage" content="https://www.influencia.net/app/uploads/2021/07/favicon-influencia.png" /> </head> <body class="archive paged tax-topic term-culture term-531 paged-80 font-base influencia" data-poool-app-id="XBE8S-1SN7Q-TFXKR-1LD0T" data-poool-login-url="/mon-compte-connexion" data-poool-register-url="/mon-compte-abonnements" > <script type="application/javascript" src="https://ced.sascdn.com/tag/11/smart.js" async></script> <script type="application/javascript"> var sas = sas || {}; sas.cmd = sas.cmd || []; sas.cmd.push(function() { sas.setup({ networkid: 11, domain: "https://www.smartadserver.com", async: true }); }); sas.cmd.push(function() { sas.call("onecall", { siteId: 428563, pageId: 1408391, formats: [ { id: 103484 } ,{ id: 103486 } ,{ id: 103559 } ,{ id: 103562 } ,{ id: 103563 } ,{ id: 103564 } ], target: '' }); }); </script>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W74MHWW" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <header class="header js-sticky relative w-full lg:mb-40 xl:mb-52 bg-white z-40 top-0" role="banner"> <div class="bg-black "> <div class="main-nav container flex flex-wrap md:flex-row justify-between items-center py-4 xl:py-7"> <div class="search-burger flex items-center h-[20px] lg:hidden"> <div class="burger js-trigger-menu flex flex-col justify-center items-center"> <button class="burger-box flex items-center h-[20px] leading-none focus:outline-none" aria-label="Ouvrir le menu"> <svg width="18" height="12" aria-hidden="true" focusable="false" class="mr-3"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-burger"/> </svg> <span class="uppercase font-title text-sm text-white">Menu</span> </button> </div> </div> <div class="w-1/2 hidden lg:block"> <nav class="hidden lg:flex items-center divide-x divide-white divide-opacity-40 text-white font-title uppercase lg:text-tiny xl:text-[17px] xxl:text-lg"> <div x-data="{ open: false }" class="search ml-0 xl:ml-0 mr-7 xl:mr-8"> <button class="flex items-center h-[24px] xl:h-[28px] focus:outline-none focus:ring-0" aria-label="Ouvrir bloc de recherche" :class="{ 'text-primary': open, 'text-white': !(open) }" @click="open = true" @mousedown="if (open) $event.preventDefault()" aria-expanded="true" :aria-expanded="open.toString()"> <svg width="20" height="20"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-search"/> </svg> </button> <div x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-1" :class="{ 'block': open, 'hidden': !(open) }" class="hidden mega-menu absolute z-10 -ml-4 transform px-2 w-full sm:px-0 lg:ml-0 lg:left-1/2 lg:-translate-x-1/2" @click.away="open = false"> <div class="overflow-hidden"> <div class="container relative flex flex-row bg-white pt-24 xl:pt-32 pb-6 gap-8 xxl:gap-10 text-black font-base normal-case text-[14px]"> <form class="search-form mt-2 mb-6 w-full" action="https://www.influencia.net" > <label for="search" class="sr-only">Recherche</label> <input class="input input-search py-3 w-3/4 mr-6 border-0 border-b appearance-none focus:outline-none focus:ring-0 focus:border-black border-gray-300" type="search" id="search" name="s" > <button class="w-1/5 uppercase text-sm leading-normal text-black px-[22px] py-[18px] font-title border border-primary bg-primary hover:border-black transition-colors duration-300" type="submit">Rechercher</button> </form> </div> </div> </div> </div> <div x-data="{ open: false }" class="lg:px-7 xl:px-8 xxl:px-10"> <button type="button" aria-label="Ouvrir le sous-menu" class="item-menu group inline-flex justify-center items-center hover:text-primary focus:outline-none focus:ring-0 text-white uppercase" :class="{ 'text-primary active': open, 'text-white': !(open) }" @click="open = true" @mousedown="if (open) $event.preventDefault()" aria-expanded="true" :aria-expanded="open.toString()"> <span>Menu</span> <svg width="12" height="8" class="ml-1 xl:ml-2" aria-hidden="true" focusable="false"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-arrow-down"/> </svg> </button> <div x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-1" :class="{ 'block': open, 'hidden': !(open) }" class="hidden mega-menu absolute z-10 -ml-4 transform px-2 w-full sm:px-0 lg:ml-0 lg:left-1/2 lg:-translate-x-1/2" @click.away="open = false"> <div class="overflow-hidden"> <div class="container relative grid grid-cols-12 bg-white pt-24 xl:pt-32 pb-6 gap-4 xxl:gap-10 text-black font-base normal-case text-[14px]"> <div class="col-span-8"> <div class="menu-topics flex justify-between"> <div class="mr-4 xxl:mr-10"> <span class="font-title title-underline mb-8 uppercase text-base">Rubriques</span> <ul class="leading-normal min-w-[130px] xl:min-w-[140px]"> <li> <a href="https://www.influencia.net/category/medias-com/" class="flex"> MEDIAS & COM </a> </li> <li> <a href="https://www.influencia.net/category/tech-business/" class="flex"> TECH & BUSINESS </a> </li> <li> <a href="https://www.influencia.net/category/videos-podcasts/" class="flex"> VIDEOS & PODCASTS </a> </li> <li> <a href="https://www.influencia.net/category/culture-societe/" class="flex"> CULTURE & SOCIETE </a> </li> <li> <a href="https://www.influencia.net/category/archives/" class="flex"> ARCHIVES <span class="premium relative z-[1] w-[22px] h-[22px] flex items-center justify-center ml-3 bg-black text-primary"> <svg width="8" height="9" class="text-primary" aria-hidden="true" focusable="false"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-premium"/> </svg> </span> </a> </li> </ul> </div> <div class="mr-4 xxl:mr-6"> <span class="font-title title-underline mb-8 uppercase text-base">Topics</span> <div class="flex justify-between topics "> <ul class="leading-normal"> <li> <a href="https://www.influencia.net/topic/campagnes/"> CAMPAGNES </a> </li> <li> <a href="https://www.influencia.net/topic/les-mots-a-connaitre/"> LES MOTS A CONNAITRE </a> </li> <li> <a href="https://www.influencia.net/topic/linstant-in-et-off/"> L'INSTANT IN (et Off) </a> </li> <li> <a href="https://www.influencia.net/topic/letat-de-la-france/"> L’ETAT DE LA FRANCE </a> </li> <li> <a href="https://www.influencia.net/topic/podcast/"> PODCAST </a> </li> <li> <a href="https://www.influencia.net/topic/influencia-cafe/"> INFLUENCIA CAFÉ </a> </li> <li> <a href="https://www.influencia.net/topic/good-in-progress/"> GOOD IN PROGRESS </a> </li> <li> <a href="https://www.influencia.net/topic/culture/"> CULTURE </a> </li> <li> <a href="https://www.influencia.net/topic/events/"> EVENTS </a> </li> <li> <a href="https://www.influencia.net/topic/tribunes/"> TRIBUNES </a> </li> <li> <a href="https://www.influencia.net/topic/mobilites/"> MOBILITES </a> </li> <li> <a href="https://www.influencia.net/topic/marques/"> MARQUES </a> </li> <li> <a href="https://www.influencia.net/topic/luxe/"> LUXE </a> </li> <li> <a href="https://www.influencia.net/topic/agences/"> AGENCES </a> </li> <li> <a href="https://www.influencia.net/topic/sous-influence/"> SOUS INFLUENCE </a> </li> <li> <a href="https://www.influencia.net/topic/societe/"> SOCIÉTÉ </a> </li> <li> <a href="https://www.influencia.net/topic/retail/"> RETAIL </a> </li> <li> <a href="https://www.influencia.net/topic/la-revue-influencia/"> LA REVUE INFLUENCIA </a> </li> <li> <a href="https://www.influencia.net/topic/tendances/"> TENDANCES & INNOVATIONS </a> </li> <li> <a href="https://www.influencia.net/topic/la-conversation/"> LA CONVERSATION </a> </li> <li> <a href="https://www.influencia.net/topic/future-of-work/"> FUTURE OF WORK </a> </li> <li> <a href="https://www.influencia.net/topic/etudes/"> ETUDES </a> </li> <li> <a href="https://www.influencia.net/topic/media/"> MEDIA </a> </li> <li> <a href="https://www.influencia.net/topic/tech/"> TECH </a> </li> </ul> </div> </div> <div> <span class="font-title title-underline mb-8 uppercase text-base">Partenaires</span> <ul class="menu-topic-partners leading-normal"> <li> <a href="https://www.influencia.net/topic/les-rencontres-de-ludecam/"> LES RENCONTRES DE L'UDECAM avec L'UDECAM </a> </li> <li> <a href="https://www.influencia.net/topic/insight-npa/"> INSIGHT NPA avec NPA Conseil </a> </li> <li> <a href="https://www.influencia.net/topic/gen-z-sur-canape/"> GEN Z SUR CANAPE avec Sup de pub </a> </li> <li> <a href="https://www.influencia.net/topic/thebrandimmersion/"> THE BRAND IMMERSION avec Le Club des Annonceurs </a> </li> <li> <a href="https://www.influencia.net/topic/nxt/"> NXT avec FUTUREBRAND et UM PARIS </a> </li> </ul> </div> </div> <hr class="mt-5 xl:mt-12 mx-auto w-full border-gray-300"> <div class="text-base pt-6 text-center w-full"> <a href="https://www.influencia.net/cgu/" class="uppercase inline-block px-4" > CGU </a> <span class="text-primary font-bold">-</span> <a href="https://www.influencia.net/a-propos/" class="uppercase inline-block px-4" > A PROPOS </a> <span class="text-primary font-bold">-</span> <a href="https://www.influencia.net/nous-contacter/" class="uppercase inline-block px-4" > NOUS CONTACTER </a> <span class="text-primary font-bold">-</span> </div> </div> <div class="col-span-4"> <div class="custom-block-menu flex items-center my-5 p-4 border-primary border-2"> <div class="text pr-2"> <p class="title mb-2"> Abonnez-vous à INfluencia </p> <p class="description"> Accédez à tous les contenus du site et recevez les 4 Revues INfluencia </p> </div> <div class="cta flex-shrink-0"> <a class="btn btn-primary" href="https://www.influencia.net/mon-compte-abonnements/" > JE M'ABONNE </a> </div> </div> <div class="custom-block-menu flex items-center my-5 p-4 border-primary border-2"> <div class="text pr-2"> <p class="title mb-2"> Inscrivez-vous aux Newsletters INfluencia </p> <p class="description"> "La quotidienne", "Minted", "The GOOD" </p> </div> <div class="cta flex-shrink-0"> <a class="btn btn-primary" href="https://www.influencia.net/les-newsletters-influencia/" > JE M'INSCRIS </a> </div> </div> </div> </div> </div> </div> </div> <div class="hidden lg:block lg:px-7 xl:px-8 xxl:px-10"> <a href="https://www.influencia.net/revue/" class="item-menu hover:text-primary " > Revues </a> </div> <div class="hidden lg:block lg:px-7 xl:px-8 xxl:px-10"> <a href="https://www.influencia.net/les-newsletters-influencia/" class="item-menu hover:text-primary " > Newsletters </a> </div> </nav> </div> <div class="logo w-[80px] lg:w-[150px] xl:w-[200px] absolute z-20 left-[50%] transform -translate-x-1/2"> <a class="text-center absolute z-20 lg:top-[-3.6rem] xl:top-[-4.4rem] w-[80px] lg:w-[150px] xl:w-[200px] px-2.5 xl:px-4 bg-white " href="https://www.influencia.net/" aria-label="Home" rel="home"> <svg class="w-full h-[146px] xl:h-[188px] logo-base"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#logo-1"/> </svg> <svg class="logo-sticky hidden"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#logo-2"/> </svg> </a> </div> <div class="nav-right w-1/2 flex items-center justify-end"> <nav class="hidden lg:flex justify-center items-center divide-x divide-white divide-opacity-40 xl:mr-4 xxl:mr-2 text-white font-title uppercase lg:text-tiny xl:text-[17px] xxl:text-lg"> <div x-data="{ open: false }" class="relative lg:pr-3 xl:pr-3 xxl:pr-6"> <button class="item-menu flex items-center h-[24px] xl:h-[28px] hover:text-primary focus:outline-none focus:ring-0 uppercase" aria-label="Ouvrir le sous-menu" :class="{ 'text-primary active': open, 'text-white': !(open) }" @click="open = true" @mousedown="if (open) $event.preventDefault()" aria-expanded="true" :aria-expanded="open.toString()"> <span>Groupe INfluencia</span> <svg width="12" height="8" class="ml-1 xl:ml-2 xxl:ml-4" aria-hidden="true" focusable="false"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-arrow-down"/> </svg> </button> <div x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-1" :class="{ 'block': open, 'hidden': !(open) }" class="hidden solutions submenu absolute z-10 -ml-4 transform px-2 w-[240px] xl:w-[290px] sm:px-0 lg:ml-0 left-[-33px] xl:left-[-62px] xxl:left-[-29px]" @click.away="open = false"> <div class="overflow-hidden"> <div class="relative flex flex-col bg-white px-4 xl:px-8 pb-6 text-black font-base normal-case text-[14px] xl:text-[15px]"> <div class="title-underline mb-8"></div> <ul> <li class="mb-1"> <a href="https://www.influencia.net/le-groupe-influencia/" > Le Groupe </a> </li> <li class="mb-1"> <a href="https://www.influencia.net/les-newsletters-du-groupe-influencia/" > Les Newsletters </a> </li> </ul> </div> </div> </div> </div> <div x-data="{ open: false }" class="relative lg:px-3 xl:px-3 xxl:px-6"> <button class="item-menu flex items-center h-[24px] xl:h-[28px] hover:text-primary focus:outline-none focus:ring-0 uppercase" aria-label="Ouvrir le sous-menu" :class="{ 'text-primary active': open, 'text-white': !(open) }" @click="open = true" @mousedown="if (open) $event.preventDefault()" aria-expanded="true" :aria-expanded="open.toString()"> <span>Nos événements</span> <svg width="12" height="8" class="ml-1 xl:ml-2 xxl:ml-4" aria-hidden="true" focusable="false"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-arrow-down"/> </svg> </button> <div x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-1" :class="{ 'block': open, 'hidden': !(open) }" class="hidden submenu absolute z-10 -ml-4 transform px-2 w-[240px] xl:w-[290px] sm:px-0 lg:ml-0 left-[0px] xl:left-[0px] xxl:left-[0px]" @click.away="open = false"> <div class="overflow-hidden"> <div class="relative flex flex-col bg-white px-4 xl:px-8 pb-6 text-black font-base normal-case text-[14px] xl:text-[15px]"> <div class="title-underline mb-8">&nbsp</div> <ul> <li class="mb-1"> <a href="https://www.influencia.net/evenement/" > Les événements INfluencia </a> </li> </ul> </div> </div> </div> </div> </nav> <div class="js-loader-menu content-loader flex w-[5rem] lg:w-[8.375rem] xl:w-[9.875rem] h-[15px] lg:h-[25px] xl:h-[32px]"> <div class="loader m-auto"><div></div><div></div><div></div><div></div></div> </div> <div class="flex"> <div data-display="lg:block" class="js-user-not-premium-item hidden text-xs font-title uppercase text-white mr-3 xl:mr-4"> <a href="https://www.influencia.net/mon-compte-abonnements/" class="block py-[.3rem] px-1 xl:py-2 xl:px-2 xxl:px-3 bg-primary text-black" > S'abonner </a> </div> <div x-data="{ open: false }" class="relative text-xs font-title uppercase hidden" data-display="!block"> <div class="item-menu cursor-pointer flex items-center justify-center lg:py-[.3rem] xl:py-2 lg:px-1 xl:px-2.5 lg:hover:text-primary lg:ring-1 lg:ring-white lg:ring-inset lg:hover:ring-primary" :class="{ 'text-primary active': open, 'text-white': !(open) }" @click="open = true" @mousedown="if (open) $event.preventDefault()" aria-expanded="true" :aria-expanded="open.toString()"> <span data-display="lg:inline-block" class="hidden js-user-not-logged-in-item">S'identifier</span> <div class="js-user-logged-in-item flex items-center hidden" data-display="!flex"> <span class="hidden lg:inline-block">espace abonné</span> <svg width="11" height="11" data-display="lg:inline-block" class="hidden js-user-premium-item ml-1 text-primary" aria-hidden="true" focusable="false"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-premium"/> </svg> <svg width="12" height="8" class="arrow-down hidden lg:inline ml-1 xl:ml-2 xxl:ml-4" aria-hidden="true" focusable="false"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-arrow-down"/> </svg> </div> <div class="js-user-not-logged-in-item"> <span class="flex items-center lg:hidden uppercase font-title text-sm text-white">Mon compte</span> </div> <div class="js-user-logged-in-item"> <span class="flex items-center lg:hidden uppercase font-title text-sm text-white">Abonné.e <svg width="11" height="11" data-display="lg:inline-block" class="lg:hidden js-user-premium-item ml-1 text-primary" aria-hidden="true" focusable="false"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-premium"/> </svg> </span> </div> <svg width="18" height="19" class="icon-user lg:hidden transition transform rotate-0 ml-3" aria-hidden="true" focusable="false"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-user"/> </svg> </div> <div x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-1" :class="{ 'block': open, 'hidden': !(open) }" class="hidden submenu absolute right-0 z-[21] -ml-4 transform px-2 w-[310px] sm:px-0 ml-0 mt-[1px] xl:mt-[2px]" @click.away="open = false"> <div class="overflow-hidden"> <div class="relative flex flex-col bg-white pl-8 pr-10 pb-10 pt-12 gap-8 xxl:gap-10 text-black font-base normal-case text-[14px] xl:text-[15px]"> <div class="js-on-page-checkout-forms-wrapper"> <form class="js-user-not-logged-in-item" name="floginheader" method="post"> <div class="relative z-0 w-full mb-5"> <label for="username" class="sr-only">Identifiant</label> <input type="text" name="username" placeholder="Identifiant" required class="pt-3 pb-2 block w-full px-0 mt-0 bg-transparent border-0 border-b appearance-none focus:outline-none focus:ring-0 focus:border-black border-gray-300 placeholder-black text-base" /> <span class="text-sm text-red-600 hidden" id="error">Message error</span> </div> <div class="relative z-0 w-full mb-5"> <label for="password" class="sr-only">Mot de passe</label> <input type="password" name="password" placeholder="Mot de passe" class="pt-3 pb-2 block w-full px-0 mt-0 bg-transparent border-0 border-b appearance-none focus:outline-none focus:ring-0 focus:border-black border-gray-300 placeholder-black text-base" /> <span class="text-sm text-red-600 hidden" id="error">Password is required</span> </div> <div class="header-login-result"></div> <div class="flex justify-end"> <button class="py-2 mt-4 mb-5 w-8/12 uppercase text-sm leading-normal text-black px-[22px] py-[18px] font-title border border-primary bg-primary hover:border-black transition-colors duration-300" type="submit">Je me connecte</button> </div> <div class="flex justify-end"> <a href="https://www.influencia.net/mon-compte-rappel-mot-de-passe/" class="py-2 px-2 bg-white text-black border-b border-primary hover:border-black w-8/12">Mot de passe oublié</a> </div> </form> <div class="js-user-logged-in-item"> <div class="title-underline mb-8 text-tiny font-bold"> <div class="js-user-premium-item"> <div class="js-subscription-infos"></div> </div> </div> <div class="text-tiny"> <a href="https://www.influencia.net/mon-compte-informations/" class="block mb-3">Modifier mes infos de connexion</a> <a href="https://www.influencia.net/mon-compte-coordonnees/" class="block mb-8">Modifier mes informations personnelles</a> <a href="https://www.influencia.net/wp/wp-login.php?action=logout&redirect_to=%2F&_wpnonce=292cca2c88" class="js-disconnect-link block disconnect" > Déconnexion </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </header> <div class="burger-menu js-burger-menu block lg:hidden bg-white z-40"> <div class="flex justify-end close-menu-wrapper"> <button class="close-menu js-close-burger"> <svg width="20" height="20"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-close"/> </svg> </button> </div> <div> <form class="search-form flex justify-between mb-8" action="toAction"> <label class="sr-only">Recherche</label> <input class="input input-search py-3 w-3/5 px-4 shadow-xs ring-1 ring-black ring-opacity-10" type="search" name="search"> <button class="w-2/6 py-3 px-2 uppercase text-sm leading-normal text-black px-[22px] py-[18px] font-title border border-primary bg-primary hover:border-black transition-colors duration-300" type="button">Rechercher</button> </form> </div> <ul class="menu menu-wrap hidden" data-depth="0"> <li data-depth="0"> <a href="#" class="js-open-level open-level font-title uppercase"> Menu <svg width="12" height="8" class="ml-4 transform -rotate-90"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-arrow-down"/> </svg> </a> <ul class="submenu menu-wrap bg-white"> <li class="back-btn js-back-btn flex items-center"> <svg width="12" height="8" class="mr-4 transform rotate-90"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-arrow-down"/> </svg> Retour </li> <li data-depth="1"> <a href="#" class="js-open-level open-level font-title uppercase"> RUBRIQUES <svg width="12" height="8" class="ml-4 transform -rotate-90"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-arrow-down"/> </svg> </a> <ul class="submenu menu-wrap bg-white"> <li class="back-btn js-back-btn flex items-center"> <svg width="12" height="8" class="mr-4 transform rotate-90"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-arrow-down"/> </svg> Retour </li> <li data-depth="2"> <a href="https://www.influencia.net/category/medias-com/"> MEDIAS & COM </a> </li> <li data-depth="2"> <a href="https://www.influencia.net/category/tech-business/"> TECH & BUSINESS </a> </li> <li data-depth="2"> <a href="https://www.influencia.net/category/videos-podcasts/"> VIDEOS & PODCASTS </a> </li> <li data-depth="2"> <a href="https://www.influencia.net/category/culture-societe/"> CULTURE & SOCIETE </a> </li> <li data-depth="2"> <a href="https://www.influencia.net/category/archives/"> ARCHIVES </a> </li> </ul> </li> <li data-depth="1"> <a href="#" class="js-open-level open-level font-title uppercase"> TOPICS <svg width="12" height="8" class="ml-4 transform -rotate-90"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-arrow-down"/> </svg> </a> <ul class="submenu menu-wrap bg-white h-screen overflow-auto"> <li class="back-btn js-back-btn flex items-center"> <svg width="12" height="8" class="mr-4 transform rotate-90"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-arrow-down"/> </svg> Retour </li> <li data-depth="2"> <a href="https://www.influencia.net/topic/campagnes/"> CAMPAGNES </a> </li> <li data-depth="2"> <a href="https://www.influencia.net/topic/les-mots-a-connaitre/"> LES MOTS A CONNAITRE </a> </li> <li data-depth="2"> <a href="https://www.influencia.net/topic/linstant-in-et-off/"> L'INSTANT IN (et Off) </a> </li> <li data-depth="2"> <a href="https://www.influencia.net/topic/letat-de-la-france/"> L’ETAT DE LA FRANCE </a> </li> <li data-depth="2"> <a href="https://www.influencia.net/topic/podcast/"> PODCAST </a> </li> <li data-depth="2"> <a href="https://www.influencia.net/topic/influencia-cafe/"> INFLUENCIA CAFÉ </a> </li> <li data-depth="2"> <a href="https://www.influencia.net/topic/good-in-progress/"> GOOD IN PROGRESS </a> </li> <li data-depth="2"> <a href="https://www.influencia.net/topic/culture/"> CULTURE </a> </li> <li data-depth="2"> <a href="https://www.influencia.net/topic/events/"> EVENTS </a> </li> <li data-depth="2"> <a href="https://www.influencia.net/topic/tribunes/"> TRIBUNES </a> </li> <li data-depth="2"> <a href="https://www.influencia.net/topic/mobilites/"> MOBILITES </a> </li> <li data-depth="2"> <a href="https://www.influencia.net/topic/marques/"> MARQUES </a> </li> <li data-depth="2"> <a href="https://www.influencia.net/topic/luxe/"> LUXE </a> </li> <li data-depth="2"> <a href="https://www.influencia.net/topic/agences/"> AGENCES </a> </li> <li data-depth="2"> <a href="https://www.influencia.net/topic/sous-influence/"> SOUS INFLUENCE </a> </li> <li data-depth="2"> <a href="https://www.influencia.net/topic/societe/"> SOCIÉTÉ </a> </li> <li data-depth="2"> <a href="https://www.influencia.net/topic/retail/"> RETAIL </a> </li> <li data-depth="2"> <a href="https://www.influencia.net/topic/la-revue-influencia/"> LA REVUE INFLUENCIA </a> </li> <li data-depth="2"> <a href="https://www.influencia.net/topic/tendances/"> TENDANCES & INNOVATIONS </a> </li> <li data-depth="2"> <a href="https://www.influencia.net/topic/la-conversation/"> LA CONVERSATION </a> </li> <li data-depth="2"> <a href="https://www.influencia.net/topic/future-of-work/"> FUTURE OF WORK </a> </li> <li data-depth="2"> <a href="https://www.influencia.net/topic/etudes/"> ETUDES </a> </li> <li data-depth="2"> <a href="https://www.influencia.net/topic/media/"> MEDIA </a> </li> <li data-depth="2"> <a href="https://www.influencia.net/topic/tech/"> TECH </a> </li> <li class="pb-48"></li> </ul> </li> <li data-depth="1"> <a href="#" class="js-open-level open-level font-title uppercase"> PARTENAIRES <svg width="12" height="8" class="ml-4 transform -rotate-90"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-arrow-down"/> </svg> </a> <ul class="submenu menu-wrap bg-white"> <li class="back-btn js-back-btn flex items-center"> <svg width="12" height="8" class="mr-4 transform rotate-90"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-arrow-down"/> </svg> Retour </li> <li data-depth="2"> <a href="https://www.influencia.net/topic/les-rencontres-de-ludecam/"> LES RENCONTRES DE L'UDECAM avec L'UDECAM </a> </li> <li data-depth="2"> <a href="https://www.influencia.net/topic/insight-npa/"> INSIGHT NPA avec NPA Conseil </a> </li> <li data-depth="2"> <a href="https://www.influencia.net/topic/gen-z-sur-canape/"> GEN Z SUR CANAPE avec Sup de pub </a> </li> <li data-depth="2"> <a href="https://www.influencia.net/topic/thebrandimmersion/"> THE BRAND IMMERSION avec Le Club des Annonceurs </a> </li> <li data-depth="2"> <a href="https://www.influencia.net/topic/nxt/"> NXT avec FUTUREBRAND et UM PARIS </a> </li> </ul> </li> </ul> </li> <li data-depth="0"> <a href="https://www.influencia.net/revue/" class="font-title uppercase" > Revues </a> </li> <li data-depth="0"> <a href="https://www.influencia.net/les-newsletters-influencia/" class="font-title uppercase" > Newsletters </a> </li> <li data-depth="0"> <a href="#" class="js-open-level open-level font-title uppercase"> Groupe INfluencia <svg width="12" height="8" class="ml-4 transform -rotate-90"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-arrow-down"/> </svg> </a> <ul class="submenu menu-wrap bg-white"> <li class="back-btn js-back-btn flex items-center"> <svg width="12" height="8" class="mr-4 transform rotate-90"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-arrow-down"/> </svg> Retour </li> <li data-depth="1"> <a href="https://www.influencia.net/le-groupe-influencia/" > Le Groupe </a> </li> <li data-depth="1"> <a href="https://www.influencia.net/les-newsletters-du-groupe-influencia/" > Les Newsletters </a> </li> </ul> </li> <li data-depth="0"> <a href="#" class="js-open-level open-level font-title uppercase"> Nos événements <svg width="12" height="8" class="ml-4 transform -rotate-90"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-arrow-down"/> </svg> </a> <ul class="submenu menu-wrap"> <li class="back-btn js-back-btn flex items-center"> <svg width="12" height="8" class="mr-4 transform rotate-90"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-arrow-down"/> </svg> Retour </li> <li data-depth="1"> <a href="https://www.influencia.net/evenement/" > Les événements INfluencia </a> </li> </ul> </li> </ul> <div class="flex justify-center"> <a class="uppercase leading-normal text-black px-[22px] py-[18px] font-title border border-primary bg-primary hover:border-black transition-colors duration-300 py-3 mt-8 mb-5 w-8/12 text-center" href="/mon-compte-abonnements">S'abonner</a> </div> </div> <div class="hidden lg:flex sas-container items-center justify-center mx-auto arche-listing pb-10" data-sas-slug="arche-listing"> <div id="sas_103484"></div> <script type="application/javascript"> sas.cmd.push(function() { sas.render("103484"); }); </script> </div> <main class="main" role="main"> <div class="listing-posts container bg-white"> <div class="flex items-center"> <h1 class="has-slash auto uppercase font-light font-title text-2xl lg:text-4.5xl">CULTURE</h1> </div> <div class="grid grid-cols-1 lg:grid-cols-12 gap-10 xl:gap-16 xxl:gap-20 my-12 xl:my-16"> <div class="left-col lg:col-span-8"> <article class="grid grid-cols-1 md:grid-cols-2 gap-2 md:gap-4 xl:gap-8 mb-8"> <figure class="img md:mb-4"> <div class="img-content"> <a href="https://www.influencia.net/moonwalk-geant-sur-facebook/" aria-label="Moonwalk géant sur Facebook"> <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw" data-src="" alt="" /> </a> </div> </figure> <div class="content"> <div class="w-full topic flex justify-between items-center relative h-[21px] lg:h-[27px]"> <a class="topic-name relative z-[1] flex items-center justify-center h-[21px] lg:h-[27px] lg:px-2.5 px-2 bg-primary text-xs lg:text-sm font-semibold uppercase" href="https://www.influencia.net/topic/culture/"> CULTURE </a> <hr class="w-full absolute z-0 inset-y-1/2 border-gray-300" /> <span class="premium relative z-[1] w-[1.688rem] h-[1.688rem] flex items-center justify-center bg-black text-primary ml-auto"> <svg width="10" height="11" class="lg:w-[11px] lg:h-[13px] text-primary" aria-hidden="true" focusable="false"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-premium"/> </svg> </span> </div> <div class="date mt-1 mb-1 md:mt-1 md:mb-2 lg:mt-2 lg:mb-1 text-xs text-gray-100 " publishdate="8 juillet 2009"> 08/07/2009 </div> <header> <a href="https://www.influencia.net/moonwalk-geant-sur-facebook/" class="title block mb-1 md:mb-4 lg:mb-2 font-title text-xl xl:text-2xl md:leading-tight xl:leading-tight">Moonwalk géant sur Facebook</a> </header> <p class="text-sm xl:text-tiny text-gray-200"> Plus de 225 millions d'utilisateurs de par le monde, 700 000 nouveaux inscrits chaque jour et plus de 500 millions de dollars… </p> </div> </article> <article class="grid grid-cols-1 md:grid-cols-2 gap-2 md:gap-4 xl:gap-8 mb-8"> <figure class="img md:mb-4"> <div class="img-content"> <a href="https://www.influencia.net/publicitaires-politiques-aime-moi-non-plus/" aria-label="Publicitaires – Politiques : je t’aime moi non plus"> <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw" data-src="" alt="" /> </a> </div> </figure> <div class="content"> <div class="w-full topic flex justify-between items-center relative h-[21px] lg:h-[27px]"> <a class="topic-name relative z-[1] flex items-center justify-center h-[21px] lg:h-[27px] lg:px-2.5 px-2 bg-primary text-xs lg:text-sm font-semibold uppercase" href="https://www.influencia.net/topic/culture/"> CULTURE </a> <hr class="w-full absolute z-0 inset-y-1/2 border-gray-300" /> <span class="premium relative z-[1] w-[1.688rem] h-[1.688rem] flex items-center justify-center bg-black text-primary ml-auto"> <svg width="10" height="11" class="lg:w-[11px] lg:h-[13px] text-primary" aria-hidden="true" focusable="false"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-premium"/> </svg> </span> </div> <div class="date mt-1 mb-1 md:mt-1 md:mb-2 lg:mt-2 lg:mb-1 text-xs text-gray-100 " publishdate="1 juillet 2009"> 01/07/2009 </div> <header> <a href="https://www.influencia.net/publicitaires-politiques-aime-moi-non-plus/" class="title block mb-1 md:mb-4 lg:mb-2 font-title text-xl xl:text-2xl md:leading-tight xl:leading-tight">Publicitaires – Politiques : je t’aime moi non plus</a> </header> <p class="text-sm xl:text-tiny text-gray-200"> Mardi soir, premier dîner du Club Parlementaire – Publicité – Economie – Société, présidé par trois députés Laure de La Raudière, Sandrine… </p> </div> </article> <article class="grid grid-cols-1 md:grid-cols-2 gap-2 md:gap-4 xl:gap-8 mb-8"> <figure class="img md:mb-4"> <div class="img-content"> <a href="https://www.influencia.net/michael-jackson-theophanie-digitale/" aria-label="Michael Jackson ou la théophanie digitale"> <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw" data-src="" alt="" /> </a> </div> </figure> <div class="content"> <div class="w-full topic flex justify-between items-center relative h-[21px] lg:h-[27px]"> <a class="topic-name relative z-[1] flex items-center justify-center h-[21px] lg:h-[27px] lg:px-2.5 px-2 bg-primary text-xs lg:text-sm font-semibold uppercase" href="https://www.influencia.net/topic/culture/"> CULTURE </a> <hr class="w-full absolute z-0 inset-y-1/2 border-gray-300" /> <span class="premium relative z-[1] w-[1.688rem] h-[1.688rem] flex items-center justify-center bg-black text-primary ml-auto"> <svg width="10" height="11" class="lg:w-[11px] lg:h-[13px] text-primary" aria-hidden="true" focusable="false"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-premium"/> </svg> </span> </div> <div class="date mt-1 mb-1 md:mt-1 md:mb-2 lg:mt-2 lg:mb-1 text-xs text-gray-100 " publishdate="30 juin 2009"> 30/06/2009 </div> <header> <a href="https://www.influencia.net/michael-jackson-theophanie-digitale/" class="title block mb-1 md:mb-4 lg:mb-2 font-title text-xl xl:text-2xl md:leading-tight xl:leading-tight">Michael Jackson ou la théophanie digitale</a> </header> <p class="text-sm xl:text-tiny text-gray-200"> Google a d'abord cru à une attaque de grande ampleur. « Nous sommes désolés... Votre requête ressemble étrangement à des requêtes automatisées… </p> </div> </article> <article class="grid grid-cols-1 md:grid-cols-2 gap-2 md:gap-4 xl:gap-8 mb-8"> <figure class="img md:mb-4"> <div class="img-content"> <a href="https://www.influencia.net/creativite-citoyennete-responsabilite/" aria-label="Creativité, citoyenneté et responsabilité"> <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw" data-src="" alt="" /> </a> </div> </figure> <div class="content"> <div class="w-full topic flex justify-between items-center relative h-[21px] lg:h-[27px]"> <a class="topic-name relative z-[1] flex items-center justify-center h-[21px] lg:h-[27px] lg:px-2.5 px-2 bg-primary text-xs lg:text-sm font-semibold uppercase" href="https://www.influencia.net/topic/culture/"> CULTURE </a> <hr class="w-full absolute z-0 inset-y-1/2 border-gray-300" /> <span class="premium relative z-[1] w-[1.688rem] h-[1.688rem] flex items-center justify-center bg-black text-primary ml-auto"> <svg width="10" height="11" class="lg:w-[11px] lg:h-[13px] text-primary" aria-hidden="true" focusable="false"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-premium"/> </svg> </span> </div> <div class="date mt-1 mb-1 md:mt-1 md:mb-2 lg:mt-2 lg:mb-1 text-xs text-gray-100 " publishdate="25 juin 2009"> 25/06/2009 </div> <header> <a href="https://www.influencia.net/creativite-citoyennete-responsabilite/" class="title block mb-1 md:mb-4 lg:mb-2 font-title text-xl xl:text-2xl md:leading-tight xl:leading-tight">Creativité, citoyenneté et responsabilité</a> </header> <p class="text-sm xl:text-tiny text-gray-200"> La rime est jolie. Mais "pas que", comme disent aujourd'hui les jeunes. La crise climatique devient une crise humanitaire. A Cannes, cette… </p> </div> </article> <div class="sas-container hidden lg:flex items-center justify-center mx-auto mb-12" data-sas-slug="listing-banner-1"> <div id="sas_103559"></div> <script type="application/javascript"> sas.cmd.push(function() { sas.render("103559"); }); </script> </div> <article class="grid grid-cols-1 md:grid-cols-2 gap-2 md:gap-4 xl:gap-8 mb-8"> <figure class="img md:mb-4"> <div class="img-content"> <a href="https://www.influencia.net/non-sinistrose-mediatique/" aria-label="Non à la sinistrose médiatique"> <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw" data-src="" alt="" /> </a> </div> </figure> <div class="content"> <div class="w-full topic flex justify-between items-center relative h-[21px] lg:h-[27px]"> <a class="topic-name relative z-[1] flex items-center justify-center h-[21px] lg:h-[27px] lg:px-2.5 px-2 bg-primary text-xs lg:text-sm font-semibold uppercase" href="https://www.influencia.net/topic/culture/"> CULTURE </a> <hr class="w-full absolute z-0 inset-y-1/2 border-gray-300" /> <span class="premium relative z-[1] w-[1.688rem] h-[1.688rem] flex items-center justify-center bg-black text-primary ml-auto"> <svg width="10" height="11" class="lg:w-[11px] lg:h-[13px] text-primary" aria-hidden="true" focusable="false"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-premium"/> </svg> </span> </div> <div class="date mt-1 mb-1 md:mt-1 md:mb-2 lg:mt-2 lg:mb-1 text-xs text-gray-100 " publishdate="24 juin 2009"> 24/06/2009 </div> <header> <a href="https://www.influencia.net/non-sinistrose-mediatique/" class="title block mb-1 md:mb-4 lg:mb-2 font-title text-xl xl:text-2xl md:leading-tight xl:leading-tight">Non à la sinistrose médiatique</a> </header> <p class="text-sm xl:text-tiny text-gray-200"> Et voilà, les méchantes langues vont encore dire que les media ne savent que se réjouir du malheur des autres ! Une… </p> </div> </article> <article class="grid grid-cols-1 md:grid-cols-2 gap-2 md:gap-4 xl:gap-8 mb-8"> <figure class="img md:mb-4"> <div class="img-content"> <a href="https://www.influencia.net/diner-blanc-vraie-vie/" aria-label="Le diner en blanc de la vraie vie"> <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw" data-src="" alt="" /> </a> </div> </figure> <div class="content"> <div class="w-full topic flex justify-between items-center relative h-[21px] lg:h-[27px]"> <a class="topic-name relative z-[1] flex items-center justify-center h-[21px] lg:h-[27px] lg:px-2.5 px-2 bg-primary text-xs lg:text-sm font-semibold uppercase" href="https://www.influencia.net/topic/culture/"> CULTURE </a> <hr class="w-full absolute z-0 inset-y-1/2 border-gray-300" /> <span class="premium relative z-[1] w-[1.688rem] h-[1.688rem] flex items-center justify-center bg-black text-primary ml-auto"> <svg width="10" height="11" class="lg:w-[11px] lg:h-[13px] text-primary" aria-hidden="true" focusable="false"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-premium"/> </svg> </span> </div> <div class="date mt-1 mb-1 md:mt-1 md:mb-2 lg:mt-2 lg:mb-1 text-xs text-gray-100 " publishdate="18 juin 2009"> 18/06/2009 </div> <header> <a href="https://www.influencia.net/diner-blanc-vraie-vie/" class="title block mb-1 md:mb-4 lg:mb-2 font-title text-xl xl:text-2xl md:leading-tight xl:leading-tight">Le diner en blanc de la vraie vie</a> </header> <p class="text-sm xl:text-tiny text-gray-200"> Nous étions 12000 selon les organisateurs, 5000 selon la police - peu importe le chiffre précis - à nous retrouver de blanc… </p> </div> </article> <article class="grid grid-cols-1 md:grid-cols-2 gap-2 md:gap-4 xl:gap-8 mb-8"> <figure class="img md:mb-4"> <div class="img-content"> <a href="https://www.influencia.net/dead-media-society/" aria-label="Dead Media Society"> <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw" data-src="" alt="" /> </a> </div> </figure> <div class="content"> <div class="w-full topic flex justify-between items-center relative h-[21px] lg:h-[27px]"> <a class="topic-name relative z-[1] flex items-center justify-center h-[21px] lg:h-[27px] lg:px-2.5 px-2 bg-primary text-xs lg:text-sm font-semibold uppercase" href="https://www.influencia.net/topic/culture/"> CULTURE </a> <hr class="w-full absolute z-0 inset-y-1/2 border-gray-300" /> <span class="premium relative z-[1] w-[1.688rem] h-[1.688rem] flex items-center justify-center bg-black text-primary ml-auto"> <svg width="10" height="11" class="lg:w-[11px] lg:h-[13px] text-primary" aria-hidden="true" focusable="false"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-premium"/> </svg> </span> </div> <div class="date mt-1 mb-1 md:mt-1 md:mb-2 lg:mt-2 lg:mb-1 text-xs text-gray-100 " publishdate="16 juin 2009"> 16/06/2009 </div> <header> <a href="https://www.influencia.net/dead-media-society/" class="title block mb-1 md:mb-4 lg:mb-2 font-title text-xl xl:text-2xl md:leading-tight xl:leading-tight">Dead Media Society</a> </header> <p class="text-sm xl:text-tiny text-gray-200"> Variation pop autour d'un thème.... Chaque semaine, Thomas Jamet déniche dans la culture contemporaine tout ce qui résonne avec l'époque. "Comme l'homme,… </p> </div> </article> <article class="grid grid-cols-1 md:grid-cols-2 gap-2 md:gap-4 xl:gap-8 mb-8"> <figure class="img md:mb-4"> <div class="img-content"> <a href="https://www.influencia.net/story-storytelling/" aria-label="Story Storytelling"> <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw" data-src="" alt="" /> </a> </div> </figure> <div class="content"> <div class="w-full topic flex justify-between items-center relative h-[21px] lg:h-[27px]"> <a class="topic-name relative z-[1] flex items-center justify-center h-[21px] lg:h-[27px] lg:px-2.5 px-2 bg-primary text-xs lg:text-sm font-semibold uppercase" href="https://www.influencia.net/topic/culture/"> CULTURE </a> <hr class="w-full absolute z-0 inset-y-1/2 border-gray-300" /> <span class="premium relative z-[1] w-[1.688rem] h-[1.688rem] flex items-center justify-center bg-black text-primary ml-auto"> <svg width="10" height="11" class="lg:w-[11px] lg:h-[13px] text-primary" aria-hidden="true" focusable="false"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-premium"/> </svg> </span> </div> <div class="date mt-1 mb-1 md:mt-1 md:mb-2 lg:mt-2 lg:mb-1 text-xs text-gray-100 " publishdate="9 juin 2009"> 09/06/2009 </div> <header> <a href="https://www.influencia.net/story-storytelling/" class="title block mb-1 md:mb-4 lg:mb-2 font-title text-xl xl:text-2xl md:leading-tight xl:leading-tight">Story Storytelling</a> </header> <p class="text-sm xl:text-tiny text-gray-200"> Variation pop autour d'un thème.... Chaque semaine, Thomas Jamet déniche dans la culture contemporaine tout ce qui résonne avec l'époque... " Samedi… </p> </div> </article> <article class="grid grid-cols-1 md:grid-cols-2 gap-2 md:gap-4 xl:gap-8 mb-8"> <figure class="img md:mb-4"> <div class="img-content"> <a href="https://www.influencia.net/good-morning-radio/" aria-label="Good Morning Radio!"> <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw" data-src="" alt="" /> </a> </div> </figure> <div class="content"> <div class="w-full topic flex justify-between items-center relative h-[21px] lg:h-[27px]"> <a class="topic-name relative z-[1] flex items-center justify-center h-[21px] lg:h-[27px] lg:px-2.5 px-2 bg-primary text-xs lg:text-sm font-semibold uppercase" href="https://www.influencia.net/topic/culture/"> CULTURE </a> <hr class="w-full absolute z-0 inset-y-1/2 border-gray-300" /> <span class="premium relative z-[1] w-[1.688rem] h-[1.688rem] flex items-center justify-center bg-black text-primary ml-auto"> <svg width="10" height="11" class="lg:w-[11px] lg:h-[13px] text-primary" aria-hidden="true" focusable="false"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-premium"/> </svg> </span> </div> <div class="date mt-1 mb-1 md:mt-1 md:mb-2 lg:mt-2 lg:mb-1 text-xs text-gray-100 " publishdate="4 juin 2009"> 04/06/2009 </div> <header> <a href="https://www.influencia.net/good-morning-radio/" class="title block mb-1 md:mb-4 lg:mb-2 font-title text-xl xl:text-2xl md:leading-tight xl:leading-tight">Good Morning Radio!</a> </header> <p class="text-sm xl:text-tiny text-gray-200"> Variation pop autour d'un thème.... Chaque semaine, Thomas Jamet déniche dans la culture contemporaine tout ce qui résonne avec l'époque. "Thomas Kuhn… </p> </div> </article> <article class="grid grid-cols-1 md:grid-cols-2 gap-2 md:gap-4 xl:gap-8 mb-8"> <figure class="img md:mb-4"> <div class="img-content"> <a href="https://www.influencia.net/sonate-crise/" aria-label="La Sonate de la crise"> <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw" data-src="" alt="" /> </a> </div> </figure> <div class="content"> <div class="w-full topic flex justify-between items-center relative h-[21px] lg:h-[27px]"> <a class="topic-name relative z-[1] flex items-center justify-center h-[21px] lg:h-[27px] lg:px-2.5 px-2 bg-primary text-xs lg:text-sm font-semibold uppercase" href="https://www.influencia.net/topic/culture/"> CULTURE </a> <hr class="w-full absolute z-0 inset-y-1/2 border-gray-300" /> <span class="premium relative z-[1] w-[1.688rem] h-[1.688rem] flex items-center justify-center bg-black text-primary ml-auto"> <svg width="10" height="11" class="lg:w-[11px] lg:h-[13px] text-primary" aria-hidden="true" focusable="false"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-premium"/> </svg> </span> </div> <div class="date mt-1 mb-1 md:mt-1 md:mb-2 lg:mt-2 lg:mb-1 text-xs text-gray-100 " publishdate="27 mai 2009"> 27/05/2009 </div> <header> <a href="https://www.influencia.net/sonate-crise/" class="title block mb-1 md:mb-4 lg:mb-2 font-title text-xl xl:text-2xl md:leading-tight xl:leading-tight">La Sonate de la crise</a> </header> <p class="text-sm xl:text-tiny text-gray-200"> Variation pop autour d'un thème.... Chaque semaine, Thomas Jamet déniche dans la culture contemporaine tout ce qui résonne avec l'époque. </p> </div> </article> </div> <div class="right-col lg:col-span-4"> <div class="sas-container hidden lg:flex items-center justify-center mx-auto lg:mt-[14px] mb-6" data-sas-slug="listing-pave-1"> <div id="sas_103562"></div> <script type="application/javascript"> sas.cmd.push(function() { sas.render("103562"); }); </script> </div> <div x-data="{ open: false }" class="list-topics"> <p class="has-slash auto top-[-15px] uppercase font-light font-title text-xl lg:text-4.5xl text-black">Topics</p> <button class="lg:hidden w-full flex items-center justify-between text-2xl font-light focus:outline-none focus:ring-0 leading-normal px-[22px] py-[18px] font-title border border-black focus:bg-primary focus:border-transparent transition-colors duration-300" aria-label="Voir les topics" @click="open = true" @mousedown="if (open) $event.preventDefault()" aria-expanded="true" :aria-expanded="open.toString()"> <span>TOPICS</span> <svg class="w-[20px] h-[16px]" aria-hidden="true" focusable="false"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-filter"/> </svg> </button> <div @click.away="open = false" :class="{ 'block': open, 'hidden': !(open) }" class=" pl-2 lg:pl-0 hidden lg:block" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 transform scale-90" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-90"> <div class="hidden lg:block"> <div x-data="{ toggleMore: false }" class="text-[1.313rem] font-light relative"> <div class="topics"> <div class="elt my-2"> <a href="https://www.influencia.net/topic/campagnes/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">CAMPAGNES</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/les-mots-a-connaitre/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">LES MOTS A CONNAITRE</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/linstant-in-et-off/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">L'INSTANT IN (et Off)</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/letat-de-la-france/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">L’ETAT DE LA FRANCE</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/podcast/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">PODCAST</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/influencia-cafe/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">INFLUENCIA CAFÉ</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/good-in-progress/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">GOOD IN PROGRESS</span> </a> </div> </div> <div x-show="toggleMore" @click.away="toggleMore = false" class="topics" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-1"> <div class="elt my-2"> <a href="https://www.influencia.net/topic/culture/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">CULTURE</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/events/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">EVENTS</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/tribunes/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">TRIBUNES</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/mobilites/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">MOBILITES</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/marques/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">MARQUES</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/luxe/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">LUXE</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/agences/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">AGENCES</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/sous-influence/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">SOUS INFLUENCE</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/societe/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">SOCIÉTÉ</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/retail/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">RETAIL</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/la-revue-influencia/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">LA REVUE INFLUENCIA</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/tendances/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">TENDANCES & INNOVATIONS</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/la-conversation/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">LA CONVERSATION</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/future-of-work/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">FUTURE OF WORK</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/etudes/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">ETUDES</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/media/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">MEDIA</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/tech/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">TECH</span> </a> </div> </div> <div :class="{ 'hidden': toggleMore, 'block': !(toggleMore) }" class="cache bg absolute z-[3] w-full h-[140px] left-0 bg-gradient-to-t from-white to-tr bottom-6" ></div> <button class="relative items-center mt-2 border-b border-primary focus:outline-none focus:ring-0" aria-label="Voir plus de topics" @click="toggleMore = true" @mousedown="if (open) $event.preventDefault()" aria-expanded="true" :aria-expanded="toggleMore.toString()"> <span class="flex items-center justify-center relative z-[9] font-medium"> <span :class="{ 'hidden': toggleMore, 'block': !(toggleMore) }" class="font-weight text-2xl mr-2">+</span><span :class="{ 'hidden': toggleMore, 'block': !(toggleMore) }" class="text-sm">PLUS</span> <span :class="{ 'block': toggleMore, 'hidden': !(toggleMore) }" class="font-weight text-2xl mr-2">-</span><span :class="{ 'block': toggleMore, 'hidden': !(toggleMore) }" class="text-sm">MOINS</span> </span> </button> </div> </div> <div class="lg:hidden"> <div class="text-[1.313rem] font-light relative"> <div class="topics"> <div class="elt my-2"> <a href="https://www.influencia.net/topic/campagnes/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">CAMPAGNES</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/les-mots-a-connaitre/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">LES MOTS A CONNAITRE</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/linstant-in-et-off/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">L'INSTANT IN (et Off)</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/letat-de-la-france/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">L’ETAT DE LA FRANCE</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/podcast/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">PODCAST</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/influencia-cafe/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">INFLUENCIA CAFÉ</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/good-in-progress/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">GOOD IN PROGRESS</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/culture/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">CULTURE</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/events/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">EVENTS</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/tribunes/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">TRIBUNES</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/mobilites/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">MOBILITES</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/marques/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">MARQUES</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/luxe/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">LUXE</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/agences/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">AGENCES</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/sous-influence/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">SOUS INFLUENCE</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/societe/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">SOCIÉTÉ</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/retail/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">RETAIL</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/la-revue-influencia/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">LA REVUE INFLUENCIA</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/tendances/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">TENDANCES & INNOVATIONS</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/la-conversation/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">LA CONVERSATION</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/future-of-work/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">FUTURE OF WORK</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/etudes/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">ETUDES</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/media/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">MEDIA</span> </a> </div> <div class="elt my-2"> <a href="https://www.influencia.net/topic/tech/" class="group relative"> <span class="relative z-[2] inline-block bg-white transition transform duration-500 ease-in-out group-hover:translate-x-8">TECH</span> </a> </div> </div> </div> </div> </div> </div> <div class="px-10 py-8 bg-primary mt-12"> <p class="mb-4 font-title text-4xl font-light uppercase">Les Newsletters du groupe INfluencia : La quotidienne influencia — minted — the good. Recevez une dose d'innovations Pub, Media, Marketing, AdTech... et de GOOD</p> <a class="inline-flex uppercase text-sm leading-normal text-black px-[22px] py-[18px] font-title border border-primary bg-primary hover:border-black transition-colors duration-300 mr-8 border-black" href="https://www.influencia.net/les-newsletters-influencia/">Bonne idée ! Je m'inscris !</a> </div> <div class="sas-container hidden lg:flex items-center justify-center mx-auto mt-12" data-sas-slug="listing-pave-2"> <div id="sas_103563"></div> <script type="application/javascript"> sas.cmd.push(function() { sas.render("103563"); }); </script> </div> <div class="social-block my-16"> <div class="text-center mb-4"> <a href="https://twitter.com/influencialemag" aria-label="Twitter" class="inline-flex items-center border-b border-primary pb-1" > <svg class="w-[17px] h-[17px] lg:w-[20px] lg:h-[20px] mr-3" aria-hidden="true" focusable="false"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-twitter"/> </svg> Influencia Twitter </a> </div> <div class="embed-twitter"> <a class="twitter-timeline" data-height="2000" href="https://twitter.com/INfluencialemag?ref_src=twsrc%5Etfw">Tweets by INfluencialemag</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> </div> </div> <div class="sas-container hidden lg:flex items-center justify-center mx-auto mt-12" data-sas-slug="listing-pave-3"> <div id="sas_103564"></div> <script type="application/javascript"> sas.cmd.push(function() { sas.render("103564"); }); </script> </div> </div> </div> <div class="pagination flex flex-col items-center mt-12 mb-16 lg:mb-20 pb-2 border-b border-gray-300"> <div class="flex w-full justify-center"> <a href="https://www.influencia.net/topic/culture/page/79/" aria-label="page précédente" class="h-10 flex justify-center items-center prev "> <svg width="12" height="8" class="mr-0.5 md:mr-2 lg:mr-4 transform rotate-90" aria-hidden="true"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-arrow-down"/> </svg> </a> <ul class="pages flex items-center"> <li class="mx-1.5"> <a href="https://www.influencia.net/topic/culture/" class="page-number page-numbers flex items-center px-[0.3rem] md:px-2.5 h-10 hover:bg-primary hover:bg-opacity-50">1</a> </li> <li class="mx-1.5"> <span class="dots flex items-center px-[0.2rem] md:px-2.5 h-10 bg-primary ">…</span> </li> <li class="mx-1.5"> <a href="https://www.influencia.net/topic/culture/page/77/" class="page-number page-numbers flex items-center px-[0.3rem] md:px-2.5 h-10 hover:bg-primary hover:bg-opacity-50">77</a> </li> <li class="mx-1.5"> <a href="https://www.influencia.net/topic/culture/page/78/" class="page-number page-numbers flex items-center px-[0.3rem] md:px-2.5 h-10 hover:bg-primary hover:bg-opacity-50">78</a> </li> <li class="mx-1.5"> <a href="https://www.influencia.net/topic/culture/page/79/" class="page-number page-numbers flex items-center px-[0.3rem] md:px-2.5 h-10 hover:bg-primary hover:bg-opacity-50">79</a> </li> <li class="mx-1.5"> <span class="page-number page-numbers current flex items-center px-[0.2rem] md:px-2.5 h-10 bg-primary ">80</span> </li> </ul> </div> <div class="sas-container hidden lg:flex items-center justify-center mx-auto max-w-[1200px] mb-12 xl:mb-16 mt-12" data-sas-slug="listing-banner-2"> <div id="sas_103486"></div> <script type="application/javascript"> sas.cmd.push(function() { sas.render("103486"); }); </script> </div> </div> </div> </main> <footer class="footer" role="contentinfo"> <div class="container bg-white pb-28 lg:pt-12"> <section class="mag grid grid-cols-1 lg:grid-cols-12 lg:gap-10 xl:gap-16 px-8 lg:px-10 xl:pl-20 xl:pr-16 py-8 md:py-10 xl:pt-16 xl:pb-0 bg-primary "> <div class="col-span-3 xl:col-span-4"> <div class="relative max-w-[260px] lg:max-w-none xl:mb-5 mx-auto lg:mx-0"> <img class="object-contain lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw" data-src="https://www.influencia.net/app/uploads/2024/05/couv46-347-463.jpg" alt="" > </div> </div> <div class="col-span-9 xl:col-span-8"> <div class="relative mt-8 lg:mt-0"> <div class="font-light font-title text-4xl xl:text-4.5xl mb-6"> <span class="uppercase has-slash mb-4 lg:mb-0"> [NUMÉRO ÉPUISÉ] REVUE #46 : DÉMOCRATIE, INFORMATION & PUBLICITÉ </span> </div> <p class=" lg:text-xl font-light"> (Cette revue reprend l’intégralité des interventions du Colloque « Démocratie, information et publicité » (23 avril 2024) organisé par l’Udecam et l’ACPM en partenariat avec INfluencia et présente les réflexions et les analyses de professionnels et d’experts des écosystèmes de la presse et de la publicité pour mieux appréhender les enjeux de la presse d’aujourd’hui et de demain pour notre démocratie. </p> <div class="flex flex-col lg:flex-row items-center mt-10"> <a class="inline-flex uppercase text-sm leading-normal text-black px-[22px] py-[18px] font-title border border-primary bg-primary hover:border-black transition-colors duration-300 lg:mr-6 xl:mr-8 border-black" href="">J'achète le numéro</a> <a class="inline-flex uppercase text-sm leading-normal text-black px-[22px] py-[18px] font-title border border-primary bg-primary hover:border-black transition-colors duration-300 mt-4 lg:mt-0 lg:mr-6 xl:mr-8 border-black" href="/mon-compte-abonnements">je m'abonne 1 an - 4 num.</a> <a class="inline-flex uppercase text-sm leading-normal text-black px-[22px] py-[18px] font-title border border-primary bg-primary hover:border-black transition-colors duration-300 mt-4 lg:mt-0 px-2 border-black border-t-0 border-l-0 border-r-0" href="">je découvre les numéros précédents</a> </div> <p class="mb-5 xl:mb-5 mt-5 xl:mt-5 text-center lg:text-left"> Je suis déjà abonné(e) : <a href="https://www.influencia.net/revue/revue-46-democratie-information-publicite/" class="underline">je consulte la revue en version digitale</a> </p> </div> </div> </section> </div> <div class="container py-10 text-center bg-white"> <p class="font-title uppercase text-[1.75rem] lg:text-[2.188rem] border-b border-gray-300 leading-[0.1rem]"> <span class="bg-white px-8">suivez-nous</span> </p> </div> <div class="socials-container container bg-white py-2 lg:py-4"> <div class="w-48 mx-auto flex items-center justify-center"> <a href="https://www.facebook.com/INfluenciatrendmag/" aria-label="Facebook" class="mx-2"> <svg class="w-[17px] h-[17px] lg:w-[20px] lg:h-[20px]" aria-hidden="true" focusable="false"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-facebook"/> </svg> </a> <a href="https://twitter.com/influencialemag" aria-label="Twitter" class="mx-2"> <svg class="w-[17px] h-[17px] lg:w-[20px] lg:h-[20px]" aria-hidden="true" focusable="false"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-twitter"/> </svg> </a> <a href="https://www.linkedin.com/company/influencia-le-trendmag-des-influences" aria-label="Linkedin" class="mx-2"> <svg class="w-[17px] h-[17px] lg:w-[20px] lg:h-[20px]" aria-hidden="true" focusable="false"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-linkedin"/> </svg> </a> </div> </div> <div class="text-center text-base lg:text-xl font-light"> <span class="text-primary">@</span>INfluencialemag </div> <div class="footer-logo mt-7 mb-5 xl:mt-10 xl:mb-8 flex justify-center"> <a href="https://www.influencia.net/" aria-label="Home" rel="home"> <svg class="w-[190px] h-[124px] lg:w-[238px] lg:h-[155px]" aria-hidden="true" focusable="false"> <use xlink:href="https://www.influencia.net/app/themes/hello-novius/static/dist/images/svg-defs.svg#icon-logo-black"/> </svg> </a> </div> <nav class="pb-28 mt-10"> <div class="container flex flex-wrap items-center justify-center gap-x-8 text-sm lg:text-base"> <span><a href="https://www.novius.com/" target="_blank">Agence web</a> : <a href="https://www.novius.com/" target="_blank">Novius</a></span> </div> </nav> </footer> <div class="js-sticky footer-sticky w-full z-[10] bg-black text-white " id="footer-sticky"> <div class="container"> <div class="grid grid-cols-12 gap-4 items-center"> <div class="col-span-8 md:col-span-9"> <p class="text-sm font-title">Pour comprendre les innovations Médias, Publicité, Marketing, abonnez-vous et accédez à tous les contenus INfluencia </p> </div> <div class="col-span-4 md:col-span-3 flex items-center justify-end"> <a class="inline-flex uppercase text-sm leading-normal text-black px-[22px] py-[18px] font-title border border-primary bg-primary hover:border-black transition-colors duration-300 px-2 py-1 md:px-8 border-black hover:bg-primary" href="https://www.influencia.net/mon-compte-abonnements/">JE M'ABONNE</a> </div> </div> </div> </div> <script type="text/javascript"> sp_track(); var ajaxurl = 'https://www.influencia.net/wp/wp-admin/admin-ajax.php'; </script> <script> const stripe_api_key_public = 'pk_live_51J2Y0aBytXWAJ119sKxXLuLz4bVPajz7d27KiAmneXRvmGuOIgftFD7rwlYcD7CCo2Ibg4p538WbQAPqqJ7jAWJu00F56S0N8L'; let stripe_session_create_url = '/stripe/checkout/session/create/'; </script> <script id="novius-scripts-js-extra"> var novius_translations = {"ready":"Pr\u00eat","processing":"En cours...","send":"Envoyer","reloading_page":"Recharger la page","refresh":"Rafra\u00eechir","go":"Valider","done":"Terminer","error_undefined":"Erreur"}; </script> <script src="https://www.influencia.net/app/themes/hello-novius/static/dist/js/app.js?ver=1.0.1" id="novius-scripts-js"></script> <script src="https://js.stripe.com/v3/?ver=1.0.1" id="novius-stripe-js"></script> </body> </html>

CINXE.COM

Archives des CULTURE - Page 80 of 96 - Influencia