<!DOCTYPE html> <html lang="fr"> <head> <title> La Claque Fnac </title> <meta charset="UTF-8" /> <meta name="viewport" content="initial-scale=1.0, width=device-width"> <meta name="google" content="noimageindex"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@Fnac"> <meta name="author" content="Fnac"> <meta property="og:title" content="La Claque Fnac"> <meta name="twitter:title" content="La Claque Fnac"> <meta name="image" property="og:image" content="https://laclaquefnac.com/img/og-partage.png"> <meta name="twitter:image" content="https://laclaquefnac.com/img/og-partage.png"> <meta property="description" content="Parce qu’être "agitateur culturel", ça s’entretient… La Fnac lance La Claque Fnac. Un espace, une expérience numérique où la culture se lit, s’écoute et se voit… Bref, se vit ! Retrouvez tous vos artistes préférés en Interview, Live, rencontres, vidéos, Podcast." /> <meta property="og:description" content="Parce qu’être "agitateur culturel", ça s’entretient… La Fnac lance La Claque Fnac. Un espace, une expérience numérique où la culture se lit, s’écoute et se voit… Bref, se vit ! Retrouvez tous vos artistes préférés en Interview, Live, rencontres, vidéos, Podcast."> <script type="application/ld+json"> { "@context":"http://schema.org", "@type":"WebPage", "url":"https://laclaquefnac.com/", "specialty":"", "headline":"", "mainContentOfPage":"", "offers":""} </script> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="/assets/css/index.css"> </head> <body> <div id="root" class=""> <div class="page" data-page="Home" data-class="page" > <header class="Header"> <div class="Header-container"> <h1 class="Header-title"> <a class="Header-homeLink" href="/"> <img class="Header-logo" src="/img/logo-la-claque.png" alt="La Claque by fnac" /> </a> </h1> <div class="Header-left"> <button class="ToggleButton ButtonMenu" data-popover-id="menu" data-popover-disable-scroll > <span class="ToggleButton-span">menu</span> </button> </div> <div class="Header-right"> <div class="Header-icons"> <ul class="SocialLinks Header-socialLinks"> <li class="SocialLinks-item"> <a class="SocialLinks-link" href="https://www.facebook.com/Fnac" target="_blank" > <img class="SocialLinks-image" src="/img/icons/facebook.svg" alt="Facebook" /> </a> </li> <li class="SocialLinks-item"> <a class="SocialLinks-link" href="https://twitter.com/Fnac" target="_blank" > <img class="SocialLinks-image" src="/img/icons/twitter.svg" alt="Twitter" /> </a> </li> <li class="SocialLinks-item"> <a class="SocialLinks-link" href="https://www.instagram.com/fnac_officiel/" target="_blank" > <img class="SocialLinks-image" src="/img/icons/instagram.svg" alt="Instagram" /> </a> </li> </ul> <button class="ToggleButton ButtonSearch" data-popover-id="search" data-popover-disable-scroll > <span class="ToggleButton-span">search</span> </button> <a class="Button Button--small Button--golden LinkVisitFnac Header-linkVisitFnac, Header-linkVisitFnac--noText" href="https://www.fnac.com/#bl=CbyF" target="_blank"> <span>Fnac.com c'est par ici</span> <img class="LinkVisitFnac-logo" src="/img/logo-fnac.png" width="26" height="26" alt="fnac" /> <span class="Button-loadingContainer"> <span class="Loading Button-loadingIcon"> <span></span> <span></span> <span></span> </span> </span> </a> </div> <a class="Button Button--small Button--golden LinkVisitFnac Header-linkVisitFnac" href="https://www.fnac.com/#bl=CbyF" target="_blank"> <span>Fnac.com c'est par ici</span> <img class="LinkVisitFnac-logo" src="/img/logo-fnac.png" width="26" height="26" alt="fnac" /> <span class="Button-loadingContainer"> <span class="Loading Button-loadingIcon"> <span></span> <span></span> <span></span> </span> </span> </a> </div> </div> <div id="menu" class="HeaderPopover HeaderMenu"> <div class="HeaderPopover-body HeaderMenu-body"> <div class="HeaderPopover-container HeaderMenu-container"> <ul class="HeaderMenu-list"> <li> <a class="Title Title--medium Title--secondary Title--weight-bold HeaderMenu-link" href="/pages/la-claque-fnac-cest-quoi"> <span> La Claque Fnac c'est quoi ? </span> </a> </li> <li> <button type="button" class="Title Title--medium Title--secondary Title--weight-bold HeaderMenu-link HeaderMenu-button HeaderMenu-button--collapsed"> <span> En partenariat </span> </button> <ul class="HeaderMenu-sublist HeaderMenu-sublist--collapsed"> <li> <a class="Title Title--small Title--secondary Title--weight-bold HeaderMenu-sublink" href="/partenaires/linstant-lire-a-la-fnac"> L'instant lire à la Fnac </a> </li> <li> <a class="Title Title--small Title--secondary Title--weight-bold HeaderMenu-sublink" href="/partenaires/linstant-fip-a-la-fnac"> L'instant FIP à la Fnac </a> </li> <li> <a class="Title Title--small Title--secondary Title--weight-bold HeaderMenu-sublink" href="/partenaires/linstant-point-pop-a-la-fnac"> L’instant Point POP à la Fnac </a> </li> <li> <a class="Title Title--small Title--secondary Title--weight-bold HeaderMenu-sublink" href="/partenaires/kobo-by-fnac"> Kobo By Fnac </a> </li> </ul> </li> <li> <button type="button" class="Title Title--medium Title--secondary Title--weight-bold HeaderMenu-link HeaderMenu-button HeaderMenu-button--collapsed"> <span> LES PRIX LITTÉRAIRES FNAC </span> </button> <ul class="HeaderMenu-sublist HeaderMenu-sublist--collapsed"> <li> <a class="Title Title--small Title--secondary Title--weight-bold HeaderMenu-sublink" href="/prix/le-prix-bd-fnac-france-inter"> Le Prix BD Fnac France Inter </a> </li> <li> <a class="Title Title--small Title--secondary Title--weight-bold HeaderMenu-sublink" href="/prix/le-prix-goncourt-des-lyceens"> Le prix Goncourt des Lycéens </a> </li> </ul> </li> </ul> </div> </div> </div> <div id="search" class="HeaderPopover HeaderSearch"> <div class="HeaderPopover-body HeaderSearch-body"> <div class="HeaderPopover-container"> <div class="SearchWidget HeaderSearch" action="/search" method="get"> <h2 class="Title Title--medium Title--secondary Title--weight-bold SearchWidget-title"> Qu'est-ce qu'on peut faire pour vous ? </h2> <form class="SearchForm SearchWidget-formDesktop" action="/search" method="get" > <input class="Input SearchForm-input" placeholder="Vous cherchez un artiste, une vidéo, un podcast ?" name="q" type="search" autofocus value="" /> <button class="Button Button--medium Button--primary SearchForm-button" type="submit" > Et bam! <span class="Button-loadingContainer"> <span class="Loading Button-loadingIcon"> <span></span> <span></span> <span></span> </span> </span> </button> </form> <form class="SearchForm SearchWidget-formMobile" action="/search" method="get" > <input class="Input SearchForm-input" placeholder="Recherchez un artiste, un album, un évènement... ?" name="q" type="search" autofocus value="" /> <button class="Button Button--medium Button--primary SearchForm-button" type="submit" > Et bam! <span class="Button-loadingContainer"> <span class="Loading Button-loadingIcon"> <span></span> <span></span> <span></span> </span> </span> </button> </form></div> </div> </div> </div> </header> <main class="Main Home" id=""> <div class="Carousel swiper-container"> <div class="Carousel-wrapper swiper-wrapper"> <div class="Carousel-slide swiper-slide"> <img class="Carousel-image Carousel-image--desktop" src="/uploads/media/5fd9d63454df6_astier-laclaque-desktop-2800x1260px-logo2.jpg" /> <img class="Carousel-image Carousel-image--mobile" src="/uploads/media/5fd9cce8d13e8_astier-laclaque-mobil-640x850px.jpg" /> <div class="Carousel-content"> <div class="Carousel-description"> <p>Alexandre Astier : une B.O. pour le maestro !</p> </div> <span class="Button Button--medium Button--primary Carousel-button"> Découvrir la vidéo <span class="Button-loadingContainer"> <span class="Loading Button-loadingIcon"> <span></span> <span></span> <span></span> </span> </span> </span> </div> <a href="https://laclaquefnac.com/articles/alexandre-astier-une-b-o-pour-le-maestro" class="Carousel-link"></a> </div> <div class="Carousel-slide swiper-slide"> <img class="Carousel-image Carousel-image--desktop" src="/uploads/media/600055181bfc1_piketty-slider-2800x1260.jpg" /> <img class="Carousel-image Carousel-image--mobile" src="/uploads/media/600055f69f246_piketty-slidermob-640x850.jpg" /> <div class="Carousel-content"> <img class="Carousel-stamp" src="/img/stamps/face-au-monde--black@2x.png" width="250" /> <div class="Carousel-description"> <p>Thomas Piketty, des perspectives plutôt que des diagnostics</p> </div> <span class="Button Button--medium Button--primary Carousel-button"> Découvrir le podcast <span class="Button-loadingContainer"> <span class="Loading Button-loadingIcon"> <span></span> <span></span> <span></span> </span> </span> </span> </div> <a href="https://laclaquefnac.com/articles/thomas-piketty-des-perspectives-plutot-que-des-diagnostics" class="Carousel-link"></a> </div> <div class="Carousel-slide swiper-slide"> <img class="Carousel-image Carousel-image--desktop" src="/uploads/media/5fdc6dfd7936b_birkin-laclaque-desktop-2800x1260px-slider-logo2.jpg" /> <img class="Carousel-image Carousel-image--mobile" src="/uploads/media/5fdc755ed2ee9_birkin-laclaque-mobil-640x850pxavec.jpg" /> <div class="Carousel-content"> <div class="Carousel-description"> <p>Jane Birkin, chanteuse éveillée</p> </div> <span class="Button Button--medium Button--primary Carousel-button"> Découvrir la vidéo <span class="Button-loadingContainer"> <span class="Loading Button-loadingIcon"> <span></span> <span></span> <span></span> </span> </span> </span> </div> <a href="https://laclaquefnac.com/articles/jane-birkin-chanteuse-eveillee" class="Carousel-link"></a> </div> <div class="Carousel-slide swiper-slide"> <img class="Carousel-image Carousel-image--desktop" src="/uploads/media/6001658dee792_bablet-laclaque-desktop-2800x1260px.jpg" /> <img class="Carousel-image Carousel-image--mobile" src="/uploads/media/6000c5527e8c7_bablet-laclaque-mobil-640x850px.jpg" /> <div class="Carousel-content"> <img class="Carousel-stamp" src="/img/stamps/raconte-moi-un-dessin--black@2x.png" width="250" /> <div class="Carousel-description"> <p>Mathieu Bablet, la S-F dans la peau </p> </div> <span class="Button Button--medium Button--primary Carousel-button"> Découvrir la vidéo <span class="Button-loadingContainer"> <span class="Loading Button-loadingIcon"> <span></span> <span></span> <span></span> </span> </span> </span> </div> <a href="https://laclaquefnac.com/articles/mathieu-bablet-la-s-f-dans-la-peau" class="Carousel-link"></a> </div> <div class="Carousel-slide swiper-slide"> <img class="Carousel-image Carousel-image--desktop" src="/uploads/media/600163e592131_sapin-slider-2800x1260.jpg" /> <img class="Carousel-image Carousel-image--mobile" src="/uploads/media/600164248aaff_sapin-slidermob-640x850.jpg" /> <div class="Carousel-content"> <img class="Carousel-stamp" src="/img/stamps/infusion-fnac--black.png" width="250" /> <div class="Carousel-description"> <p>Mathieu Sapin, dessinateur des arcanes du pouvoir</p> </div> <span class="Button Button--medium Button--primary Carousel-button"> Découvrir le podcast <span class="Button-loadingContainer"> <span class="Loading Button-loadingIcon"> <span></span> <span></span> <span></span> </span> </span> </span> </div> <a href="https://laclaquefnac.com/articles/mathieu-sapin-dessinateur-des-arcanes-du-pouvoir" class="Carousel-link"></a> </div> </div> <div class="swiper-pagination"></div> <button class="swiper-button-prev"></button> <button class="swiper-button-next"></button> </div> <div class="Filters Home-filters swiper-container" data-filter-current="{"tags":[]}" > <div class="Filters-list Home-filtersList swiper-wrapper"> <div class="Filters-item swiper-slide"> <button class="Filter Filters-filter" style="background-color: #fff" data-filter-id=all> <span>Voir tout</span> </button> </div> <div class="Filters-item swiper-slide"> <button class="Filter Filter--dimmed Filters-filter" style="background-color: #FFB39A" data-filter-id=livres> <span>Livres</span> </button> </div> <div class="Filters-item swiper-slide"> <button class="Filter Filter--dimmed Filters-filter" style="background-color: #FFAFCD" data-filter-id=musique> <span>Musique</span> </button> </div> <div class="Filters-item swiper-slide"> <button class="Filter Filter--dimmed Filters-filter" style="background-color: #BBC4FD" data-filter-id=cinema-series> <span>Cinéma & Séries</span> </button> </div> <div class="Filters-item swiper-slide"> <button class="Filter Filter--dimmed Filters-filter" style="background-color: #88E4FA" data-filter-id=podcast> <span>Podcast</span> </button> </div> <div class="Filters-item swiper-slide"> <button class="Filter Filter--dimmed Filters-filter" style="background-color: #7AFD96" data-filter-id=spectacles> <span>SPECTACLES</span> </button> </div> <div class="Filters-item swiper-slide"> <button class="Filter Filter--dimmed Filters-filter" style="background-color: #F6C879" data-filter-id=actu> <span>Actu</span> </button> </div> </div> <button class="Filters-nav Filters-nav--prev"></button> <button class="Filters-nav Filters-nav--next"></button> </div> <div class="GridPaginated Home-grid"> <div class="Grid Grid--large Grid--count-8 GridPaginated-grid"> <a class="Card Card--small Card--templateSize-normal" href="/articles/mathieu-bablet-la-s-f-dans-la-peau" style="background-color: #FFB39A" > <div class="Card-container"> <img class="Card-image" src="/uploads/media/6000799f0f51c_bablet-laclaque-carre-1360x1360px.jpg" /> <div class="Card-wrapper"> <div class="Card-body"> <div class="Card-content"> <img class="Card-stamp" src="/img/stamps/raconte-moi-un-dessin--black@2x.png" /> </div> </div> <div class="Card-actions"> <span class="Card-more Card-more--image" href="/articles/mathieu-bablet-la-s-f-dans-la-peau" style="background-color: #FFB39A" > <span class="Card-span"> Mathieu Bablet </span> </span> </div> </div> </div> </a> <a class="Card Card--small Card--templateSize-normal" href="/articles/thomas-piketty-des-perspectives-plutot-que-des-diagnostics" style="background-color: #FFB39A" > <div class="Card-container"> <img class="Card-image" src="/uploads/media/5ff595d3d114b_piketty-mosaique-carre-1360x1360.jpg" /> <div class="Card-wrapper"> <div class="Card-body"> <div class="Card-content"> <img class="Card-stamp" src="/img/stamps/face-au-monde--black@2x.png" /> </div> </div> <div class="Card-actions"> <span class="Card-more Card-more--image" href="/articles/thomas-piketty-des-perspectives-plutot-que-des-diagnostics" style="background-color: #FFB39A" > <span class="Card-span"> Thomas Piketty </span> </span> </div> </div> </div> </a> <a class="Card Card--large Card--templateSize-normal" href="/articles/alexandre-astier-une-b-o-pour-le-maestro" style="background-color: #FFAFCD" > <div class="Card-container"> <img class="Card-image" src="/uploads/media/5fd8e2fc88c90_astier-laclaque-carre-1360x1360px-sans.jpg" /> <div class="Card-wrapper"> <div class="Card-body"> <div class="Card-content"> <img class="Card-stamp" src="/img/stamps/la-claque-itw--black@2x.png" /> </div> </div> <div class="Card-actions"> <span class="Card-more Card-more--image" href="/articles/alexandre-astier-une-b-o-pour-le-maestro" style="background-color: #FFAFCD" > <span class="Card-span"> Alexandre Astier </span> </span> </div> </div> </div> </a> <a class="Card Card--small Card--templateSize-normal" href="/articles/la-couleur-des-mots-le-createur-de-mots-hocine-ben" style="background-color: #88E4FA" > <div class="Card-container"> <img class="Card-image" src="/uploads/media/5ffee89fa1dff_hocine-ben-1360x1360-bis.jpg" /> <div class="Card-wrapper"> <div class="Card-body"> <div class="Card-content"> <img class="Card-stamp" src="/img/stamps/kobo--white@2x.png" /> </div> </div> <div class="Card-actions"> <span class="Card-more Card-more--image" href="/articles/la-couleur-des-mots-le-createur-de-mots-hocine-ben" style="background-color: #88E4FA" > <span class="Card-span"> Hocine Ben </span> </span> </div> </div> </div> </a> <a class="Card Card--medium Card--templateSize-normal" href="/articles/mathieu-sapin-dessinateur-des-arcanes-du-pouvoir" style="background-color: #88E4FA" > <div class="Card-container"> <img class="Card-image" src="/uploads/media/6001635014d1f_sapin-mosaiqueverticale-640x1360.jpg" /> <div class="Card-wrapper"> <div class="Card-body"> <div class="Card-content"> <img class="Card-stamp" src="/img/stamps/infusion-fnac--black.png" /> </div> </div> <div class="Card-actions"> <span class="Card-more Card-more--image" href="/articles/mathieu-sapin-dessinateur-des-arcanes-du-pouvoir" style="background-color: #88E4FA" > <span class="Card-span"> Mathieu Sapin </span> </span> </div> </div> </div> </a> <a class="Card Card--small Card--templateSize-normal" href="/articles/jane-birkin-chanteuse-eveillee" style="background-color: #FFAFCD" > <div class="Card-container"> <img class="Card-image" src="/uploads/media/5fda0e5faa8ba_birkin-laclaque-carre-1360x1360px.jpg" /> <div class="Card-wrapper"> <div class="Card-body"> <div class="Card-content"> <img class="Card-stamp" src="/img/stamps/la-claque-itw--black@2x.png" /> </div> </div> <div class="Card-actions"> <span class="Card-more Card-more--image" href="/articles/jane-birkin-chanteuse-eveillee" style="background-color: #FFAFCD" > <span class="Card-span"> Jane Birkin </span> </span> </div> </div> </div> </a> <a class="Card Card--small Card--templateSize-normal" href="/articles/la-couleur-des-mots-les-mots-du-voyage-diliana-holguin" style="background-color: #88E4FA" > <div class="Card-container"> <img class="Card-image" src="/uploads/media/5ffebc66e9e1c_iliana-holguin-1360x1360-bis.jpg" /> <div class="Card-wrapper"> <div class="Card-body"> <div class="Card-content"> <img class="Card-stamp" src="/img/stamps/kobo--white@2x.png" /> </div> </div> <div class="Card-actions"> <span class="Card-more Card-more--image" href="/articles/la-couleur-des-mots-les-mots-du-voyage-diliana-holguin" style="background-color: #88E4FA" > <span class="Card-span"> Iliana Holguin </span> </span> </div> </div> </div> </a> <a class="Card Card--small Card--templateSize-normal" href="/articles/la-couleur-des-mots-la-voix-de-sagesse-de-leonora-miano" style="background-color: #88E4FA" > <div class="Card-container"> <img class="Card-image" src="/uploads/media/5ffebc0f7642a_miano-leanora-1360x1360-bis.jpg" /> <div class="Card-wrapper"> <div class="Card-body"> <div class="Card-content"> <img class="Card-stamp" src="/img/stamps/kobo--white@2x.png" /> </div> </div> <div class="Card-actions"> <span class="Card-more Card-more--image" href="/articles/la-couleur-des-mots-la-voix-de-sagesse-de-leonora-miano" style="background-color: #88E4FA" > <span class="Card-span"> Leonora Miano </span> </span> </div> </div> </div> </a> </div> <button class="Button Button--medium Button--secondary Button--border GridPaginated-more" type="button" data-more-init={"class":"GridPaginated-grid","large":true,"showPlaceholderIfNeeded":true,"inverted":false} data-more-url=https://laclaquefnac.com/api/items?offset=8&items=8&class=GridPaginated-grid&large=1&showPlaceholderIfNeeded=1&inverted=1> Plus de contenus <span class="Button-loadingContainer"> <span class="Loading Button-loadingIcon"> <span></span> <span></span> <span></span> </span> </span> </button> </div> </main> <footer class="Footer"> <div class="Footer-container"> <ul class="SocialLinks Footer-socialLinks"> <li class="SocialLinks-item"> <a class="SocialLinks-link" href="https://www.facebook.com/Fnac" target="_blank" > <img class="SocialLinks-image" src="/img/icons/facebook.svg" alt="Facebook" /> </a> </li> <li class="SocialLinks-item"> <a class="SocialLinks-link" href="https://twitter.com/Fnac" target="_blank" > <img class="SocialLinks-image" src="/img/icons/twitter.svg" alt="Twitter" /> </a> </li> <li class="SocialLinks-item"> <a class="SocialLinks-link" href="https://www.instagram.com/fnac_officiel/" target="_blank" > <img class="SocialLinks-image" src="/img/icons/instagram.svg" alt="Instagram" /> </a> </li> </ul> <ul class="FooterMenu Footer-menu"> <li class="FooterMenu-item"> <a class="FooterMenu-link" href="/pages/la-claque-fnac-cest-quoi" data-popover-id="item-0"> <span>La Claque Fnac c'est quoi ?</span> </a> </li> <li class="FooterMenu-item"> <a class="FooterMenu-link" href="/partenaires" data-popover-id="item-1"> <span>En partenariat</span> <img class="FooterMenu-arrow" src="/img/icons/arrow-down.svg" width="32" height="32" /> </a> <ul class="FooterMenu-sublist" id="item-1"> <li class="FooterMenu-subitem"> <a class="FooterMenu-sublink" href="/partenaires/linstant-lire-a-la-fnac"> L'instant lire à la Fnac </a> </li> <li class="FooterMenu-subitem"> <a class="FooterMenu-sublink" href="/partenaires/linstant-fip-a-la-fnac"> L'instant FIP à la Fnac </a> </li> <li class="FooterMenu-subitem"> <a class="FooterMenu-sublink" href="/partenaires/linstant-point-pop-a-la-fnac"> L’instant Point POP à la Fnac </a> </li> <li class="FooterMenu-subitem"> <a class="FooterMenu-sublink" href="/partenaires/kobo-by-fnac"> Kobo By Fnac </a> </li> </ul> </li> <li class="FooterMenu-item"> <span class="FooterMenu-link" data-popover-id="item-2"> <span>LES PRIX LITTÉRAIRES FNAC</span> <img class="FooterMenu-arrow" src="/img/icons/arrow-down.svg" width="32" height="32" /> </span> <ul class="FooterMenu-sublist" id="item-2"> <li class="FooterMenu-subitem"> <a class="FooterMenu-sublink" href="/prix/le-prix-bd-fnac-france-inter"> Le Prix BD Fnac France Inter </a> </li> <li class="FooterMenu-subitem"> <a class="FooterMenu-sublink" href="/prix/le-prix-goncourt-des-lyceens"> Le prix Goncourt des Lycéens </a> </li> </ul> </li> </ul> <div class="Footer-flexContainer"> <form id="footer" class="FormNewsletter FooterForm Footer-form" action="/api/newsletter" method="post" > <div class=""> <label class="FormNewsletter-label FooterForm-label" for="footer-email"> <span class="FormNewsletter-span FooterForm-span"> Pour ne rien rater de La Claque, inscrivez-vous </span> </label> <div class="InputWithButtonOk FormNewsletter-input FooterForm-input" > <div class="InputWithButtonOk-container"> <input class="InputWithButtonOk-input" placeholder="Entrez votre adresse email…" required type="email" name="email" id="footer-email" /> <button class="Button Button--small Button--primary Button--uppercase FormNewsletter-input FooterForm-input" type="submit" > Ok <span class="Button-loadingContainer"> <span class="Loading Button-loadingIcon"> <span></span> <span></span> <span></span> </span> </span> </button> </div> <span class="ErrorMessage InputWithButtonOk-errorMessage"> </span></div> </div> <div class="CheckboxWithLabel FormNewsletter-checkbox FooterForm-checkbox" > <input class="CheckboxWithLabel-input" type="checkbox" required name="rgpd" id="footer-rgpd" /> <label class="CheckboxWithLabel-icon" for="footer-rgpd" ></label> <span class="CheckboxWithLabel-labelContainer"> <label class="CheckboxWithLabel-label" for="footer-rgpd" > J’accepte de recevoir du contenu de la part de la Claque Fnac </label> <span class="ErrorMessage CheckboxWithLabel-errorMessage"> </span> </span> </div></form> <ul class="FooterLinks"> <li class="FooterLinks-item"> <a class="FooterLinks-link" href="/pages/mentions-legales"> Mentions légales </a> </li> <li class="FooterLinks-item"> <a class="FooterLinks-link" href="/pages/conditions-generales-dutilisation"> Conditions générales d'utilisation </a> </li> </ul> </div> <button class="Button Button--small Button--primary ButtonGoToTop Footer-buttonGoToTo" type="button" data-scroll-to-top=true> <span>Haut de page</span> <img class="ButtonGoToTop-icon" src="/img/icons/arrow-up.svg" with="32" height="32" /> <span class="Button-loadingContainer"> <span class="Loading Button-loadingIcon"> <span></span> <span></span> <span></span> </span> </span> </button> <a class="Button Button--small Button--golden LinkVisitFnac Footer-linkVisitFnac" href="https://www.fnac.com/#bl=CbyF" target="_blank"> <span>Fnac.com c'est par ici</span> <img class="LinkVisitFnac-logo" src="/img/logo-fnac.png" width="26" height="26" alt="fnac" /> <span class="Button-loadingContainer"> <span class="Loading Button-loadingIcon"> <span></span> <span></span> <span></span> </span> </span> </a> </div> <div class="Footer-logoContainer"> <a href="https://www.fnac.com/" target="_blank"> <img class="Footer-logo" src="/img/logo-fnac.png" width="50" height="50" alt="fnac" /> </a> </div> </footer> </div> </div> <div id="share" class="Popin PopinShare" data-popin > <div class="Popin-wrapper"> <div class="Popin-container"> <div class="Popin-content PopinShare-content"> <button class="Popin-closeButton" data-popin-close> <img src="/img/icons/close.svg" width="32" height="32" /> </button> <h2 class="Title Title--medium Title--secondary Title--weight-bold PopinShare-title"> Partager </h2> <ul class="PopinShare-list"> <li class="PopinShare-item"> <a class="PopinShare-link" href="https://www.facebook.com/sharer/sharer.php?u=" target="_blank" > <img class="PopinShare-icon" src="/img/icons/facebook.svg" /> <span class="PopinShare-label" > Facebook </span> </a> </li> <li class="PopinShare-item"> <a class="PopinShare-link" href="https://twitter.com/intent/tweet?text=" target="_blank" > <img class="PopinShare-icon" src="/img/icons/twitter.svg" /> <span class="PopinShare-label" > Twitter </span> </a> </li> </ul> </div> </div> </div> </div> <div id="popin-newsletter" class="Popin PopinNewsletter" data-popin > <div class="Popin-wrapper"> <div class="Popin-container"> <div class="Popin-content PopinNewsletter-content"> <button class="Popin-closeButton" data-popin-close> <img src="/img/icons/close.svg" width="32" height="32" /> </button> <form id="popin" class="FormNewsletter PopinNewsletter-form" action="/api/newsletter" method="post" > <div class="PopinNewsletter-container"> <label class="FormNewsletter-label PopinNewsletter-label" for="popin-email"> <span class="FormNewsletter-span PopinNewsletter-span"> Pour ne rien rater de La Claque, inscrivez-vous </span> </label> <div class="InputWithButtonOk FormNewsletter-input PopinNewsletter-input" > <div class="InputWithButtonOk-container"> <input class="InputWithButtonOk-input" placeholder="Entrez votre adresse email…" required type="email" name="email" id="popin-email" /> <button class="Button Button--small Button--primary Button--uppercase FormNewsletter-input PopinNewsletter-input" type="submit" > Ok <span class="Button-loadingContainer"> <span class="Loading Button-loadingIcon"> <span></span> <span></span> <span></span> </span> </span> </button> </div> <span class="ErrorMessage InputWithButtonOk-errorMessage"> </span></div> </div> <div class="CheckboxWithLabel FormNewsletter-checkbox PopinNewsletter-checkbox" > <input class="CheckboxWithLabel-input" type="checkbox" required name="rgpd" id="popin-rgpd" /> <label class="CheckboxWithLabel-icon" for="popin-rgpd" ></label> <span class="CheckboxWithLabel-labelContainer"> <label class="CheckboxWithLabel-label" for="popin-rgpd" > J’accepte de recevoir du contenu de la part de la Claque Fnac </label> <span class="ErrorMessage CheckboxWithLabel-errorMessage"> </span> </span> </div></form> </div> </div> </div> </div> <div id="toast" class="Toast"> <img class="Toast-icon" src="/img/icons/check-circle.svg" /> <div class="Toast-content"> <strong class="Toast-title"></strong> <p class="Toast-message"></p> </div> </div> <aside class="CookiesConsent"> <div class="CookiesConsent-content"> <p class="CookiesConsent-text"> Nous utilisons des cookies et technologies similaires tiers ou non pour améliorer votre expérience, la diffusion des contenus et publicités personnalisés par notre enseigne ou par des partenaires au regard de vos centres d’intérêts, effectuer des études afin d’optimiser nos offres. En cliquant sur « Accepter », vous acceptez le stockage de cookies sur votre appareil. <a href="http://laclaquefnac.com/pages/conditions-generales-dutilisation">En savoir plus</a> </p> <div class="CookiesConsent-buttons"> <button class="CookiesConsent-acceptButton" data-action="accept" type="button">Accepter</button> <button class="CookiesConsent-refuseButton" data-action="deny" type="button">Refuser</button> </div> </div> </aside> <script src="/assets/js/app.js"></script> <script> window.NEWS_TAG_SLUG = 'actu'; </script> </body> </html>