Outiref

Code source de l'URL : http://laclaquefnac.com/

<!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 &quot;agitateur culturel&quot;, ç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 &quot;agitateur culturel&quot;, ç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&quot; color=&quot;#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&#039;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&#039;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&#039;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&ocirc;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 &eacute;veill&eacute;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&nbsp;</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="{&quot;tags&quot;:[]}"
>
    <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 &amp; 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={&quot;class&quot;:&quot;GridPaginated-grid&quot;,&quot;large&quot;:true,&quot;showPlaceholderIfNeeded&quot;:true,&quot;inverted&quot;:false} data-more-url=https://laclaquefnac.com/api/items?offset=8&amp;items=8&amp;class=GridPaginated-grid&amp;large=1&amp;showPlaceholderIfNeeded=1&amp;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&#039;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&#039;instant lire à la Fnac
                            </a>
                        </li>
                                            <li class="FooterMenu-subitem">
                            <a class="FooterMenu-sublink" href="/partenaires/linstant-fip-a-la-fnac">
                                L&#039;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&#039;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>