<!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>
