<!doctype html>
<html
lang="fr"
data-referer=""
>
<head>
<!-- Google Tag Manager -->
<script>
(
function(w, d, s, l, i){
w[l] = w[l] || [];
w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});
var f=d.getElementsByTagName(s)[0];
var j=d.createElement(s);
var dl=l!='dataLayer'?'&l='+l:'';
j.async=true;
j.src='https://bd.9e-store.fr/mnfojg74e4fcmjz.js?aw='+i.replace(/^GTM-/, '')+dl;
f.parentNode.insertBefore(j,f);
}
) (window, document, 'script', 'dataLayer', 'GTM-N7LVG3W');
</script>
<!-- End Google Tag Manager -->
<script>
window.sentryOnLoad = function () {
Sentry.init({ tracesSampleRate: 0.05, release: "v71.1", environment: "prod" })
};
</script>
<script src="https://js.sentry-cdn.com/27d3b4c49c71a3b74b4219a856d6d090.min.js" crossorigin="anonymous"></script>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Découvrez toute notre offre de BD, Manga, Comics et d’objets de collection de vos univers préférés. 9ème Store regroupe l’offre Collector BD" />
<meta property="og:locale" content="fr_FR" />
<meta property="og:site_name" content="9ᵉ Store accueille Collector BD" />
<meta property="og:title" content=" Le spécialiste des univers BD, mangas, comics et objets de collection - 9ᵉ Store accueille Collector BD " />
<meta property="og:description" content="Découvrez toute notre offre de BD, Manga, Comics et d’objets de collection de vos univers préférés. 9ème Store regroupe l’offre Collector BD" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://9e-store.fr/" />
<meta property="og:image" content="https://9e-store.fr/build/images/generic/logo_9estore.svg" />
<meta property="og:image:width" content="1024" />
<meta property="og:image:height" content="1024" />
<meta property="og:image:alt" content="logo 9ᵉ Store" />
<meta name="facebook-domain-verification" content="8xjfly6urayh5ztfwy9n7bx0r9zhfe" />
<link rel="canonical" href="https://9e-store.fr/" />
<link rel="apple-touch-icon" sizes="180x180" href="/build/images/favicon/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/build/images/favicon/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="192x192" href="/build/images/favicon/android-chrome-192x192.png" />
<link rel="icon" type="image/png" sizes="512x512" href="/build/images/favicon/android-chrome-512x512.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/build/images/favicon/favicon-16x16.png" />
<link rel="shortcut icon" href="/build/images/favicon/favicon.ico" />
<title>
Le spécialiste des univers BD, mangas, comics et objets de collection - 9ᵉ Store accueille Collector BD
</title>
<link rel="stylesheet" type="text/css" href="/build/css/app.f8ef5561.css" />
</head>
<body class="max-w-[1920px] mx-auto bg-Utilities-Card-Surface" >
<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe
src="https://bd.9e-store.fr/ns.html?id=GTM-N7LVG3W"
height="0"
width="0"
style="display:none;visibility:hidden"
>
</iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
<div
data-analytics-container
data-analytics-endpoint-uri="/analytics/event"
data-content-type="homepage" ></div>
<header class="w-full h-16 px-m bg-Utilities-Card-Surface shadow justify-between items-center gap-m inline-flex">
<img class="menu:hidden" src="/build/images/generic/LogoContainerSmall.svg" alt="default_title" />
<img class="min-w-24 hidden menu:!inline-block" src="/build/images/generic/LogoContainerLarge.svg" alt="default_title" />
<nav id="header__menu__mobile" class="hidden menu:hidden fixed z-20 top-0 left-0 w-full h-dvh p-1 bg-black/25 overflow-y-auto">
<div class="py-s px-m rounded bg-accent-100 shadow-card animate-zoom-in">
<div id="header__menu__mobile__level__one">
<div class="flex justify-between items-start">
<h3 class="h3">Menu</h3>
<button id="header__button__close__menu__mobile" class="self-baseline shrink-0 -mr-2 rounded-full size-10 grid place-items-center active:bg-Grey-ExtraExtraLight">
<i class="rotate-45 z-10 cursor-pointer" data-lucide=circle-plus></i>
</button>
</div>
<ul class="flex flex-col">
<li class="h-16 px-4 flex-col justify-center items-center gap-4 inline-flex">
<span id="header__menu__item__mobile__6bd33544-c54f-4354-959c-800e5e5b8716" data-target="header__menu__mobile__level__two__6bd33544-c54f-4354-959c-800e5e5b8716" class="relative text-Utilities-Text-Primary text-xs text-nowrap font-bold font-sans uppercase underline-offset-4 cursor-pointer active:underline active:decoration-Grey-ExtraDark active:decoration-2">
PERSONNAGES
</span>
</li>
<li class="h-16 px-4 flex-col justify-center items-center gap-4 inline-flex">
<span id="header__menu__item__mobile__f8f04397-0771-465e-a902-0d8859e53f76" data-target="header__menu__mobile__level__two__f8f04397-0771-465e-a902-0d8859e53f76" class="relative text-Utilities-Text-Primary text-xs text-nowrap font-bold font-sans uppercase underline-offset-4 cursor-pointer active:underline active:decoration-Grey-ExtraDark active:decoration-2">
BD
</span>
</li>
<li class="h-16 px-4 flex-col justify-center items-center gap-4 inline-flex">
<span id="header__menu__item__mobile__20415c32-5caa-4730-8a09-7dbe7aaf19d5" data-target="header__menu__mobile__level__two__20415c32-5caa-4730-8a09-7dbe7aaf19d5" class="relative text-Utilities-Text-Primary text-xs text-nowrap font-bold font-sans uppercase underline-offset-4 cursor-pointer active:underline active:decoration-Grey-ExtraDark active:decoration-2">
Manga
</span>
</li>
<li class="h-16 px-4 flex-col justify-center items-center gap-4 inline-flex">
<span id="header__menu__item__mobile__f2d00d9f-0364-4150-9551-98c848f82dc6" data-target="header__menu__mobile__level__two__f2d00d9f-0364-4150-9551-98c848f82dc6" class="relative text-Utilities-Text-Primary text-xs text-nowrap font-bold font-sans uppercase underline-offset-4 cursor-pointer active:underline active:decoration-Grey-ExtraDark active:decoration-2">
COMICS
</span>
</li>
<li class="h-16 px-4 flex-col justify-center items-center gap-4 inline-flex">
<span id="header__menu__item__mobile__cca35cc7-ee5c-4969-81d6-de1809523f95" data-target="header__menu__mobile__level__two__cca35cc7-ee5c-4969-81d6-de1809523f95" class="relative text-Utilities-Text-Primary text-xs text-nowrap font-bold font-sans uppercase underline-offset-4 cursor-pointer active:underline active:decoration-Grey-ExtraDark active:decoration-2">
OBJETS DE COLLECTION
<img class="w-4 absolute -top-2 -right-4" src="/build/images/generic/star.svg">
</span>
</li>
<li class="h-16 px-4 flex-col justify-center items-center gap-4 inline-flex">
<span id="header__menu__item__mobile__aaf8c0c3-066a-47b9-bca9-648ce81bc706" data-target="header__menu__mobile__level__two__aaf8c0c3-066a-47b9-bca9-648ce81bc706" class="relative text-Utilities-Text-Primary text-xs text-nowrap font-bold font-sans uppercase underline-offset-4 cursor-pointer active:underline active:decoration-Grey-ExtraDark active:decoration-2">
FIGURINES
</span>
</li>
<li class="h-16 px-4 flex-col justify-center items-center gap-4 inline-flex">
<span id="header__menu__item__mobile__63e52e6e-3808-4cb7-b161-6d742e12c600" data-target="header__menu__mobile__level__two__63e52e6e-3808-4cb7-b161-6d742e12c600" class="relative text-Utilities-Text-Primary text-xs text-nowrap font-bold font-sans uppercase underline-offset-4 cursor-pointer active:underline active:decoration-Grey-ExtraDark active:decoration-2">
NOUVEAUTÉS
</span>
</li>
<li class="h-16 px-4 flex-col justify-center items-center gap-4 inline-flex">
<span id="header__menu__item__mobile__37e8b1ac-121a-474c-af48-95dc2db2f77b" data-target="header__menu__mobile__level__two__37e8b1ac-121a-474c-af48-95dc2db2f77b" class="relative text-Utilities-Text-Primary text-xs text-nowrap font-bold font-sans uppercase underline-offset-4 cursor-pointer active:underline active:decoration-Grey-ExtraDark active:decoration-2">
PROMOTIONS
</span>
</li>
</ul>
</div>
<div id="header__menu__mobile__level__two__6bd33544-c54f-4354-959c-800e5e5b8716" class="hidden space-y-l mb-l-xl animate-fade-in">
<div class="flex justify-between items-center">
<div class="flex gap-m">
<button type="button" id="header__button__back__menu__mobile__6bd33544-c54f-4354-959c-800e5e5b8716" class="grid place-items-center p-s size-10 rounded border bg-Utilities-Card-Surface hover:bg-accent-400 active:bg-accent-400">
<i class="size-5" data-lucide=chevron-left></i>
</button>
<h3 class="h3">PERSONNAGES</h3>
</div>
<button id="header__button__close__menu__mobile" class="self-baseline shrink-0 -mr-2 rounded-full size-10 grid place-items-center active:bg-Grey-ExtraExtraLight">
<i class="rotate-45 z-10 cursor-pointer" data-lucide=circle-plus></i>
</button>
</div>
<div class="flex flex-col items-center gap-l-xl w-fit mx-auto">
<ul class="grid grid-cols-2 gap-x-l gap-y-l-xl self-start">
<li class="flex flex-col gap-m w-40 flex-grow">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400 !text-wrap"
href="/personnages-et-univers"
>
BD</a>
<ul class="flex flex-col gap-s">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/asterix-3"
>
Astérix</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/blake-et-mortimer"
>
Blake et Mortimer</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/gaston-lagaffe"
>
Gaston Lagaffe</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/largo-winch"
>
Largo Winch</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/schtroumpfs"
>
Les Schtroumpfs</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/les-tuniques-bleues"
>
Les Tuniques Bleues</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/lucky-luke"
>
Lucky Luke</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/marsupilami"
>
Marsupilami</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/michel-vaillant"
>
Michel Vaillant</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/spirou-et-fantasio"
>
Spirou et Fantasio</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/thorgal"
>
Thorgal</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/tintin-3"
>
Tintin</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/personnages-et-univers"
>
Tous les univers
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
<li class="flex flex-col gap-m w-40 flex-grow">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400 !text-wrap"
href="/personnages-et-univers"
>
MANGA</a>
<ul class="flex flex-col gap-s">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/assassination-classroom"
>
Assassination Classroom</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/black-butler"
>
Black Butler</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/naruto"
>
Naruto</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/death-note"
>
Death Note</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/detective-conan"
>
Detective Conan</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/gundam"
>
Gundam</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/hunter-x-hunter"
>
Hunter x Hunter</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/kagurabachi"
>
Kagurabachi</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/one-piece"
>
One Piece</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/saint-seiya-chevaliers-du-zodiaque"
>
Saint Seiya</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/slam-dunk"
>
Slam Dunk</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/personnages-et-univers"
>
Tous les univers
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
<li class="flex flex-col gap-m w-40 flex-grow">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400 !text-wrap"
href="/personnages-et-univers"
>
COMICS</a>
<ul class="flex flex-col gap-s">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/batman"
>
Batman</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/harley-quinn"
>
Harley Quinn</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/joker-1"
>
Joker</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/superman"
>
Superman</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/watchmen"
>
Watchmen</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/wonder-woman"
>
Wonder Woman</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/personnages-et-univers"
>
Tous les univers
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
</ul>
</div>
</div>
<div id="header__menu__mobile__level__two__f8f04397-0771-465e-a902-0d8859e53f76" class="hidden space-y-l mb-l-xl animate-fade-in">
<div class="flex justify-between items-center">
<div class="flex gap-m">
<button type="button" id="header__button__back__menu__mobile__f8f04397-0771-465e-a902-0d8859e53f76" class="grid place-items-center p-s size-10 rounded border bg-Utilities-Card-Surface hover:bg-accent-400 active:bg-accent-400">
<i class="size-5" data-lucide=chevron-left></i>
</button>
<h3 class="h3">BD</h3>
</div>
<button id="header__button__close__menu__mobile" class="self-baseline shrink-0 -mr-2 rounded-full size-10 grid place-items-center active:bg-Grey-ExtraExtraLight">
<i class="rotate-45 z-10 cursor-pointer" data-lucide=circle-plus></i>
</button>
</div>
<div class="flex flex-col items-center gap-l-xl w-fit mx-auto">
<ul class="grid grid-cols-2 gap-x-l gap-y-l-xl self-start">
<li class="flex flex-col gap-m w-40 flex-grow">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400 !text-wrap"
href="/personnages-et-univers"
>
Univers</a>
<ul class="flex flex-col gap-s">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/asterix-3"
>
Astérix</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/blake-et-mortimer"
>
Blake et Mortimer</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/gaston-lagaffe"
>
Gaston Lagaffe</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/largo-winch"
>
Largo Winch</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/schtroumpfs"
>
Les Schtroumpfs</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/les-tuniques-bleues"
>
Les Tuniques Bleues</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/lucky-luke"
>
Lucky Luke</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/marsupilami"
>
Marsupilami</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/michel-vaillant"
>
Michel Vaillant</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/spirou-et-fantasio"
>
Spirou et Fantasio</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/thorgal"
>
Thorgal</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/tintin-3"
>
Tintin</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/personnages-et-univers"
>
Tous les univers
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
<li class="flex flex-col gap-m w-40 flex-grow">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400 !text-wrap"
href="/auteurs"
>
Auteur incontournables</a>
<ul class="flex flex-col gap-s">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/auteurs/cauvin"
>
Cauvin </a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/auteurs/edgar-p-jacobs"
>
Edgar P. Jacobs</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/auteurs/franquin"
>
Franquin</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/auteurs/goscinny"
>
Goscinny</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/auteurs/jean-graton"
>
Jean Graton</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/auteurs/grzegorz-rosinski"
>
Grzegorz Rosiński</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/auteurs/herge"
>
Hergé</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/auteurs/pratt"
>
Hugo Pratt</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/auteurs/jean-giraud"
>
Jean Giraud - Moëbius</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/auteurs/jean-van-hamme"
>
Jean Van Hamme</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/auteurs/lambil"
>
Lambil</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/auteurs/peyo"
>
Peyo</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/auteurs"
>
Tous les auteurs
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
<li class="flex flex-col gap-m w-40 flex-grow">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400 !text-wrap"
href="/bd-meilleures-ventes"
>
MEILLEURES VENTES</a>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/bd-meilleures-ventes"
>
Toutes nos meilleures ventes BD
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
</ul>
</div>
</div>
<div id="header__menu__mobile__level__two__20415c32-5caa-4730-8a09-7dbe7aaf19d5" class="hidden space-y-l mb-l-xl animate-fade-in">
<div class="flex justify-between items-center">
<div class="flex gap-m">
<button type="button" id="header__button__back__menu__mobile__20415c32-5caa-4730-8a09-7dbe7aaf19d5" class="grid place-items-center p-s size-10 rounded border bg-Utilities-Card-Surface hover:bg-accent-400 active:bg-accent-400">
<i class="size-5" data-lucide=chevron-left></i>
</button>
<h3 class="h3">Manga</h3>
</div>
<button id="header__button__close__menu__mobile" class="self-baseline shrink-0 -mr-2 rounded-full size-10 grid place-items-center active:bg-Grey-ExtraExtraLight">
<i class="rotate-45 z-10 cursor-pointer" data-lucide=circle-plus></i>
</button>
</div>
<div class="flex flex-col items-center gap-l-xl w-fit mx-auto">
<ul class="grid grid-cols-2 gap-x-l gap-y-l-xl self-start">
<li class="flex flex-col gap-m w-40 flex-grow">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400 !text-wrap"
href="/personnages-et-univers"
>
Univers</a>
<ul class="flex flex-col gap-s">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/assassination-classroom"
>
Assassination Classroom</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/black-butler"
>
Black Butler</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/naruto"
>
Naruto</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/death-note"
>
Death Note</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/detective-conan"
>
Detective Conan</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/gundam"
>
Gundam</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/hunter-x-hunter"
>
Hunter x Hunter</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/kagurabachi"
>
Kagurabachi</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/one-piece"
>
One Piece</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/saint-seiya-chevaliers-du-zodiaque"
>
Saint Seiya</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/slam-dunk"
>
Slam Dunk</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/personnages-et-univers"
>
Tous les univers
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
<li class="flex flex-col gap-m w-40 flex-grow">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400 !text-wrap"
href="/auteurs"
>
Auteurs</a>
<ul class="flex flex-col gap-s">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/auteurs/gosho-aoyama"
>
Gosho Aoyama</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/auteurs/inio-asano"
>
Inio Asano</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/auteurs/jiro-taniguchi"
>
Jiro Taniguchi</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/auteurs/leiji-matsumoto"
>
Leiji Matsumoto</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/auteurs/masashi-kishimoto"
>
Masashi Kishimoto</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/auteurs/mikio-ikemoto"
>
Mikio Ikemoto</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/auteurs/naoki-urasawa"
>
Naoki Urasawa</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/auteurs/taiyo-matsumoto"
>
Taiyo Matsumoto</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/auteurs/yana-toboso"
>
Yana Toboso</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/auteurs/yoshihiro-togashi"
>
Yoshihiro Togashi</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/auteurs/yusei-matsui"
>
Yusei Matsui</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/auteurs"
>
Tous les auteurs
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
<li class="flex flex-col gap-m w-40 flex-grow">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400 !text-wrap"
href="/manga-meilleures-ventes"
>
MEILLEURES VENTES</a>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/manga-meilleures-ventes"
>
Toutes nos meilleures ventes Manga
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
</ul>
</div>
</div>
<div id="header__menu__mobile__level__two__f2d00d9f-0364-4150-9551-98c848f82dc6" class="hidden space-y-l mb-l-xl animate-fade-in">
<div class="flex justify-between items-center">
<div class="flex gap-m">
<button type="button" id="header__button__back__menu__mobile__f2d00d9f-0364-4150-9551-98c848f82dc6" class="grid place-items-center p-s size-10 rounded border bg-Utilities-Card-Surface hover:bg-accent-400 active:bg-accent-400">
<i class="size-5" data-lucide=chevron-left></i>
</button>
<h3 class="h3">COMICS</h3>
</div>
<button id="header__button__close__menu__mobile" class="self-baseline shrink-0 -mr-2 rounded-full size-10 grid place-items-center active:bg-Grey-ExtraExtraLight">
<i class="rotate-45 z-10 cursor-pointer" data-lucide=circle-plus></i>
</button>
</div>
<div class="flex flex-col items-center gap-l-xl w-fit mx-auto">
<ul class="grid grid-cols-2 gap-x-l gap-y-l-xl self-start">
<li class="flex flex-col gap-m w-40 flex-grow">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400 !text-wrap"
href="/personnages-et-univers"
>
Univers</a>
<ul class="flex flex-col gap-s">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/batman"
>
Batman</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/dc-comics"
>
DC universe</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/energon-universe"
>
Energon Universe</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/fables"
>
Fables</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/flash"
>
Flash</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/indies"
>
Indies</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/justice-league-1"
>
Justice League</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/nightwing"
>
Nightwing</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/sin-city"
>
Sin City</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/superman"
>
Superman</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/watchmen"
>
Watchmen</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/wonder-woman"
>
Wonder Woman</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/personnages-et-univers"
>
Tous les univers
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
<li class="flex flex-col gap-m w-40 flex-grow">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400 !text-wrap"
href="/auteurs"
>
Auteurs</a>
<ul class="flex flex-col gap-s">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/auteurs/alan-moore"
>
Alan Moore</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/auteurs/ed-brubaker"
>
Ed Brubaker</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/auteurs/frank-miller"
>
Frank Miller</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/auteurs/garth-ennis"
>
Garth Ennis</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/auteurs/geoff-johns"
>
Geoff Johns</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/auteurs/grant-morrison"
>
Grant Morrison</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/auteurs/jack-kirby"
>
Jack Kirby</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/auteurs/jim-lee"
>
Jim Lee</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/auteurs/neil-gaiman"
>
Neil Gaiman</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/auteurs/paul-dini"
>
Paul Dini</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/auteurs/scott-snyder"
>
Scott Snyder</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/auteurs/tom-king"
>
Tom King</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/auteurs"
>
Tous les auteurs
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
<li class="flex flex-col gap-m w-40 flex-grow">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400 !text-wrap"
href="/comics-meilleures-ventes"
>
MEILLEURES VENTES</a>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/comics-meilleures-ventes"
>
Nos meilleures ventes Comics
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
</ul>
</div>
</div>
<div id="header__menu__mobile__level__two__cca35cc7-ee5c-4969-81d6-de1809523f95" class="hidden space-y-l mb-l-xl animate-fade-in">
<div class="flex justify-between items-center">
<div class="flex gap-m">
<button type="button" id="header__button__back__menu__mobile__cca35cc7-ee5c-4969-81d6-de1809523f95" class="grid place-items-center p-s size-10 rounded border bg-Utilities-Card-Surface hover:bg-accent-400 active:bg-accent-400">
<i class="size-5" data-lucide=chevron-left></i>
</button>
<h3 class="h3">OBJETS DE COLLECTION</h3>
</div>
<button id="header__button__close__menu__mobile" class="self-baseline shrink-0 -mr-2 rounded-full size-10 grid place-items-center active:bg-Grey-ExtraExtraLight">
<i class="rotate-45 z-10 cursor-pointer" data-lucide=circle-plus></i>
</button>
</div>
<div class="flex flex-col items-center gap-l-xl w-fit mx-auto">
<ul class="grid grid-cols-2 gap-x-l gap-y-l-xl self-start">
<li class="flex flex-col gap-m w-40 flex-grow">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400 !text-wrap"
href="/images"
>
Images</a>
<ul class="flex flex-col gap-s">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/affiches"
>
Affiches</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/plaques-decoratives"
>
Plaques décoratives</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/portfolios"
>
Portfolios</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/serigraphies"
>
Sérigraphies</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/tirages-d-art"
>
Tirages d'art</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/toiles-et-tableaux"
>
Toiles et tableaux</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/images"
>
Toutes les images
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
<li class="flex flex-col gap-m w-40 flex-grow">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400 !text-wrap"
href="/objets-de-collection"
>
Objets</a>
<ul class="flex flex-col gap-s">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/monnaie-et-billets"
>
Monnaie et billets</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/montres"
>
Montres</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/peluches"
>
Peluches</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/porte-cles"
>
Porte clés</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/puzzles"
>
Puzzles</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/vetements"
>
Vêtements</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/objets-de-collection"
>
Toutes les objets
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
<li class="flex flex-col gap-m w-40 flex-grow">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400 !text-wrap"
href="/livres-de-collection"
>
Livres</a>
<ul class="flex flex-col gap-s">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/beaux-livres-3"
>
Beaux livres</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/integrales-et-coffrets"
>
Intégrales et coffrets</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/tirages-de-luxe"
>
Tirages de luxe</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/livres-de-collection"
>
Toutes les livres
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
<li class="flex flex-col gap-m w-40 flex-grow">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400 !text-wrap"
href="/fabricants"
>
Fabricants</a>
<ul class="flex flex-col gap-s">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/attakus"
>
Attakus</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/editions-black-white"
>
Black and White</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/fariboles"
>
Fariboles</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/lmz-collectibles"
>
LMZ Collectibles</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/pixi"
>
Pixi</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/tintinimaginatio"
>
Tintinimaginatio</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/fabricants"
>
Toutes les fabricants
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
</ul>
</div>
</div>
<div id="header__menu__mobile__level__two__aaf8c0c3-066a-47b9-bca9-648ce81bc706" class="hidden space-y-l mb-l-xl animate-fade-in">
<div class="flex justify-between items-center">
<div class="flex gap-m">
<button type="button" id="header__button__back__menu__mobile__aaf8c0c3-066a-47b9-bca9-648ce81bc706" class="grid place-items-center p-s size-10 rounded border bg-Utilities-Card-Surface hover:bg-accent-400 active:bg-accent-400">
<i class="size-5" data-lucide=chevron-left></i>
</button>
<h3 class="h3">FIGURINES</h3>
</div>
<button id="header__button__close__menu__mobile" class="self-baseline shrink-0 -mr-2 rounded-full size-10 grid place-items-center active:bg-Grey-ExtraExtraLight">
<i class="rotate-45 z-10 cursor-pointer" data-lucide=circle-plus></i>
</button>
</div>
<div class="flex flex-col items-center gap-l-xl w-fit mx-auto">
<ul class="grid grid-cols-2 gap-x-l gap-y-l-xl self-start">
<li class="flex flex-col gap-m w-40 flex-grow">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400 !text-wrap"
href="/figurines"
>
Figurines</a>
<ul class="flex flex-col gap-s">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/asterix-3/figurines"
>
Astérix</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/blacksad/figurines"
>
Blacksad</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/blake-et-mortimer/figurines"
>
Blake et Mortimer</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/gaston-lagaffe/figurines"
>
Gaston Lagaffe</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/figurines-les-schtroumpfs"
>
Les Schtroumpfs</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/les-tuniques-bleues/figurines"
>
Les Tuniques Bleues</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/lucky-luke/figurines"
>
Lucky Luke</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/michel-vaillant/figurines"
>
Michel Vaillant</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/figurines-naruto"
>
Naruto</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/figurines-one-piece"
>
One Piece</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/spirou-et-fantasio/figurines"
>
Spirou et Fantasio</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/tintin-3/figurines"
>
Tintin</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/figurines"
>
Toutes les figurines
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
<li class="flex flex-col gap-m w-40 flex-grow">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400 !text-wrap"
href="/figurines"
>
Par genre</a>
<ul class="flex flex-col gap-s">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/figurines-bd-bande-dessinee"
>
Figurines BD</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/figurines-manga"
>
Figurines Manga</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/comics-figurines"
>
Figurines Comics</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/figurines"
>
Tous les genres
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
<li class="flex flex-col gap-m w-40 flex-grow">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400 !text-wrap"
href="/fabricants"
>
Fabricants</a>
<ul class="flex flex-col gap-s">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/attakus"
>
Attakus</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/collectoys"
>
Collectoys</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/fariboles"
>
Fariboles</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/lmz-collectibles"
>
LMZ Collectibles</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/pixi"
>
Pixi</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/tintinimaginatio"
>
Tintinimaginatio</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/fabricants"
>
Tous les fabricants
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
</ul>
</div>
</div>
<div id="header__menu__mobile__level__two__63e52e6e-3808-4cb7-b161-6d742e12c600" class="hidden space-y-l mb-l-xl animate-fade-in">
<div class="flex justify-between items-center">
<div class="flex gap-m">
<button type="button" id="header__button__back__menu__mobile__63e52e6e-3808-4cb7-b161-6d742e12c600" class="grid place-items-center p-s size-10 rounded border bg-Utilities-Card-Surface hover:bg-accent-400 active:bg-accent-400">
<i class="size-5" data-lucide=chevron-left></i>
</button>
<h3 class="h3">NOUVEAUTÉS</h3>
</div>
<button id="header__button__close__menu__mobile" class="self-baseline shrink-0 -mr-2 rounded-full size-10 grid place-items-center active:bg-Grey-ExtraExtraLight">
<i class="rotate-45 z-10 cursor-pointer" data-lucide=circle-plus></i>
</button>
</div>
<div class="flex flex-col items-center gap-l-xl w-fit mx-auto">
<ul class="grid grid-cols-2 gap-x-l gap-y-l-xl self-start">
<li class="flex flex-col gap-m w-40 flex-grow">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400 !text-wrap"
href="/nouveautes"
>
Nouveautés</a>
<ul class="flex flex-col gap-s">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/sorties-livres"
>
Livres</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/nouveaux-objets-de-collection"
>
Objets de collection</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/nouveautes"
>
Toutes les nouveautés
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
<li class="flex flex-col gap-m w-40 flex-grow">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400 !text-wrap"
href="/a-paraitre"
>
À paraître et précommandes</a>
<ul class="flex flex-col gap-s">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/livres-a-paraitre"
>
Livres</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/objets-de-collection-a-paraitre"
>
Objets de collection</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/a-paraitre"
>
Prochaines sorties
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
</ul>
</div>
</div>
<div id="header__menu__mobile__level__two__37e8b1ac-121a-474c-af48-95dc2db2f77b" class="hidden space-y-l mb-l-xl animate-fade-in">
<div class="flex justify-between items-center">
<div class="flex gap-m">
<button type="button" id="header__button__back__menu__mobile__37e8b1ac-121a-474c-af48-95dc2db2f77b" class="grid place-items-center p-s size-10 rounded border bg-Utilities-Card-Surface hover:bg-accent-400 active:bg-accent-400">
<i class="size-5" data-lucide=chevron-left></i>
</button>
<h3 class="h3">PROMOTIONS</h3>
</div>
<button id="header__button__close__menu__mobile" class="self-baseline shrink-0 -mr-2 rounded-full size-10 grid place-items-center active:bg-Grey-ExtraExtraLight">
<i class="rotate-45 z-10 cursor-pointer" data-lucide=circle-plus></i>
</button>
</div>
<div class="flex flex-col items-center gap-l-xl w-fit mx-auto">
<ul class="grid grid-cols-2 gap-x-l gap-y-l-xl self-start">
<li class="flex flex-col gap-m w-40 flex-grow">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400 !text-wrap"
href="/promotions"
>
Objets offerts</a>
<ul class="flex flex-col gap-s">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/promotions"
>
Goodies</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/promotions"
>
Toutes les promotions
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
<li class="flex flex-col gap-m w-40 flex-grow">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400 !text-wrap"
href="/prix-reduits"
>
Articles en promotions</a>
<ul class="flex flex-col gap-s">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m !text-wrap"
href="/prix-reduits"
>
Promotions</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/prix-reduits"
>
Toutes les promotions
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
<nav id="header__menu__nav">
<ul class="h-16 menu:flex hidden items-center text-Utilities-Text-Primary">
<li class="group">
<a href="/personnages-et-univers"
class="items-center inline-flex h-16 p-4 text-Utilities-Text-Primary text-xs text-nowrap font-bold font-sans uppercase underline-offset-4 decoration-2 hover:underline hover:decoration-Grey-Medium group-hover:underline group-hover:decoration-Grey-Medium active:underline active:decoration-Grey-ExtraDark"
>
PERSONNAGES
</a>
<div class="absolute z-20 left-0 top-16 hidden hover:flex group-hover:flex w-full gap-l bg-accent-100 shadow-menu-tabs animate-fade-in" style="background-image: url('/media/images/background-menu/bg_personnages6720db051e6c2.png'); background-position: calc(100% - 1rem) center; background-repeat: no-repeat;background-size: contain;">
<div class="p-l grid place-items-center flex-shrink-0">
<img class="w-2-column max-h-80 object-contain" src="/media/images/main-menu/personnages6720db051e6be.png" alt="Illustration principale du PERSONNAGES" />
</div>
<div class="flex py-xl gap-l px-s">
<ul class="grid grid-cols-5 gap-xl self-start">
<li class="flex flex-col gap-m flex-grow col-span-2">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="/personnages-et-univers"
>
BD</a>
<ul class="flex flex-col gap-x-l gap-y-s flex-wrap max-h-48">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/asterix-3"
>
Astérix</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/blake-et-mortimer"
>
Blake et Mortimer</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/gaston-lagaffe"
>
Gaston Lagaffe</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/largo-winch"
>
Largo Winch</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/schtroumpfs"
>
Les Schtroumpfs</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/les-tuniques-bleues"
>
Les Tuniques Bleues</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/lucky-luke"
>
Lucky Luke</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/marsupilami"
>
Marsupilami</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/michel-vaillant"
>
Michel Vaillant</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/spirou-et-fantasio"
>
Spirou et Fantasio</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/thorgal"
>
Thorgal</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/tintin-3"
>
Tintin</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/personnages-et-univers"
>
Tous les univers
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
<li class="flex flex-col gap-m flex-grow col-span-2">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="/personnages-et-univers"
>
MANGA</a>
<ul class="flex flex-col gap-x-l gap-y-s flex-wrap max-h-48">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/assassination-classroom"
>
Assassination Classroom</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/black-butler"
>
Black Butler</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/naruto"
>
Naruto</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/death-note"
>
Death Note</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/detective-conan"
>
Detective Conan</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/gundam"
>
Gundam</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/hunter-x-hunter"
>
Hunter x Hunter</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/kagurabachi"
>
Kagurabachi</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/one-piece"
>
One Piece</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/saint-seiya-chevaliers-du-zodiaque"
>
Saint Seiya</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/slam-dunk"
>
Slam Dunk</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/personnages-et-univers"
>
Tous les univers
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
<li class="flex flex-col gap-m flex-grow">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="/personnages-et-univers"
>
COMICS</a>
<ul class="flex flex-col gap-x-l gap-y-s flex-wrap max-h-48">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/batman"
>
Batman</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/harley-quinn"
>
Harley Quinn</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/joker-1"
>
Joker</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/superman"
>
Superman</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/watchmen"
>
Watchmen</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/wonder-woman"
>
Wonder Woman</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/personnages-et-univers"
>
Tous les univers
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="group">
<a href="/bande-dessinee"
class="items-center inline-flex h-16 p-4 text-Utilities-Text-Primary text-xs text-nowrap font-bold font-sans uppercase underline-offset-4 decoration-2 hover:underline hover:decoration-Grey-Medium group-hover:underline group-hover:decoration-Grey-Medium active:underline active:decoration-Grey-ExtraDark"
>
BD
</a>
<div class="absolute z-20 left-0 top-16 hidden hover:flex group-hover:flex w-full gap-l bg-accent-100 shadow-menu-tabs animate-fade-in" style="background-image: url('/media/images/background-menu/bg_bande-dessinee6720db051d550.png'); background-position: calc(100% - 1rem) center; background-repeat: no-repeat;background-size: contain;">
<div class="p-l grid place-items-center flex-shrink-0">
<img class="w-2-column max-h-80 object-contain" src="/media/images/main-menu/bande-dessinee6720db051d54c.png" alt="Illustration principale du BD" />
</div>
<div class="flex py-xl gap-l px-s">
<ul class="grid grid-cols-4 gap-xl self-start">
<li class="flex flex-col gap-m flex-grow col-span-2">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="/personnages-et-univers"
>
Univers</a>
<ul class="flex flex-col gap-x-l gap-y-s flex-wrap max-h-48">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/asterix-3"
>
Astérix</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/blake-et-mortimer"
>
Blake et Mortimer</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/gaston-lagaffe"
>
Gaston Lagaffe</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/largo-winch"
>
Largo Winch</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/schtroumpfs"
>
Les Schtroumpfs</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/les-tuniques-bleues"
>
Les Tuniques Bleues</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/lucky-luke"
>
Lucky Luke</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/marsupilami"
>
Marsupilami</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/michel-vaillant"
>
Michel Vaillant</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/spirou-et-fantasio"
>
Spirou et Fantasio</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/thorgal"
>
Thorgal</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/tintin-3"
>
Tintin</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/personnages-et-univers"
>
Tous les univers
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
<li class="flex flex-col gap-m flex-grow col-span-2">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="/auteurs"
>
Auteur incontournables</a>
<ul class="flex flex-col gap-x-l gap-y-s flex-wrap max-h-48">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/auteurs/cauvin"
>
Cauvin </a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/auteurs/edgar-p-jacobs"
>
Edgar P. Jacobs</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/auteurs/franquin"
>
Franquin</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/auteurs/goscinny"
>
Goscinny</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/auteurs/jean-graton"
>
Jean Graton</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/auteurs/grzegorz-rosinski"
>
Grzegorz Rosiński</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/auteurs/herge"
>
Hergé</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/auteurs/pratt"
>
Hugo Pratt</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/auteurs/jean-giraud"
>
Jean Giraud - Moëbius</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/auteurs/jean-van-hamme"
>
Jean Van Hamme</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/auteurs/lambil"
>
Lambil</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/auteurs/peyo"
>
Peyo</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/auteurs"
>
Tous les auteurs
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
<li class="flex flex-col gap-m flex-grow">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="/bd-meilleures-ventes"
>
MEILLEURES VENTES</a>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/bd-meilleures-ventes"
>
Toutes nos meilleures ventes BD
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="group">
<a href="/manga"
class="items-center inline-flex h-16 p-4 text-Utilities-Text-Primary text-xs text-nowrap font-bold font-sans uppercase underline-offset-4 decoration-2 hover:underline hover:decoration-Grey-Medium group-hover:underline group-hover:decoration-Grey-Medium active:underline active:decoration-Grey-ExtraDark"
>
Manga
</a>
<div class="absolute z-20 left-0 top-16 hidden hover:flex group-hover:flex w-full gap-l bg-accent-100 shadow-menu-tabs animate-fade-in" style="background-image: url('/media/images/background-menu/bg_manga6720db051bf11.png'); background-position: calc(100% - 1rem) center; background-repeat: no-repeat;background-size: contain;">
<div class="p-l grid place-items-center flex-shrink-0">
<img class="w-2-column max-h-80 object-contain" src="/media/images/main-menu/manga6720db051bf0c.png" alt="Illustration principale du Manga" />
</div>
<div class="flex py-xl gap-l px-s">
<ul class="grid grid-cols-4 gap-xl self-start">
<li class="flex flex-col gap-m flex-grow col-span-2">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="/personnages-et-univers"
>
Univers</a>
<ul class="flex flex-col gap-x-l gap-y-s flex-wrap max-h-48">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/assassination-classroom"
>
Assassination Classroom</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/black-butler"
>
Black Butler</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/naruto"
>
Naruto</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/death-note"
>
Death Note</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/detective-conan"
>
Detective Conan</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/gundam"
>
Gundam</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/hunter-x-hunter"
>
Hunter x Hunter</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/kagurabachi"
>
Kagurabachi</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/one-piece"
>
One Piece</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/saint-seiya-chevaliers-du-zodiaque"
>
Saint Seiya</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/slam-dunk"
>
Slam Dunk</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/personnages-et-univers"
>
Tous les univers
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
<li class="flex flex-col gap-m flex-grow col-span-2">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="/auteurs"
>
Auteurs</a>
<ul class="flex flex-col gap-x-l gap-y-s flex-wrap max-h-48">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/auteurs/gosho-aoyama"
>
Gosho Aoyama</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/auteurs/inio-asano"
>
Inio Asano</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/auteurs/jiro-taniguchi"
>
Jiro Taniguchi</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/auteurs/leiji-matsumoto"
>
Leiji Matsumoto</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/auteurs/masashi-kishimoto"
>
Masashi Kishimoto</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/auteurs/mikio-ikemoto"
>
Mikio Ikemoto</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/auteurs/naoki-urasawa"
>
Naoki Urasawa</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/auteurs/taiyo-matsumoto"
>
Taiyo Matsumoto</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/auteurs/yana-toboso"
>
Yana Toboso</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/auteurs/yoshihiro-togashi"
>
Yoshihiro Togashi</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/auteurs/yusei-matsui"
>
Yusei Matsui</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/auteurs"
>
Tous les auteurs
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
<li class="flex flex-col gap-m flex-grow">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="/manga-meilleures-ventes"
>
MEILLEURES VENTES</a>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/manga-meilleures-ventes"
>
Toutes nos meilleures ventes Manga
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="group">
<a href="/comics"
class="items-center inline-flex h-16 p-4 text-Utilities-Text-Primary text-xs text-nowrap font-bold font-sans uppercase underline-offset-4 decoration-2 hover:underline hover:decoration-Grey-Medium group-hover:underline group-hover:decoration-Grey-Medium active:underline active:decoration-Grey-ExtraDark"
>
COMICS
</a>
<div class="absolute z-20 left-0 top-16 hidden hover:flex group-hover:flex w-full gap-l bg-accent-100 shadow-menu-tabs animate-fade-in" style="background-image: url('/media/images/background-menu/bg_comics6720db051a333.png'); background-position: calc(100% - 1rem) center; background-repeat: no-repeat;background-size: contain;">
<div class="p-l grid place-items-center flex-shrink-0">
<img class="w-2-column max-h-80 object-contain" src="/media/images/main-menu/comics6720db051a32f.png" alt="Illustration principale du COMICS" />
</div>
<div class="flex py-xl gap-l px-s">
<ul class="grid grid-cols-4 gap-xl self-start">
<li class="flex flex-col gap-m flex-grow col-span-2">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="/personnages-et-univers"
>
Univers</a>
<ul class="flex flex-col gap-x-l gap-y-s flex-wrap max-h-48">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/batman"
>
Batman</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/dc-comics"
>
DC universe</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/energon-universe"
>
Energon Universe</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/fables"
>
Fables</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/flash"
>
Flash</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/indies"
>
Indies</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/justice-league-1"
>
Justice League</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/nightwing"
>
Nightwing</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/sin-city"
>
Sin City</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/superman"
>
Superman</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/watchmen"
>
Watchmen</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/wonder-woman"
>
Wonder Woman</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/personnages-et-univers"
>
Tous les univers
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
<li class="flex flex-col gap-m flex-grow col-span-2">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="/auteurs"
>
Auteurs</a>
<ul class="flex flex-col gap-x-l gap-y-s flex-wrap max-h-48">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/auteurs/alan-moore"
>
Alan Moore</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/auteurs/ed-brubaker"
>
Ed Brubaker</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/auteurs/frank-miller"
>
Frank Miller</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/auteurs/garth-ennis"
>
Garth Ennis</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/auteurs/geoff-johns"
>
Geoff Johns</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/auteurs/grant-morrison"
>
Grant Morrison</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/auteurs/jack-kirby"
>
Jack Kirby</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/auteurs/jim-lee"
>
Jim Lee</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/auteurs/neil-gaiman"
>
Neil Gaiman</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/auteurs/paul-dini"
>
Paul Dini</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/auteurs/scott-snyder"
>
Scott Snyder</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/auteurs/tom-king"
>
Tom King</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/auteurs"
>
Tous les auteurs
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
<li class="flex flex-col gap-m flex-grow">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="/comics-meilleures-ventes"
>
MEILLEURES VENTES</a>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/comics-meilleures-ventes"
>
Nos meilleures ventes Comics
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="group">
<a href="/objets-de-collection"
class="items-center inline-flex h-16 p-4 text-Utilities-Text-Primary text-xs text-nowrap font-bold font-sans uppercase underline-offset-4 decoration-2 hover:underline hover:decoration-Grey-Medium group-hover:underline group-hover:decoration-Grey-Medium active:underline active:decoration-Grey-ExtraDark"
>
OBJETS DE COLLECTION
<img class="w-4 -mt-4" src="/build/images/generic/star.svg">
</a>
<div class="absolute z-20 left-0 top-16 hidden hover:flex group-hover:flex w-full gap-l bg-accent-100 shadow-menu-tabs animate-fade-in" style="background-image: url('/media/images/background-menu/bg_collectors6720db05186fa.png'); background-position: calc(100% - 1rem) center; background-repeat: no-repeat;background-size: contain;">
<div class="p-l grid place-items-center flex-shrink-0">
<img class="w-2-column max-h-80 object-contain" src="/media/images/main-menu/collectors6720db05186f6.png" alt="Illustration principale du OBJETS DE COLLECTION" />
</div>
<div class="flex py-xl gap-l px-s">
<ul class="grid grid-cols-4 gap-xl self-start">
<li class="flex flex-col gap-m flex-grow col-span-1">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="/images"
>
Images</a>
<ul class="flex flex-col gap-x-l gap-y-s flex-wrap max-h-48">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/affiches"
>
Affiches</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/plaques-decoratives"
>
Plaques décoratives</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/portfolios"
>
Portfolios</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/serigraphies"
>
Sérigraphies</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/tirages-d-art"
>
Tirages d'art</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/toiles-et-tableaux"
>
Toiles et tableaux</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/images"
>
Toutes les images
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
<li class="flex flex-col gap-m flex-grow col-span-1">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="/objets-de-collection"
>
Objets</a>
<ul class="flex flex-col gap-x-l gap-y-s flex-wrap max-h-48">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/monnaie-et-billets"
>
Monnaie et billets</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/montres"
>
Montres</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/peluches"
>
Peluches</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/porte-cles"
>
Porte clés</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/puzzles"
>
Puzzles</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/vetements"
>
Vêtements</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/objets-de-collection"
>
Toutes les objets
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
<li class="flex flex-col gap-m flex-grow col-span-1">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="/livres-de-collection"
>
Livres</a>
<ul class="flex flex-col gap-x-l gap-y-s flex-wrap max-h-48">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/beaux-livres-3"
>
Beaux livres</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/integrales-et-coffrets"
>
Intégrales et coffrets</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/tirages-de-luxe"
>
Tirages de luxe</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/livres-de-collection"
>
Toutes les livres
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
<li class="flex flex-col gap-m flex-grow">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="/fabricants"
>
Fabricants</a>
<ul class="flex flex-col gap-x-l gap-y-s flex-wrap max-h-48">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/attakus"
>
Attakus</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/editions-black-white"
>
Black and White</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/fariboles"
>
Fariboles</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/lmz-collectibles"
>
LMZ Collectibles</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/pixi"
>
Pixi</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/tintinimaginatio"
>
Tintinimaginatio</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/fabricants"
>
Toutes les fabricants
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="group">
<a href="/figurines"
class="items-center inline-flex h-16 p-4 text-Utilities-Text-Primary text-xs text-nowrap font-bold font-sans uppercase underline-offset-4 decoration-2 hover:underline hover:decoration-Grey-Medium group-hover:underline group-hover:decoration-Grey-Medium active:underline active:decoration-Grey-ExtraDark"
>
FIGURINES
</a>
<div class="absolute z-20 left-0 top-16 hidden hover:flex group-hover:flex w-full gap-l bg-accent-100 shadow-menu-tabs animate-fade-in" style="background-image: url('/media/images/background-menu/bg_figurines6720db0517467.png'); background-position: calc(100% - 1rem) center; background-repeat: no-repeat;background-size: contain;">
<div class="p-l grid place-items-center flex-shrink-0">
<img class="w-2-column max-h-80 object-contain" src="/media/images/main-menu/figurines6720db0517462.png" alt="Illustration principale du FIGURINES" />
</div>
<div class="flex py-xl gap-l px-s">
<ul class="grid grid-cols-4 gap-xl self-start">
<li class="flex flex-col gap-m flex-grow col-span-2">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="/figurines"
>
Figurines</a>
<ul class="flex flex-col gap-x-l gap-y-s flex-wrap max-h-48">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/asterix-3/figurines"
>
Astérix</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/blacksad/figurines"
>
Blacksad</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/blake-et-mortimer/figurines"
>
Blake et Mortimer</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/gaston-lagaffe/figurines"
>
Gaston Lagaffe</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/figurines-les-schtroumpfs"
>
Les Schtroumpfs</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/les-tuniques-bleues/figurines"
>
Les Tuniques Bleues</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/lucky-luke/figurines"
>
Lucky Luke</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/michel-vaillant/figurines"
>
Michel Vaillant</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/figurines-naruto"
>
Naruto</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/figurines-one-piece"
>
One Piece</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/spirou-et-fantasio/figurines"
>
Spirou et Fantasio</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/tintin-3/figurines"
>
Tintin</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/figurines"
>
Toutes les figurines
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
<li class="flex flex-col gap-m flex-grow col-span-1">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="/figurines"
>
Par genre</a>
<ul class="flex flex-col gap-x-l gap-y-s flex-wrap max-h-48">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/figurines-bd-bande-dessinee"
>
Figurines BD</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/figurines-manga"
>
Figurines Manga</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/comics-figurines"
>
Figurines Comics</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/figurines"
>
Tous les genres
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
<li class="flex flex-col gap-m flex-grow">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="/fabricants"
>
Fabricants</a>
<ul class="flex flex-col gap-x-l gap-y-s flex-wrap max-h-48">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/attakus"
>
Attakus</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/collectoys"
>
Collectoys</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/fariboles"
>
Fariboles</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/lmz-collectibles"
>
LMZ Collectibles</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/pixi"
>
Pixi</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/tintinimaginatio"
>
Tintinimaginatio</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/fabricants"
>
Tous les fabricants
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="group">
<a href="/nouveautes"
class="items-center inline-flex h-16 p-4 text-Utilities-Text-Primary text-xs text-nowrap font-bold font-sans uppercase underline-offset-4 decoration-2 hover:underline hover:decoration-Grey-Medium group-hover:underline group-hover:decoration-Grey-Medium active:underline active:decoration-Grey-ExtraDark"
>
NOUVEAUTÉS
</a>
<div class="absolute z-20 left-0 top-16 hidden hover:flex group-hover:flex w-full gap-l bg-accent-100 shadow-menu-tabs animate-fade-in" style="background-image: url('/media/images/background-menu/bg_nouveautes6720db051487e.png'); background-position: calc(100% - 1rem) center; background-repeat: no-repeat;background-size: contain;">
<div class="p-l grid place-items-center flex-shrink-0">
<img class="w-2-column max-h-80 object-contain" src="/media/images/main-menu/nouveautes6720db0514879.png" alt="Illustration principale du NOUVEAUTÉS" />
</div>
<div class="flex py-xl gap-l px-s">
<ul class="grid grid-cols-2 gap-xl self-start">
<li class="flex flex-col gap-m flex-grow col-span-0">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="/nouveautes"
>
Nouveautés</a>
<ul class="flex flex-col gap-x-l gap-y-s flex-wrap max-h-48">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/sorties-livres"
>
Livres</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/nouveaux-objets-de-collection"
>
Objets de collection</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/nouveautes"
>
Toutes les nouveautés
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
<li class="flex flex-col gap-m flex-grow">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="/a-paraitre"
>
À paraître et précommandes</a>
<ul class="flex flex-col gap-x-l gap-y-s flex-wrap max-h-48">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/livres-a-paraitre"
>
Livres</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/objets-de-collection-a-paraitre"
>
Objets de collection</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/a-paraitre"
>
Prochaines sorties
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="group">
<a href="/promotions"
class="items-center inline-flex h-16 p-4 text-Utilities-Text-Primary text-xs text-nowrap font-bold font-sans uppercase underline-offset-4 decoration-2 hover:underline hover:decoration-Grey-Medium group-hover:underline group-hover:decoration-Grey-Medium active:underline active:decoration-Grey-ExtraDark"
>
PROMOTIONS
</a>
<div class="absolute z-20 left-0 top-16 hidden hover:flex group-hover:flex w-full gap-l bg-accent-100 shadow-menu-tabs animate-fade-in" style="background-image: url('/media/images/background-menu/bg_promotions6720db0516539.png'); background-position: calc(100% - 1rem) center; background-repeat: no-repeat;background-size: contain;">
<div class="p-l grid place-items-center flex-shrink-0">
<img class="w-2-column max-h-80 object-contain" src="/media/images/main-menu/promotions6720db0516534.png" alt="Illustration principale du PROMOTIONS" />
</div>
<div class="flex py-xl gap-l px-s">
<ul class="grid grid-cols-2 gap-xl self-start">
<li class="flex flex-col gap-m flex-grow col-span-0">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="/promotions"
>
Objets offerts</a>
<ul class="flex flex-col gap-x-l gap-y-s flex-wrap max-h-48">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/promotions"
>
Goodies</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/promotions"
>
Toutes les promotions
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
<li class="flex flex-col gap-m flex-grow">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs font-bold uppercase w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="/prix-reduits"
>
Articles en promotions</a>
<ul class="flex flex-col gap-x-l gap-y-s flex-wrap max-h-48">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/prix-reduits"
>
Promotions</a>
</li>
</ul>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/prix-reduits"
>
Toutes les promotions
<i class="size-3" data-lucide=chevron-right></i>
</a>
</li>
</ul>
</div>
</div>
</li>
</ul>
</nav>
<form id="search-form__desktop"
class="hidden h-fit self-center items-center border-2 flex-1 border-accent-400 my-auto rounded-pill p-s bg-Utilities-Card-Surface animate-fadeRight transition-all"
action="/search"
method="GET"
>
<i data-lucide=search></i>
<input
id="header__search__input"
data-device="desktop"
class="ml-2 border-none outline-none w-full"
placeholder="Que recherchez-vous ?"
type="search"
name="q"
value=""
data-search-suggestion="/search/suggestions"
/>
</form>
<div class="h-10 justify-end items-center gap-8 inline-flex">
<button id="header__search__button__desktop" type="button" class="-m-2 p-2 max-md:hidden rounded-full active:bg-Grey-ExtraExtraLight">
<i data-lucide=search></i>
</button>
<button id="header__search__button__mobile" type="button" class="-m-2 p-2 md:hidden rounded-full active:bg-Grey-ExtraExtraLight">
<i data-lucide=search></i>
</button>
<a
href="/cart/"
title="Panier"
id="global-cart-link"
class="header__cart relative -m-2 p-2 rounded-full active:bg-Grey-ExtraExtraLight"
type="button"
>
<i data-lucide=shopping-cart></i>
<span class="sr-only">Votre panier</span>
<span class="article-count absolute flex items-center justify-center top-0 size-[0.8125rem] right-0 rounded-full text-xxs bg-accent-400">0</span>
<span class="sr-only">articles</span>
</a>
<div class="header__account">
<a
id="user-account-link" title="Connectez-vous"
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m md:hidden mt-1"
href="/login"
>
<i data-lucide=user-round></i>
</a>
<a
id="user-account-link" title="Connectez-vous"
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center bg-Utilities-CTA-Primary-Fill text-Utilities-Text-Invert hover:bg-Utilities-CTA-Primary-Hover hover:text-Utilities-Text-Primary disabled:bg-Grey-Light disabled:text-Utilities-Text-Primary ring-Grey-ExtraDark active:ring-2 h-9 py-s px-m text-m max-md:hidden"
href="/login"
>
Connectez-vous
</a>
</div>
<button id="header__button__burger" type="button" class="menu:hidden -m-2 p-2 rounded-full active:bg-Grey-ExtraExtraLight">
<i data-lucide=menu></i>
</button>
</div>
</header>
<aside id="header__search__suggestions" class="hidden fixed md:absolute z-20 max-md:top-1 max-md:left-1 max-md:right-1 max-md:bottom-1 flex-col items-start gap-l py-s px-m md:py-xl md:px md:mx-auto h-[100dvh-0.5rem] md:max-h-[80dvh] w-[calc(100%-0.5rem)] md:w-full max-md:rounded text-Utilities-Text-Primary bg-Utilities-Card-Surface md:bg-Grey-ExtraExtraLight shadow-[0px_0px_100px_50px_#333] md:shadow-card overflow-y-auto overflow-x-hidden no-scrollbar max-md:animate-fade-in-down">
<button id="header__search__suggestions__close__button" class="md:hidden ml-auto -mr-s rounded-full size-10 grid place-items-center active:bg-Grey-ExtraExtraLight">
<img src="/build/images/generic/icons/circle-plus.svg" class="rotate-45 size-5" />
</button>
<form id="search-form__mobile"
class="w-full max-h-[2.75rem] items-center border-2 border-accent-400 rounded-pill p-s md:hidden bg-Utilities-Card-Surface"
action="/search"
method="GET"
>
<input
id="header__search__input"
data-device="mobile"
class="border-none outline-none w-full"
placeholder="Que recherchez-vous ?"
type="search"
name="q"
value=""
data-search-suggestion="/search/suggestions"
/>
</form>
<div id="search__suggestions__result" class="container flex flex-col items-start gap-l-xl"></div>
</aside>
<div
id="notification"
aria-role="status"
aria-live="polite"
aria-labelledby="notification__title"
aria-describedby="notification__subtitle"
class="hidden fixed items-center z-20 max-w-96 mt-s mx-s right-0 transition-all animate-slideIn w-fit p-3 gap-3 rounded border">
</div>
<template id="notification__error">
<h4 id="notification__title" class="notification__error__title h4"></h4>
<p
id="notification__subtitle"
class="font-sans font-normal text-base text-Utilities-Text-Primary notification__error__content"
>
</p>
</template>
<template id="notification__add-to-cart">
<a href="" id="notification__img-link">
<img src="" alt="" class="min-w-[5.5rem] max-w-[5.5rem] h-[7.54rem] object-cover" />
</a>
<div class="space-y-xs">
<h4 class="h4 line-clamp-2" id="notification__title">
Ajouté au panier
</h4>
<p
id="notification__subtitle"
class="font-sans font-normal text-base text-Utilities-Text-Primary"
>
Le produit a bien été ajouté au panier.</p>
<div class="flex justify-between mt-m">
<p
class="font-sans font-normal text-base text-Utilities-Text-Primary text-xs"
>
<span id="notification__quantity-and-price" class="font-semibold"></span>
exemplaire(s)
</p>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed underline underline-offset-4 decoration-1 active:text-accent-400 !gap-0 mt-auto text-xs w-fit"
href="/cart/"
>
Voir mon panier
<i class="size-3" data-lucide=chevron-right></i>
</a>
</div>
</div>
</template>
<div class="information-banner hidden bg-black text-white items-center">
<div class="banner-content flex items-center max-w-4xl md:max-w-full break-words mx-auto text-s">
<i class="mr-2 flex-shrink-0" data-lucide=circle-alert></i>
<p>Album collector Superman Day 2026 <strong><a href="https://9e-store.fr/promotions/superman-day-collector-2026">disponible en précommande pour l'achat de 2 titres Superman</a></strong> ! Livraison prévue à partir du 18 avril 🦸</p>
</div>
<button class="information-banner-close flex justify-center items-center py-2 px-4">
<i data-lucide=circle-x></i>
</button>
</div>
<main class="relative">
<header id="home-cover">
<div class="swiper-image-wrapper">
<div class="swiper swiper-image">
<div class="swiper-wrapper">
<section class="swiper-slide flex flex-col relative md:!h-[75dvh]">
<img
class="size-full object-cover"
src="/media/images/slides/acd61a03-1fbb-4f65-b1dc-38d91950d0e3.png"
alt="Bannière Pixi -"
/>
<div class="md:absolute md:top-1/2 md:-translate-y-1/2 flex flex-col gap-l bg-Utilities-Card-Surface md:w-132.5 md:left-1/3 lg:left-1/2 p-l-xl rounded md:border-1 border-Utilities-Card-Border relative">
<section class="max-md:w-full md:space-y-l">
<header>
<span class="text-Utilities-Text-Secondary text-xs leading-[125%] uppercase">PIXI</span>
<p class="h1 max-md:text-4xl">
La boutique Astérix Le primeur de Nicae
</p>
</header>
<p class="line-clamp-6">Le primeur de Nicae s’invite chez vous : une création Pixi pleine de charme, tirée à seulement 250 exemplaires.</p>
</section>
<a
target="_self" data-analytics-homepage-cta="En savoir plus"
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center bg-Utilities-CTA-Primary-Fill text-Utilities-Text-Invert hover:bg-Utilities-CTA-Primary-Hover hover:text-Utilities-Text-Primary disabled:bg-Grey-Light disabled:text-Utilities-Text-Primary ring-Grey-ExtraDark active:ring-2 h-9 py-s px-m text-m uppercase w-fit"
href="/inconnu/pixi/figurines/figurine-pixi-asterix-la-boutique-le-primeur-de-nicae-la-salade-nicaecoise-06f6f7"
>
En savoir plus
</a>
<div class="absolute top-2 right-2">
<img src="/build/images/generic/tag_new.svg"/>
</div>
</div>
<div class="absolute bottom-0 left-0 w-full h-[3.25rem] bg-gradient-to-t from-white z-10"></div>
</section>
<section class="swiper-slide flex flex-col relative md:!h-[75dvh]">
<img
class="size-full object-cover"
src="/media/images/slides/402b8f56-8a0e-4db7-b1b4-460f0433033d.png"
alt="Figurine Fariboles Collection Classique - Gaston déguisé en Marsupilami"
/>
<div class="md:absolute md:top-1/2 md:-translate-y-1/2 flex flex-col gap-l bg-Utilities-Card-Surface md:w-132.5 md:left-1/3 lg:left-1/2 p-l-xl rounded md:border-1 border-Utilities-Card-Border relative">
<section class="max-md:w-full md:space-y-l">
<header>
<span class="text-Utilities-Text-Secondary text-xs leading-[125%] uppercase">FIGURINES</span>
<p class="h1 max-md:text-4xl">
M’enfin… un Marsupilami ?
</p>
</header>
<p class="line-clamp-6">Avec cette figurine signée Fariboles, Gaston Lagaffe se glisse dans la peau du Marsupilami ! Une pièce en résine de 32 cm, limitée à 350 exemplaires numérotés.</p>
</section>
<a
target="_self" data-analytics-homepage-cta="Je précommande"
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center bg-Utilities-CTA-Primary-Fill text-Utilities-Text-Invert hover:bg-Utilities-CTA-Primary-Hover hover:text-Utilities-Text-Primary disabled:bg-Grey-Light disabled:text-Utilities-Text-Primary ring-Grey-ExtraDark active:ring-2 h-9 py-s px-m text-m uppercase w-fit"
href="/gaston/fariboles/figurines/figurine-fariboles-collection-classique-gaston-deguise-en-marsupilami-34e9a4"
>
Je précommande
</a>
<div class="absolute top-2 right-2">
<img src="/build/images/generic/tag_new.svg"/>
</div>
</div>
<div class="absolute bottom-0 left-0 w-full h-[3.25rem] bg-gradient-to-t from-white z-10"></div>
</section>
<section class="swiper-slide flex flex-col relative md:!h-[75dvh]">
<img
class="size-full object-cover"
src="/media/images/slides/29f6f898-690d-4f02-9c18-01e1b641b247.png"
alt="Bannière Supergirl exclusivité 9eme Store"
/>
<div class="md:absolute md:top-1/2 md:-translate-y-1/2 flex flex-col gap-l bg-Utilities-Card-Surface md:w-132.5 md:left-1/3 lg:left-1/2 p-l-xl rounded md:border-1 border-Utilities-Card-Border relative">
<section class="max-md:w-full md:space-y-l">
<header>
<span class="text-Utilities-Text-Secondary text-xs leading-[125%] uppercase">EXCLUSIVITÉ</span>
<p class="h1 max-md:text-4xl">
Supergirl : édition exclusive 9e Store 🦸♀️
</p>
</header>
<p class="line-clamp-6">Découvrez l’édition exclusive 9e Store de Supergirl: Woman of Tomorrow, avec une couverture inédite et une affiche exclusive offerte pour toute précommande du 13 mars au 16 avril !</p>
</section>
<a
target="_self" data-analytics-homepage-cta="Je précommande"
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center bg-Utilities-CTA-Primary-Fill text-Utilities-Text-Invert hover:bg-Utilities-CTA-Primary-Hover hover:text-Utilities-Text-Primary disabled:bg-Grey-Light disabled:text-Utilities-Text-Primary ring-Grey-ExtraDark active:ring-2 h-9 py-s px-m text-m uppercase w-fit"
href="/page/supergirl-woman-of-tomorrow-exclusivite-9e-store"
>
Je précommande
</a>
<div class="absolute top-2 right-2">
<img src="/build/images/generic/tag_new.svg"/>
</div>
</div>
<div class="absolute bottom-0 left-0 w-full h-[3.25rem] bg-gradient-to-t from-white z-10"></div>
</section>
<section class="swiper-slide flex flex-col relative md:!h-[75dvh]">
<img
class="size-full object-cover"
src="/media/images/slides/904f919c-649e-4421-b8ec-29bf4c2c3496.webp"
alt="Bannière LREE Brigitte Lecordier"
/>
<div class="md:absolute md:top-1/2 md:-translate-y-1/2 flex flex-col gap-l bg-Utilities-Card-Surface md:w-132.5 md:left-1/3 lg:left-1/2 p-l-xl rounded md:border-1 border-Utilities-Card-Border relative">
<section class="max-md:w-full md:space-y-l">
<header>
<span class="text-Utilities-Text-Secondary text-xs leading-[125%] uppercase">EXCLUSIVITÉ</span>
<p class="h1 max-md:text-4xl">
La Réalité Est Énorme
</p>
</header>
<p class="line-clamp-6">Précommandez l’album du 3 mars au 17 avril 2026 et recevez un ex-libris signé, qui contient une histoire audio bonus !</p>
</section>
<a
target="_self" data-analytics-homepage-cta="Je précommande"
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center bg-Utilities-CTA-Primary-Fill text-Utilities-Text-Invert hover:bg-Utilities-CTA-Primary-Hover hover:text-Utilities-Text-Primary disabled:bg-Grey-Light disabled:text-Utilities-Text-Primary ring-Grey-ExtraDark active:ring-2 h-9 py-s px-m text-m uppercase w-fit"
href="/page/la-realite-est-enorme-1"
>
Je précommande
</a>
<div class="absolute top-2 right-2">
<img src="/build/images/generic/tag_new.svg"/>
</div>
</div>
<div class="absolute bottom-0 left-0 w-full h-[3.25rem] bg-gradient-to-t from-white z-10"></div>
</section>
<section class="swiper-slide flex flex-col relative md:!h-[75dvh]">
<img
class="size-full object-cover"
src="/media/images/slides/8884a284-18d6-48fc-9598-b0fc319d152a.png"
alt="OP Black Label 2026"
/>
<div class="md:absolute md:top-1/2 md:-translate-y-1/2 flex flex-col gap-l bg-Utilities-Card-Surface md:w-132.5 md:left-1/3 lg:left-1/2 p-l-xl rounded md:border-1 border-Utilities-Card-Border relative">
<section class="max-md:w-full md:space-y-l">
<header>
<span class="text-Utilities-Text-Secondary text-xs leading-[125%] uppercase">COMICS</span>
<p class="h1 max-md:text-4xl">
Un album collector Batman offert !
</p>
</header>
<p class="line-clamp-6">Pour l’achat de 2 titres de la collection Black Label de Urban Comics, un album collector Batman One Dark Knight en noir et blanc est offert !</p>
</section>
<a
target="_self" data-analytics-homepage-cta="J'en profite"
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center bg-Utilities-CTA-Primary-Fill text-Utilities-Text-Invert hover:bg-Utilities-CTA-Primary-Hover hover:text-Utilities-Text-Primary disabled:bg-Grey-Light disabled:text-Utilities-Text-Primary ring-Grey-ExtraDark active:ring-2 h-9 py-s px-m text-m uppercase w-fit"
href="/promotions/batman-one-dark-knight-n-b"
>
J'en profite
</a>
<div class="absolute top-2 right-2">
<img src="/build/images/generic/tag_new.svg"/>
</div>
</div>
<div class="absolute bottom-0 left-0 w-full h-[3.25rem] bg-gradient-to-t from-white z-10"></div>
</section>
<section class="swiper-slide flex flex-col relative md:!h-[75dvh]">
<img
class="size-full object-cover"
src="/media/images/slides/4df1b3e3-46b5-4ba7-9703-bfb35b5d776a.png"
alt="Figurine Ulysse 31 - Télémaque, Nono & Un Adorateur du Cyclope, Collection ANIMATED!"
/>
<div class="md:absolute md:top-1/2 md:-translate-y-1/2 flex flex-col gap-l bg-Utilities-Card-Surface md:w-132.5 md:left-1/3 lg:left-1/2 p-l-xl rounded md:border-1 border-Utilities-Card-Border relative">
<section class="max-md:w-full md:space-y-l">
<header>
<span class="text-Utilities-Text-Secondary text-xs leading-[125%] uppercase">LMZ COLLECTIBLES</span>
<p class="h1 max-md:text-4xl">
Statuettes Ulysse 31 par LMZ
</p>
</header>
<p class="line-clamp-6">Découvrez le premier coffret de la collection ANIMATED!, dédié à la série culte Ulysse 31. À l’échelle 1:8, cette pièce de collection est peinte à la main et limitée à 400 exemplaires numérotés.</p>
</section>
<a
target="_self" data-analytics-homepage-cta="Je précommande"
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center bg-Utilities-CTA-Primary-Fill text-Utilities-Text-Invert hover:bg-Utilities-CTA-Primary-Hover hover:text-Utilities-Text-Primary disabled:bg-Grey-Light disabled:text-Utilities-Text-Primary ring-Grey-ExtraDark active:ring-2 h-9 py-s px-m text-m uppercase w-fit"
href="/inconnu/lmz-collectibles/figurines/figurine-ulysse-31-telemaque-nono-un-adorateur-du-cyclope-collection-animated-fd0cad"
>
Je précommande
</a>
<div class="absolute top-2 right-2">
<img src="/build/images/generic/tag_new.svg"/>
</div>
</div>
<div class="absolute bottom-0 left-0 w-full h-[3.25rem] bg-gradient-to-t from-white z-10"></div>
</section>
<section class="swiper-slide flex flex-col relative md:!h-[75dvh]">
<img
class="size-full object-cover"
src="/media/images/slides/db41df29-8ab3-4b28-b26e-c14b2e59d867.png"
alt="Figurine Pixi Origine - Le Schtroumpf et le tuba"
/>
<div class="md:absolute md:top-1/2 md:-translate-y-1/2 flex flex-col gap-l bg-Utilities-Card-Surface md:w-132.5 md:left-1/3 lg:left-1/2 p-l-xl rounded md:border-1 border-Utilities-Card-Border relative">
<section class="max-md:w-full md:space-y-l">
<header>
<span class="text-Utilities-Text-Secondary text-xs leading-[125%] uppercase">PIXI</span>
<p class="h1 max-md:text-4xl">
Le Schtroumpf et le tuba !
</p>
</header>
<p class="line-clamp-6">Signée Pixi, cette statuette s’inspire de la planche 52 du premier tome de 300 gags Schtroumpfs. Limitée à 300 exemplaires, la figurine comprend un Schtroumpf et son tuba amovible, pouvant être placé sur sa tête.</p>
</section>
<a
target="_self" data-analytics-homepage-cta="Je précommande"
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center bg-Utilities-CTA-Primary-Fill text-Utilities-Text-Invert hover:bg-Utilities-CTA-Primary-Hover hover:text-Utilities-Text-Primary disabled:bg-Grey-Light disabled:text-Utilities-Text-Primary ring-Grey-ExtraDark active:ring-2 h-9 py-s px-m text-m uppercase w-fit"
href="/inconnu/pixi/figurines/figurine-pixi-le-schtroumpf-et-le-tuba-037519"
>
Je précommande
</a>
<div class="absolute top-2 right-2">
<img src="/build/images/generic/tag_new.svg"/>
</div>
</div>
<div class="absolute bottom-0 left-0 w-full h-[3.25rem] bg-gradient-to-t from-white z-10"></div>
</section>
<section class="swiper-slide flex flex-col relative md:!h-[75dvh]">
<img
class="size-full object-cover"
src="/media/images/slides/2847bb88-2bc7-4e72-8697-c5e7e92e446e.png"
alt="Figurine Pixi Schtroumpf Sculpteur"
/>
<div class="md:absolute md:top-1/2 md:-translate-y-1/2 flex flex-col gap-l bg-Utilities-Card-Surface md:w-132.5 md:left-1/3 lg:left-1/2 p-l-xl rounded md:border-1 border-Utilities-Card-Border relative">
<section class="max-md:w-full md:space-y-l">
<header>
<span class="text-Utilities-Text-Secondary text-xs leading-[125%] uppercase">PIXI</span>
<p class="h1 max-md:text-4xl">
Le Schtroumpf sculpteur à l'œuvre
</p>
</header>
<p class="line-clamp-6">Issue du gag Roméos et Schtroumpfette, Pixi met en scène le Schtroumpf sculpteur en pleine création avec cette figurine ! Une pièce peinte à la main, limitée à 200 exemplaires numérotés.</p>
</section>
<a
target="_self" data-analytics-homepage-cta="Je découvre"
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center bg-Utilities-CTA-Primary-Fill text-Utilities-Text-Invert hover:bg-Utilities-CTA-Primary-Hover hover:text-Utilities-Text-Primary disabled:bg-Grey-Light disabled:text-Utilities-Text-Primary ring-Grey-ExtraDark active:ring-2 h-9 py-s px-m text-m uppercase w-fit"
href="/schtroumpfs-les/pixi/figurines/figurine-pixi-schtroumpf-sculpteur-cd7db2"
>
Je découvre
</a>
<div class="absolute top-2 right-2">
<img src="/build/images/generic/tag_new.svg"/>
</div>
</div>
<div class="absolute bottom-0 left-0 w-full h-[3.25rem] bg-gradient-to-t from-white z-10"></div>
</section>
<section class="swiper-slide flex flex-col relative md:!h-[75dvh]">
<img
class="size-full object-cover"
src="/media/images/slides/d9951af2-7270-408e-9d87-03077462927d.png"
alt="Découvrez nos tirages de luxe, éditions limitées à partir de 45€"
/>
<div class="md:absolute md:top-1/2 md:-translate-y-1/2 flex flex-col gap-l bg-Utilities-Card-Surface md:w-132.5 md:left-1/3 lg:left-1/2 p-l-xl rounded md:border-1 border-Utilities-Card-Border relative">
<section class="max-md:w-full md:space-y-l">
<header>
<span class="text-Utilities-Text-Secondary text-xs leading-[125%] uppercase"></span>
<p class="h1 max-md:text-4xl">
Tirages de luxe
</p>
</header>
<p class="line-clamp-6">Plongez dans l’univers de l’auteur, avec des détails invisibles en édition standard.
Editions limitées, texture premium, reliure d'art : un objet conçu pour durer et à explorer comme une œuvre d'art !</p>
</section>
<a
target="_self" data-analytics-homepage-cta="J'explore"
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center bg-Utilities-CTA-Primary-Fill text-Utilities-Text-Invert hover:bg-Utilities-CTA-Primary-Hover hover:text-Utilities-Text-Primary disabled:bg-Grey-Light disabled:text-Utilities-Text-Primary ring-Grey-ExtraDark active:ring-2 h-9 py-s px-m text-m uppercase w-fit"
href="/tirages-de-luxe"
>
J'explore
</a>
</div>
<div class="absolute bottom-0 left-0 w-full h-[3.25rem] bg-gradient-to-t from-white z-10"></div>
</section>
</div>
<div class="swiper-image-control-wrapper absolute left-5 bottom-1">
<div class="swiper-image-control swiper-pagination flex gap-m"></div>
</div>
</div>
</div>
</header>
<h1 class="bg-Grey-ExtraExtraLight px-m md:px pt-s md:pt-m font-light text-Utilities-Text-Primary">
Le spécialiste des univers BD, mangas, comics et objets de collection - 9ᵉ Store
</h1>
<div class="bg-Grey-ExtraExtraLight px-m py-l-xl md:px md:py-xxl">
<section id="home-new-releases" class="container">
<div class="container flex flex-col">
<div class="flex flex-col gap-s">
<span class="flex gap-s">
<h2 class="h2">Nouveautés</h2>
<img
class="size-9 -mt-1"
src="/build/images/generic/new.svg"
alt="Nouveautés"
/>
</span>
<p
class="font-sans font-normal text-base text-Utilities-Text-Primary"
>
Toutes les dernières sorties sur le Store !</p>
</div>
<div id="scrollable-horizontal-16e66d03-d5b3-440b-99d2-39ac7d2ff702" class="flex gap-s md:gap-m items-center justify-start relative">
<button
class="flex p-s justify-center items-center gap-s border-1 rounded border-Utilities-Card-Border bg-Utilities-Card-Surface transition-opacity duration-250 ease-linear text-Utilities-CTA-Primary-Fill disabled:opacity-0 absolute -left-2 top-1/2 -translate-y-1/2 z-10"
>
<i data-lucide=chevron-left></i>
</button>
<ul class="flex items-center gap-s overflow-y-hidden overflow-x-auto snap-x snap-mandatory scroll-smooth no-scrollbar w-full my-xl">
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782379506802"
data-product-name="Mobile&#x20;Suit&#x20;Gundam&#x20;Unicorn&#x20;&#x2013;&#x20;Tome&#x20;7"
data-product-price="15.5"
data-product-position="0"
data-product-brand="Vega"
data-product-category="Manga"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/gundam/vega/livres/mobile-suit-gundam-unicorn-tome-7-9-bf36dc">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782379506802/couv/M266x333/mobile-suit-gundam-unicorn-tome.jpg"
alt="Mobile Suit Gundam Unicorn – Tome 7"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Mobile Suit Gundam Unicorn – Tome 7
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
15,50
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Mobile Suit Gundam Unicorn, tome 7/9» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="70d7734d-9c8e-44fc-bff2-dc46bab869a5" />
<input type="hidden" name="_token" value="f97fb4bc9b757b616.MC9NhJoF20BaH7F6GrpuozL6LTJZzRpR7gcsEdnidhg.XVo93OBwjTJpW9MpXP8E0H-ZW2sfmkwjh214Z42MOkt3QSfw0lGMOjxr2g" />
</form>
</div>
<span class="absolute top-2 right-2 z-5">
<img
class="size-10"
src="/build/images/generic/tag_new.svg"
title="is_novelty"
/>
</span>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782505134411"
data-product-name="Undead&#x20;unluck&#x20;&#x2013;&#x20;Tome&#x20;25"
data-product-price="7.3"
data-product-position="1"
data-product-brand="Kana"
data-product-category="Manga"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/undead-unluck/kana/livres/undead-unluck-t25-ad1a5d">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782505134411/couv/M266x333/undead-unluck-t25.jpg"
alt="Undead unluck – Tome 25"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Undead unluck – Tome 25
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
7,30
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Undead Unluck T25» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="a46b0992-3a1f-41f6-9960-a30c7904397c" />
<input type="hidden" name="_token" value="b6b3a7b5d6d941e0262812f3060313.XZGGoG8ZxyUHFD-uEjnqrb5zP5b1tE6MbeAb3-WfNJM.MOT2-BVskVc0UF39VHyA3vMQSc-z4xj-BIpPqbHxeMAa_-zUJ02QX2FgVA" />
</form>
</div>
<span class="absolute top-2 right-2 z-5">
<img
class="size-10"
src="/build/images/generic/tag_new.svg"
title="is_novelty"
/>
</span>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782808702133"
data-product-name="Yano,&#x20;une&#x20;vie&#x20;ordinaire&#x20;&#x2013;&#x20;Tome&#x20;4"
data-product-price="8.35"
data-product-position="2"
data-product-brand="Vega"
data-product-category="Manga"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/yano-une-vie-ordinaire/vega/livres/yano-une-vie-ordinaire-tome-4-befdc5">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782808702133/couv/M266x333/yano-une-vie-ordinaire-tome-4.jpg"
alt="Yano, une vie ordinaire – Tome 4"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Yano, une vie ordinaire – Tome 4
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
8,35
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Yano, une vie ordinaire, tome 4» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="9e8aae44-4256-43e5-849c-ac9f268cacae" />
<input type="hidden" name="_token" value="9efae15be2c78a8eea5.Mr7wVGo_M4SLmSsG_m3DhG74J8qdcQrGxvkv2G0UJg4.X8uADBBKZfa43UlVuCip9yObUZPbJly0r5N7rjl6al110JogImtk_u3tQA" />
</form>
</div>
<span class="absolute top-2 right-2 z-5">
<img
class="size-10"
src="/build/images/generic/tag_new.svg"
title="is_novelty"
/>
</span>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782808501453"
data-product-name="Les&#x20;Grands&#x20;R&#x00EA;veurs&#x20;&#x2013;&#x20;Tome&#x20;1"
data-product-price="14.9"
data-product-position="3"
data-product-brand="Dupuis"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/inconnu/dupuis/livres/les-grands-reveurs-tome-1-5d3871">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782808501453/couv/M266x333/le-mystere-de-la-chambre-de-crys.jpg"
alt="Les Grands Rêveurs – Tome 1"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Les Grands Rêveurs – Tome 1
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
14,90
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Le mystère de la chambre de crystal T1/3» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="8a6cef7d-0d99-46e4-aead-8aa2d22ef272" />
<input type="hidden" name="_token" value="7def9a1d3dcd77538e4a23.FThTLWm8z7-8l-UC4qGAUAx9BUS-7Ze-U2sFYDDwQgs.eE0jdRPJmc2P04dRpOTqI0Eecx34usHMOgFRFmSeDlhSVjlZIeiYxdrjjg" />
</form>
</div>
<span class="absolute top-2 right-2 z-5">
<img
class="size-10"
src="/build/images/generic/tag_new.svg"
title="is_novelty"
/>
</span>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782379509353"
data-product-name="Ceinture&#x20;noire&#x20;&#x2013;&#x20;Tome&#x20;1"
data-product-price="12.5"
data-product-position="4"
data-product-brand="Vega Dupuis"
data-product-category="Manga"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/manga/vega-dupuis/livres/ceinture-noire-tome-1-2-be40cd">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782379509353/couv/M266x333/ceinture-noire-tome-1-2.jpg"
alt="Ceinture noire – Tome 1"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Ceinture noire – Tome 1
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
12,50
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Ceinture noire, tome 1/2» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="8f7a3461-79b5-400d-a0c3-0ceaf698c2f2" />
<input type="hidden" name="_token" value="4836df7.hsGtHEmyEn0czCZ4O_v0GoRuYD0Zb4ccXC92xI3M7dk.67TdRDPHRA8viEQrfb6eackNFmRfONFuNUUistmioYrBr8doAeZFB3q4TQ" />
</form>
</div>
<span class="absolute top-2 right-2 z-5">
<img
class="size-10"
src="/build/images/generic/tag_new.svg"
title="is_novelty"
/>
</span>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9791034770243"
data-product-name="Euy"
data-product-price="19.9"
data-product-position="5"
data-product-brand="Dupuis"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/tranches-de-vie/dupuis/livres/euy-534596">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9791034770243/couv/M266x333/euy.jpg"
alt="Euy"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Euy
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
19,90
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Euy» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="ba6d41af-fc23-415a-ba3b-429cdc181536" />
<input type="hidden" name="_token" value="839116c1281ded30e99738fa9c64af16.31mYF5Mh12Kvfhffop811155H-JSDOn9NxQ8jLB0ZDs.sizoT-lUgRCcOnWM5NpfpBMaabsUW7-PXn5o-uQaKGiYN_Jj23WAGMkKfA" />
</form>
</div>
<span class="absolute top-2 right-2 z-5">
<img
class="size-10"
src="/build/images/generic/tag_new.svg"
title="is_novelty"
/>
</span>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782505134442"
data-product-name="Hemingway,&#x20;la&#x20;jeune&#x20;fille&#x20;et&#x20;la&#x20;mer"
data-product-price="21.5"
data-product-position="6"
data-product-brand="Dargaud Benelux"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/keywest/dargaud-benelux/livres/hemingway-la-jeune-fille-et-la-mer-e5f190">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782505134442/couv/M266x333/hemingway-la-jeune-fille-et-la-m.jpg"
alt="Hemingway, la jeune fille et la mer"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Hemingway, la jeune fille et la mer
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
21,50
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Hemingway, la jeune fille et la mer» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="963fdd22-b8e9-4d29-b52d-1c6641ab787d" />
<input type="hidden" name="_token" value="076de9423ddfb3cfe.MKZNVI215DNMaFLqMxuj8CAdTUgZZol0rO02_aYa488.XdM9DPfAskF_LDC5dV7Jg21-OxFfMd8GxYdii_J0r5x3yCcgxeGzSSocOQ" />
</form>
</div>
<span class="absolute top-2 right-2 z-5">
<img
class="size-10"
src="/build/images/generic/tag_new.svg"
title="is_novelty"
/>
</span>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782808701204"
data-product-name="Les&#x20;Myst&#x00E8;res&#x20;de&#x20;la&#x20;R&#x00E9;sidence&#x20;Kaika&#x20;&#x2013;&#x20;Tome&#x20;3"
data-product-price="12.5"
data-product-position="7"
data-product-brand="Vega"
data-product-category="Manga"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/les-mysteres-de-la-residence-kaika/vega/livres/les-mysteres-de-la-residence-kaika-tome-3-c03016">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782808701204/couv/M266x333/les-mysteres-de-la-residence-kai.jpg"
alt="Les Mystères de la Résidence Kaika – Tome 3"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Les Mystères de la Résidence Kaika – Tome 3
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
12,50
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Les Mystères de la Résidence Kaika, tome 3» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="290fd957-682f-4f42-86ed-97beb5b62f9f" />
<input type="hidden" name="_token" value="282d.o6GSBCis9lkasoJanrBKYQZcRsIdCXmrJH8hEDCZ8Rs.ztTiXFLZoCsp9uAJ2PUgEks_MJtbXi_ZTRV1ZmT3vUjkz_hwYPihI3zG6Q" />
</form>
</div>
<span class="absolute top-2 right-2 z-5">
<img
class="size-10"
src="/build/images/generic/tag_new.svg"
title="is_novelty"
/>
</span>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782505142157"
data-product-name="Boy&#x27;s&#x20;Abyss&#x20;&#x2013;&#x20;Tome&#x20;18"
data-product-price="13.25"
data-product-position="8"
data-product-brand="Kana"
data-product-category="Manga"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/boy-s-abyss/kana/livres/boy-s-abyss-t18-e4b264">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782505142157/couv/M266x333/boy-s-abyss-t18.jpg"
alt="Boy's Abyss – Tome 18"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Boy's Abyss – Tome 18
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
13,25
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Boy's Abyss T18» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="da17ade5-9c8f-4277-a2b8-101261a1a84c" />
<input type="hidden" name="_token" value="188.whe_XFGzSrHUbX0j2nmACR18WwKJI5Y5tImObNrq8Iw.r2LPBCvGHMPnKR9wnDzqelAfLVvPdMBL3ePaGo6EvN-FedUoGecdy7IZFg" />
</form>
</div>
<span class="absolute top-2 right-2 z-5">
<img
class="size-10"
src="/build/images/generic/tag_new.svg"
title="is_novelty"
/>
</span>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782487663329"
data-product-name="J&#x27;ai&#x20;toujours&#x20;r&#x00EA;v&#x00E9;&#x20;d&#x27;&#x00EA;tre&#x20;un&#x20;fermier"
data-product-price="23.95"
data-product-position="9"
data-product-brand=""
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/j-ai-toujours-reve-d-etre-un-fermier/inconnu/livres/j-ai-toujours-reve-d-etre-fermier-85bc75">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782487663329/couv/M266x333/j-ai-toujours-reve-d-etre-un-fer.jpg"
alt="J'ai toujours rêvé d'être un fermier"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
J'ai toujours rêvé d'être un fermier
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
23,95
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «J'ai toujours rêvé d'être un fermier» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="da4dd656-2599-4ce9-881a-d663106f9e15" />
<input type="hidden" name="_token" value="3c7e6339a15304e8d.sMtXllm4Sb_0yItecNZjsSW4rDFUXyTXqN-i6v8lTuM.3b4nziPNH83HjOkNNpMJwmjb2mgSCHKlwbX2nKtLArD3pT3iEewexZK84A" />
</form>
</div>
<span class="absolute top-2 right-2 z-5">
<img
class="size-10"
src="/build/images/generic/tag_new.svg"
title="is_novelty"
/>
</span>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782205215410"
data-product-name="Ana&#x20;Ana&#x20;&#x2013;&#x20;Tome&#x20;27"
data-product-price="7.95"
data-product-position="10"
data-product-brand="Dargaud"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/pico-bogue/dargaud/livres/tome-27-828570">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782205215410/couv/M266x333/balade-en-mer.jpg"
alt="Ana Ana – Tome 27"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Ana Ana – Tome 27
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
7,95
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Balade en mer» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="e7a95662-d6f8-4af3-978e-f41abedea773" />
<input type="hidden" name="_token" value="5060fd1f86d68f2f.z3C4jYPek47Y-M8d7HwRxqAcKtIh_GPJrIuNqns2BxI.ogXI1fmrxfzrvK1Oqjl7te1_XItnqzW7xeHZ3C9YS0GIHtL5y4rE9L6MpA" />
</form>
</div>
<span class="absolute top-2 right-2 z-5">
<img
class="size-10"
src="/build/images/generic/tag_new.svg"
title="is_novelty"
/>
</span>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782808514712"
data-product-name="Dortmunder&#x20;&#x2013;&#x20;Tome&#x20;1"
data-product-price="35"
data-product-position="11"
data-product-brand="Dupuis"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/inconnu/dupuis/livres/bank-shot-20618e">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782808514712/couv/M266x333/bank-shot.jpg"
alt="Dortmunder – Tome 1"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Dortmunder – Tome 1
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
35,00
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Bank Shot» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="db2b8f50-ffeb-44a4-be83-e5119221cdf4" />
<input type="hidden" name="_token" value="2408ed9510c6c2a7a0e843d5c51edc._UGqVY4VGwYM7WhjZAx5FnnNKMoljE8DSxdYy2qyKW4.kDTaDfRgTXQ_qQowIkkTZTSuXpNj2xlxIn0MvT7cZT26L8AhxkFMfGqZAw" />
</form>
</div>
<span class="absolute top-2 right-2 z-5">
<img
class="size-10"
src="/build/images/generic/tag_new.svg"
title="is_novelty"
/>
</span>
</li>
</ul>
<button
class="flex p-s justify-center items-center gap-s border-1 rounded border-Utilities-Card-Border bg-Utilities-Card-Surface transition-opacity duration-250 ease-linear text-Utilities-CTA-Primary-Fill disabled:opacity-0 absolute -right-2 top-1/2 -translate-y-1/2 z-10"
>
<i data-lucide=chevron-right></i>
</button>
</div>
<a
data-analytics-homepage-cta="Nouveautés"
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center bg-Utilities-CTA-Primary-Fill text-Utilities-Text-Invert hover:bg-Utilities-CTA-Primary-Hover hover:text-Utilities-Text-Primary disabled:bg-Grey-Light disabled:text-Utilities-Text-Primary ring-Grey-ExtraDark active:ring-2 h-9 py-s px-m text-m w-fit mx-auto"
href="/nouveautes"
>
Découvrir les nouveautés
</a>
</div>
</section>
</div>
<section class="container max-md:hidden py-l flex justify-center items-center text-Utilities-Text-Primary">
<ul class="flex justify-start items-center gap-m divide-x-1 divide-Grey-Light">
<li class="flex flex-col gap-m items-center self-stretch px-16 md:w-1/3">
<i class="size-11 stroke-accent-400" data-lucide=badge-euro></i>
<div>
<p class="text-center font-bold uppercase">
Paiement sécurisé
</p>
<p class="text-center">
CB, 3x sans frais
</p>
</div>
</li>
<li class="flex flex-col gap-m items-center self-stretch px-16 md:w-1/3">
<i class="size-11 stroke-accent-400" data-lucide=gift></i>
<div>
<p class="text-center font-bold uppercase">
Promotions et cadeaux
</p>
<p class="text-center">
avec vos points fidélité !
</p>
</div>
</li>
<li class="flex flex-col gap-m items-center self-stretch px-16 md:w-1/3">
<i class="size-11 stroke-accent-400" data-lucide=truck></i>
<div>
<p class="text-center font-bold uppercase">
Frais de port à 0.01€
</p>
<p class="text-center">
À partir de 35€ d'achat*
</p>
</div>
</li>
</ul>
</section>
<div class="bg-Grey-ExtraExtraLight px-m py-l-xl md:px md:py-xxl">
<section id="home-new-releases" class="container">
<div class="container flex flex-col">
<div class="flex flex-col gap-s">
<span class="flex gap-s">
<h2 class="h2">Meilleures ventes</h2>
</span>
<p
class="font-sans font-normal text-base text-Utilities-Text-Primary"
>
Retrouvez les meilleures ventes du 9e Store au cours des derniers mois !</p>
</div>
<div id="scrollable-horizontal-988335fa-c872-4347-9e21-6b362198c399" class="flex gap-s md:gap-m items-center justify-start relative">
<button
class="flex p-s justify-center items-center gap-s border-1 rounded border-Utilities-Card-Border bg-Utilities-Card-Surface transition-opacity duration-250 ease-linear text-Utilities-CTA-Primary-Fill disabled:opacity-0 absolute -left-2 top-1/2 -translate-y-1/2 z-10"
>
<i data-lucide=chevron-left></i>
</button>
<ul class="flex items-center gap-s overflow-y-hidden overflow-x-auto snap-x snap-mandatory scroll-smooth no-scrollbar w-full my-xl">
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782505124641"
data-product-name="Oneira&#x20;-&#x20;L&#x27;&#x00E8;re&#x20;des&#x20;souverains&#x20;&#x2013;&#x20;Tome&#x20;1"
data-product-price="8.1"
data-product-position="0"
data-product-brand="Kana"
data-product-category="Manga"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/oneira/kana/livres/oneira-l-ere-des-souverains-tome-1-42d78c">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782505124641/couv/M266x333/oneira-l-ere-des-souverains-tome.jpg"
alt="Oneira - L'ère des souverains – Tome 1"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Oneira - L'ère des souverains – Tome 1
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
8,10
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Oneira - L'ère des souverains - tome 1» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="05d2fe58-4b10-48a4-b14b-cc2ac46bc345" />
<input type="hidden" name="_token" value="41fc7407b8.6STylSkSYxf-sF4y0dWHiY5mJHsWWGcEzOd4RsZbKDI.hFGCzVNnNWXN9Dxhl5Dt-sMFUiJQDzF2pY0sMJI1ZGGuSpjhYUY0bZjENQ" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3700677927217"
data-product-name="Peluche&#x20;Petit&#x20;Poilu&#x20;Poche"
data-product-price="12.5"
data-product-position="1"
data-product-brand="Dupuis"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/poilu/dupuis/maison/peluche-petit-poilu-071da6">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3700677927217/1/M266x333/peluche-petit-poilu-poche.jpg"
alt="Peluche Petit Poilu Poche"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Maison
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Peluche Petit Poilu Poche
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
12,50
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Peluche Petit Poilu Poche» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="8747206f-cd52-416d-a805-139ddf6be445" />
<input type="hidden" name="_token" value="2a13759de811.izIwipgC-MxrUnhNpOUGWUR9wMqH5ipqTNwjuwlo-tk.5kdA0uJ3rr5YFhoe4qBsKgketpPBsXwYJbZ3zV0GtorMXFr-0Favtg0mEw" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782808517881"
data-product-name="Pack&#x20;La&#x20;r&#x00E9;alit&#x00E9;&#x20;est&#x20;&#x00E9;norme&#x20;&#x2B;&#x20;ex-libris&#x20;J&#x27;arrive,&#x20;&#x00E7;a&#x20;commence&#x20;Mal..."
data-product-price="20"
data-product-position="2"
data-product-brand="Dupuis"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/inconnu/dupuis/livres/la-realite-est-enorme-f00cfa">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/9782808517881/1/M266x333/pack-la-realite-est-enorme-ex-li.jpg"
alt="Pack La réalité est énorme + ex-libris J'arrive, ça commence Mal..."
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Pack La réalité est énorme + ex-libris J'arrive, ça commence Mal...
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
20,00
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Pack La réalité est énorme + ex-libris J'arrive, ça commence Mal...» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="6e41d148-8c1e-4af0-8825-dc7290e7e879" />
<input type="hidden" name="_token" value="e04986b2c22e9b4ae50ac510672d0ebf.f7ghmJ4KeCF7CpKrLAj2F1bbetmjsJoBJPyf0WzMNr8.Es1RwOR_LlNITvD4ak2cZBu4DIDl58xzTZbLpziieuw41kvs1l4vWx1--Q" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782808517867"
data-product-name="Pack&#x20;La&#x20;r&#x00E9;alit&#x00E9;&#x20;est&#x20;&#x00E9;norme&#x20;&#x2B;&#x20;ex-libris&#x20;Papa,&#x20;Napol&#x00E9;on,&#x20;le&#x20;Bazooka&#x20;et&#x20;Moi"
data-product-price="20"
data-product-position="3"
data-product-brand="Dupuis"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/inconnu/dupuis/livres/la-realite-est-enorme-f085ff">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/9782808517867/1/M266x333/pack-la-realite-est-enorme-ex-li.jpg"
alt="Pack La réalité est énorme + ex-libris Papa, Napoléon, le Bazooka et Moi"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Pack La réalité est énorme + ex-libris Papa, Napoléon, le Bazooka et Moi
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
20,00
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Pack La réalité est énorme + ex-libris Papa, Napoléon, le Bazooka et Moi» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="b8cbd4d6-2073-434c-93b8-9d917758aaf5" />
<input type="hidden" name="_token" value="fbafe75b1d20651f8b2aaf77fe6066.PS_A2LWH_W3S4uUdLHCLpykygdF0j5xGkXdpZYSdbtE.UFqwgM_yqx_hpodOajXh1GRR94gy2Mo0-B09E9DzIoJ6Qaqs_dOqF7SWjg" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9791034767830"
data-product-name="Largo&#x20;Winch&#x20;&#x2013;&#x20;Tome&#x20;25"
data-product-price="15.95"
data-product-position="4"
data-product-brand="Dupuis"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/largo-winch/dupuis/livres/00a990">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9791034767830/couv/M266x333/si-les-dieux-t-abandonnent.jpg"
alt="Largo Winch – Tome 25"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Largo Winch – Tome 25
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
15,95
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Si les dieux t'abandonnent...» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="1247ce62-b0c2-4778-81e7-729a2baee174" />
<input type="hidden" name="_token" value="805847d93f18fabd61827bc.FtXHJOtfK3Ui2RR0hdvs_aLpfB7MzcSxI_6bE5mB0Rc.e6C3fJEqfQcRnXYnw56Gju-KCkeKmpLDSpTPZc3vnURRu61Qowt8D0Stfw" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782390602194"
data-product-name="Remparts"
data-product-price="16.95"
data-product-position="5"
data-product-brand="Graton"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/michel-vaillant/graton/livres/98f789">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/9782390602194/1/M266x333/remparts.jpg"
alt="Remparts"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Remparts
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
16,95
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Remparts» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="31a3045c-1cc6-454d-9c13-a43ef44cd392" />
<input type="hidden" name="_token" value="846449ac2a9720ad4ed14.lGy0-6VqWDbiHDSlz4nwtT2mhsR4YEAuHBQXwb_dZU4.-RnEo98fDkTRWFb2icyaxnDF8J0-NxZcdX5Dt-uzKR3TAt6P7T4PTIRoXw" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3701234121345"
data-product-name="Coffret&#x20;int&#x00E9;grale&#x20;Les&#x20;tuniques&#x20;Bleues,&#x20;Volumes&#x20;1&#x20;et&#x20;2"
data-product-price="79"
data-product-position="6"
data-product-brand="Dupuis"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/tuniques-bleues-les/dupuis/integrales-et-coffrets/coffret-integrale-les-tuniques-bleues-volumes-1-et-2-aac5ef">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3701234121345/1/M266x333/coffret-integrale-les-tuniques-b.jpg"
alt="Coffret intégrale Les tuniques Bleues, Volumes 1 et 2"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Intégrales et coffrets
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Coffret intégrale Les tuniques Bleues, Volumes 1 et 2
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
79,00
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Coffret intégrale Les tuniques Bleues, Volumes 1 et 2» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="0563e86f-87be-4aab-b39d-890bf87ae6bc" />
<input type="hidden" name="_token" value="1881a4cf871301153ee9afebf8533b3.XlKSr9_fQVjLI1cV53cnZna8CxD4CubGfkm_D5y0hZM.Myfi96WqFyr4ZzVGoTJNFTvffUm-XbC0FyPrecjaycAZPPjbl4sWIq1XPA" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782808218696"
data-product-name="L&#x00E9;onard&#x20;56&#x20;9e&#x20;store"
data-product-price="13.95"
data-product-position="7"
data-product-brand="Le Lombard"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/leonard/le-lombard/livres/eclair-de-genie-037a90">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/9782808218696/1/M266x333/leonard-56-9e-store.jpg"
alt="Léonard 56 9e store"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Léonard 56 9e store
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
13,95
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Léonard 56 9e store» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="93c80702-87f6-4835-9928-adda13641659" />
<input type="hidden" name="_token" value="9e6105f.JrSWwzotQ5l63oYlBfIXQsz2A0OD9s56-yY0Pdm4hMA.S8Hmm0BYFetJmuR2Q7d9MYGVdRrFoZgIkkxgS43WyJNh2vy3cnkU4xyq7Q" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782390600961"
data-product-name="Une&#x20;vie&#x20;de&#x20;d&#x00E9;fis"
data-product-price="25"
data-product-position="8"
data-product-brand="Graton"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/michel-vaillant/graton/livres/henri-vaillant-une-vie-de-competitions-73aa51">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/9782390600961/1/M266x333/une-vie-de-defis.jpg"
alt="Une vie de défis"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Une vie de défis
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
25,00
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Une vie de défis» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="739fca3a-e3a2-429a-bd9c-717014c274e7" />
<input type="hidden" name="_token" value="93c3a85.5qVgh2qzVDJM2lDLjOponpt3gpRQErKvtl7_92cdTdk.i9AQ3xDGAkB_njKYyq8C7dYU9M0WReTd3zSrgTNzAYqhywrzIucDSCquOw" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782390602378"
data-product-name="Michel&#x20;avant&#x20;Vaillant&#x20;&#x28;1954-1964&#x29;"
data-product-price="15.5"
data-product-position="9"
data-product-brand="Graton"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/michel-vaillant/graton/livres/michel-avant-vaillant-73df5c">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/9782390602378/1/M266x333/michel-avant-vaillant-1954-1964.jpg"
alt="Michel avant Vaillant (1954-1964)"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Michel avant Vaillant (1954-1964)
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
15,50
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Michel avant Vaillant (1954-1964)» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="ba948242-e2e9-4dce-972e-4dbdbc598c43" />
<input type="hidden" name="_token" value="e31ad30837fccb01780dc5.lZOT9CZwNhFqgzTtqt_Di33qHD1ZCZsPVN5tATp7g1U.-ObjrFwFYGNZx1a-7Jqp-DCJamQfXs19PbQ5d24VzwbS_fmAbiRhawz3Xw" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782808517874"
data-product-name="Pack&#x20;La&#x20;r&#x00E9;alit&#x00E9;&#x20;est&#x20;&#x00E9;norme&#x20;&#x2B;&#x20;ex-libris&#x20;Mon&#x20;H&#x00E9;ros,&#x20;mon&#x20;Roi&#x20;&#x21;"
data-product-price="20"
data-product-position="10"
data-product-brand="Dupuis"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/inconnu/dupuis/livres/la-realite-est-enorme-f04657">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/9782808517874/1/M266x333/pack-la-realite-est-enorme-ex-li.jpg"
alt="Pack La réalité est énorme + ex-libris Mon Héros, mon Roi !"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Pack La réalité est énorme + ex-libris Mon Héros, mon Roi !
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
20,00
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Pack La réalité est énorme + ex-libris Mon Héros, mon Roi !» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="84e6f173-4e1d-48f2-a635-c759535f2f1d" />
<input type="hidden" name="_token" value="427b.I2a8Nv_EQL200229heieSAuK9_xD2hnk2Y0xH75C6iA.ThPMboWxFs-Hlw_uw630O0bpgaUFjU-WsOdlaeospnNkCNZCt5AXx9KnBg" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3701167193907"
data-product-name="Coffret&#x20;Death&#x20;Note&#x20;-&#x20;L&#x27;Int&#x00E9;grale"
data-product-price="104.15"
data-product-position="11"
data-product-brand="Kana"
data-product-category="Manga"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/death-note/kana/integrales-et-coffrets/coffret-death-note-l-integrale-3b4cb1">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3701167193907/1/M266x333/coffret-death-note-l-integrale.jpg"
alt="Coffret Death Note - L'Intégrale"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Intégrales et coffrets
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Coffret Death Note - L'Intégrale
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
104,15
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Coffret Death Note - L'Intégrale» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="cca457d3-11e6-4995-b521-62c1b27de1a1" />
<input type="hidden" name="_token" value="924.okVZqUw4GVOnmrVdWJiJq-Y7Guh42be5xAQTrajG-Ts.zzAp8TZNTyGU3tcOHt3j2KtYbLE-juHLrW5H2_yotWjlKzPdBGxOKcHu3g" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3701580713980"
data-product-name="Coffret&#x20;Madeleine,&#x20;r&#x00E9;sistante&#x20;T4&#x20;&#x2B;&#x20;ex-libris&#x20;sign&#x00E9;&#x20;&#x2B;&#x20;cale"
data-product-price="35"
data-product-position="12"
data-product-brand="Dupuis"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/madeleine-resistante/dupuis/integrales-et-coffrets/coffret-madeleine-resistante-t4-ex-libris-signe-cale-b9d866">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3701580713980/1/M266x333/coffret-madeleine-resistante-t4.jpg"
alt="Coffret Madeleine, résistante T4 + ex-libris signé + cale"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Intégrales et coffrets
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Coffret Madeleine, résistante T4 + ex-libris signé + cale
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
35,00
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Coffret Madeleine, résistante T4 + ex-libris signé + cale» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="21ed2d55-9a25-49f4-8ba6-29f892bd09ae" />
<input type="hidden" name="_token" value="3ab0022e189574e9df89e11b7987157.foVeaRrtxVhGHfAATQrxL290vJcrQ5jxyyyqneImjb4.E_AuMWCYkyp1WZJTC0-bXCIXys5tFM6Dokb-67ZIwe056zQdUrmSIiBpmw" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782505130741"
data-product-name="XIII&#x20;Trilogy&#x20;&#x3A;&#x20;Jones&#x20;&#x2013;&#x20;Tome&#x20;3"
data-product-price="13.95"
data-product-position="13"
data-product-brand="Dargaud Benelux"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/xiii/dargaud-benelux/livres/la-danse-du-soleil-01e541">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782505130741/couv/M266x333/la-danse-du-soleil.jpg"
alt="XIII Trilogy : Jones – Tome 3"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
XIII Trilogy : Jones – Tome 3
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
13,95
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «La Danse du soleil» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="0e8f9f1f-4260-40cb-8621-d4f5aaa192d0" />
<input type="hidden" name="_token" value="48.AYaVcaF3Xy0sZPxf-sOqvxIpN4Fabl9CFZnt7eXbCYs.bPPlKdsCCV8fIJ4MvIbAzF9KQdgcOQkwfPO5m7G1RdhG6P8F6SMIV0oQlw" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782390340515"
data-product-name="Le&#x20;fil&#x20;de&#x20;l&#x27;Histoire&#x20;racont&#x00E9;&#x20;par&#x20;Ariane&#x20;&amp;&#x20;Nino&#x20;&#x2013;&#x20;Tome&#x20;14"
data-product-price="6.9"
data-product-position="14"
data-product-brand="Dupuis Jeunesse"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/le-fil-de-l-histoire-raconte-par-ariane-nino/dupuis-jeunesse/livres/napoleon-7dfb08">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782390340515/couv/M266x333/napoleon.jpg"
alt="Le fil de l'Histoire raconté par Ariane & Nino – Tome 14"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Le fil de l'Histoire raconté par Ariane & Nino – Tome 14
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
6,90
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Napoléon» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="64e747c4-0049-4285-bb98-b426dcc86b6f" />
<input type="hidden" name="_token" value="0631015fced29f0c.D4I0Odu8aXSbXL9uv-cb9bbCmEBexEI0gUAUMSslS84.YvdEYaHJPwaoGN09-aJxhvuh7hkYkxRG6CpAR39LB51I7F5Nk-g-Dv0o1A" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3701580714048"
data-product-name="Coffret&#x20;Collector&#x20;Kagurabachi&#x20;Tome&#x20;7"
data-product-price="19.9"
data-product-position="15"
data-product-brand="Kana"
data-product-category="Manga"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/kagurabachi/kana/integrales-et-coffrets/coffret-collector-kagurabachi-tome-7-aea115">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3701580714048/1/M266x333/coffret-collector-kagurabachi-to.jpg"
alt="Coffret Collector Kagurabachi Tome 7"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Intégrales et coffrets
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Coffret Collector Kagurabachi Tome 7
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
19,90
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Coffret Collector Kagurabachi Tome 7» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="b5c3771b-f475-453c-aa91-6558ab9d3e77" />
<input type="hidden" name="_token" value="3539dca6e2bcae4d3b58da6c088c.-708rKnFLOI_0wWejeonjk8wmklWA8Itx63qnVzfWvU.lshM9NOwepAMl2fNy69N_QJT7BAQVJRfrse-6wixFqa801bY4ZF7mFmnbg" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3701627801830"
data-product-name="Vinyle&#x20;Naruto&#x20;-&#x20;best&#x20;collection&#x20;-&#x20;&#x00E9;dition&#x20;limit&#x00E9;e&#x20;Minato"
data-product-price="49.99"
data-product-position="16"
data-product-brand="Microids Records"
data-product-category="Pop culture"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/naruto/microids-records/vinyles/vinyle-naruto-best-collection-edition-limitee-minato-c014ba">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3701627801830/1/M266x333/vinyle-naruto-best-collection-ed.jpg"
alt="Vinyle Naruto - best collection - édition limitée Minato"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Vinyles
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Vinyle Naruto - best collection - édition limitée Minato
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
49,99
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Vinyle Naruto - best collection - édition limitée Minato» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="606e6516-46b8-4c8a-b60a-f55e11228df3" />
<input type="hidden" name="_token" value="2379e65e88a47.jHyexG8P-GKUrejN2TFXooU3hlWHp923yPSr8MHO7hQ.4QnunBV6rhCn6Yqen3Q90chU8AzB8IvFoZ7_hpWgokfLEvSwJ1uvGPLZgw" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3701234136295"
data-product-name="S&#x00E9;rigraphie&#x20;Blacksad&#x20;-&#x20;En&#x20;action&#x20;-&#x20;&#x00E9;dition&#x20;25&#x20;ans"
data-product-price="79"
data-product-position="17"
data-product-brand="Expérience Sérigraphie"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/blacksad/experience-serigraphie/serigraphies/serigraphie-blacksad-en-action-edition-25-ans-77c156">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3701234136295/1/M266x333/serigraphie-blacksad-en-action-e.jpg"
alt="Sérigraphie Blacksad - En action - édition 25 ans"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Sérigraphies
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Sérigraphie Blacksad - En action - édition 25 ans
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
79,00
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Sérigraphie Blacksad - En action - édition 25 ans» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="730ef30f-724b-49bf-a9a9-62f4578d8d05" />
<input type="hidden" name="_token" value="aaf.4umv9I5cTXZo0ydHnUNbTruzvRrRfbbo0dum0ES8kwA.j5zfrPQpGwRbl0UU2wYxPfbQy0OXKuCauLHyphDS31Olh8WAxggaDA6nTA" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782205215366"
data-product-name="Une&#x20;aventure&#x20;Classic&#x20;de&#x20;Tanguy&#x20;&amp;&#x20;Laverdure&#x20;tome&#x20;7&#x20;exclusivit&#x00E9;&#x20;9e&#x20;Store"
data-product-price="21.5"
data-product-position="18"
data-product-brand="Dargaud"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/tanguy-et-laverdure/dargaud/livres/une-taupe-chez-les-cigognes-e809d2">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/9782205215366/1/M266x333/une-aventure-classic-de-tanguy-l.jpg"
alt="Une aventure Classic de Tanguy & Laverdure tome 7 exclusivité 9e Store"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Une aventure Classic de Tanguy & Laverdure tome 7 exclusivité 9e Store
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
21,50
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Une aventure Classic de Tanguy & Laverdure tome 7 exclusivité 9e Store» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="9f6018f7-a56d-498b-9fbd-cfb9163f1c31" />
<input type="hidden" name="_token" value="6d0670d0bbb.6iREUCWTM1lGoPhdOVWFK0XGM8nZC_XuFyliYGjnV1g.h1E0CF_mZSt15JoOfxDvWAilRZCfXKOcfkM2FjyJGwutSi4kbcdkIyDUkw" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9791034767823"
data-product-name="Largo&#x20;Winch&#x20;&#x2013;&#x20;Tome&#x20;24"
data-product-price="15.95"
data-product-position="19"
data-product-brand="Dupuis"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/largo-winch/dupuis/livres/le-centile-d-or-f6fb97">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9791034767823/couv/M266x333/le-centile-d-or.jpg"
alt="Largo Winch – Tome 24"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Largo Winch – Tome 24
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
15,95
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Le Centile d'or» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="05737881-b860-4636-ae8d-8e131f4d3592" />
<input type="hidden" name="_token" value="e3411b4f63e.ikNzRtb-jmq746avS_b6eyGlqPX7YjZGNDjSCQRlmKQ.5zYDHqyL2BiIp8T8DbOQCGzG3qy9NWA0XVKGf1AL1PfNLRkynqrZEN2XzQ" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3701234136622"
data-product-name="S&#x00E9;rigraphie&#x20;Natacha"
data-product-price="129"
data-product-position="20"
data-product-brand="Expérience Sérigraphie"
data-product-category="Pop culture"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/inconnu/experience-serigraphie/serigraphies/serigraphie-natacha-283d5f">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3701234136622/1/M266x333/serigraphie-natacha.jpg"
alt="Sérigraphie Natacha"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Sérigraphies
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Sérigraphie Natacha
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
129,00
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Sérigraphie Natacha» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="48a30886-d967-4eb6-8a4d-81137b89bb57" />
<input type="hidden" name="_token" value="9ce8a9a.Zpw5r3l5PTaSlMQxi7KTGt4fIiFNmks_D82Lyc7_Z4Y.C-lJ9wMMa0Sh0KZizff5aZN8VHgLzR1NZqffv5qRK9Uh8lPbMS1qTPTgrw" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782808507660"
data-product-name="Les&#x20;Tuniques&#x20;Bleues&#x20;&#x2013;&#x20;Tome&#x20;69"
data-product-price="12.95"
data-product-position="21"
data-product-brand="Dupuis"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/tuniques-bleues-les/dupuis/livres/les-tuniques-bleues-tome-69-fecd88">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782808507660/couv/M266x333/lincoln-dans-la-ligne-de-mire.jpg"
alt="Les Tuniques Bleues – Tome 69"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Les Tuniques Bleues – Tome 69
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
12,95
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Lincoln dans la ligne de mire» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="aa0989de-7ffc-45ef-8db3-3dc5c5c0fc65" />
<input type="hidden" name="_token" value="4db34b094a626bc068a.8gFrxw_M2HQjX0dzpO3t8oGcrO055xQxZ1d1zmmLzVg.n3Qbn3W5jgYQGyUg4qiHgcz_2rR_sEJDDj0huD3lgQu1bwGzR5iPDkUrLA" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3770017509342"
data-product-name="Figurine&#x20;Lucky&#x20;Luke&#x20;allumant&#x20;sa&#x20;cigarette"
data-product-price="159"
data-product-position="22"
data-product-brand="LMZ Collectibles"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/lucky-luke/lmz-collectibles/figurines/figurine-lucky-luke-allumant-sa-cigarette-9569ec">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3770017509342/1/M266x333/figurine-lucky-luke-allumant-sa.jpg"
alt="Figurine Lucky Luke allumant sa cigarette"
loading="lazy" />
</header>
<span class="absolute bottom-0 right-0 flex justify-center items-center px-s py-xs bg-accent-300 rounded-tl-xs border-t border-l border-accent-400 font-sans text-xs font-bold uppercase">
Exclusivité
</span>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Figurines
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Figurine Lucky Luke allumant sa cigarette
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
159,00
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Figurine Lucky Luke allumant sa cigarette» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="1bf9532b-02ae-4492-8b8d-a7fd59dcf89d" />
<input type="hidden" name="_token" value="b62ba6.hZHK4A7D8iT9hGdznuAvKtM-Nl_KqpKglM-sr0lU62c.6OS6uHS2pFbOwAUg2KVFWZ5dQAaM_cTS_aX42R06pzTC_6CURpelXpvwDA" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3701580714055"
data-product-name="Coffret&#x20;Deadpool&#x20;Batman&#x20;&#x28;inclus&#x20;&#x23;1&#x20;&#x2B;&#x20;poster&#x29;"
data-product-price="13.9"
data-product-position="23"
data-product-brand="Urban Comics"
data-product-category="Comics"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/batverse/urban-comics/integrales-et-coffrets/coffret-deadpool-batman-inclus-1-poster-db3722">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3701580714055/1/M266x333/coffret-deadpool-batman-inclus-1.jpg"
alt="Coffret Deadpool Batman (inclus #1 + poster)"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Intégrales et coffrets
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Coffret Deadpool Batman (inclus #1 + poster)
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
13,90
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Coffret Deadpool Batman (inclus #1 + poster)» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="b9f264d0-4cfa-406f-92da-37eee42863b0" />
<input type="hidden" name="_token" value="9fc3da61e4b9cdcacc.kckfmYCzNBTlTDTsKblAnBvoP75Vc9az46gSq42qCQM._LxvwfrGYmbWCFa_b_wq71aLSecTJIDBisJG3dnERVDWp3XtyOdjboM4Xw" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3701167134634"
data-product-name="Figurine&#x20;Tintin&#x20;-&#x20;Tintin&#x20;Cosmonaute"
data-product-price="27.5"
data-product-position="24"
data-product-brand="Tintinimaginatio"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/tintin/tintinimaginatio/figurines/tintin-cosmonaute-0147fe">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3701167134634/1/M266x333/figurine-tintin-tintin-cosmonaut.jpg"
alt="Figurine Tintin - Tintin Cosmonaute"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Figurines
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Figurine Tintin - Tintin Cosmonaute
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
27,50
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Figurine Tintin - Tintin Cosmonaute» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="c4f1e6b9-ab04-4d5f-b63b-b85e5ee139fc" />
<input type="hidden" name="_token" value="f81c5a848d32a3822fe27af45ee.Gq_Sjfk2VSnkqtAPiEqJz9isWCtoZMhCMb--qLwzoHA.d9qi1YNDA1vX7rJczg_jvJXPLnIuM54wWNXq3uhd7CNdwbj5sWICU4Leuw" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782505142041"
data-product-name="Bas&#x20;les&#x20;Masques&#x20;&#x21;"
data-product-price="10"
data-product-position="25"
data-product-brand="Dargaud Benelux"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/xiii/dargaud-benelux/livres/bas-les-masques-014c38">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782505142041/couv/M266x333/bas-les-masques.jpg"
alt="Bas les Masques !"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Bas les Masques !
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
10,00
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Bas les Masques !» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="61fc2bc0-a18e-4313-b5d2-d45c85a95670" />
<input type="hidden" name="_token" value="b0232634911cf.jGGYryM3xC_tz-SwnIvapwAo9PITUXucsJsV9iz1ads.4RTo91lCkl3ei4bj2s6w1E1LgqtVBi3u2fFBgHibJYjLD_Lba2OTVYu7jw" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3701167146903"
data-product-name="Tournesol&#x20;&#x00E0;&#x20;la&#x20;b&#x00EA;che"
data-product-price="27.5"
data-product-position="26"
data-product-brand="Tintinimaginatio"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/tintin/tintinimaginatio/figurines/tournesol-a-la-beche-7f16fd">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3701167146903/1/M266x333/tournesol-a-la-beche.jpg"
alt="Tournesol à la bêche"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Figurines
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Tournesol à la bêche
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
27,50
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Tournesol à la bêche» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="81ae4061-4453-42cc-b241-43fd13db77fe" />
<input type="hidden" name="_token" value="c77e69bfa327bf95e0e433.FeQErEr6YbqpD3sOpo6MowCIZmj4oIFYm0zzX0fgMc4.eJF09DCPN8iaSxld4Mvm0E3rEDG-99cq8ianKROOfZ1Sim7YAq42wM97EA" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782505142102"
data-product-name="Silence&#x20;&#x2013;&#x20;Tome&#x20;6"
data-product-price="8.1"
data-product-position="27"
data-product-brand="Kana"
data-product-category="Manga"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/silence/kana/livres/silence-tome-6-c5029d">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782505142102/couv/M266x333/silence-tome-6.jpg"
alt="Silence – Tome 6"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Silence – Tome 6
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
8,10
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Silence - tome 6» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="72f476d7-353c-40ee-93d0-ccb580e6b964" />
<input type="hidden" name="_token" value="4b20c0dd7a9ea88ebc90a3f9eac781fe._9qzQDVDbUVphYlsTCvFPrM_FIzEr8UrVWbLW82rYRE.kq_DGE82Ozdawes_Cm6vTf5cYtWC-JNZPAyfLZnFLUK4tNk0fRc6Pw_x4g" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782884715096"
data-product-name="Dakota&#x20;1880"
data-product-price="22"
data-product-position="28"
data-product-brand="Lucky Comics"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/un-hommage-a-lucky-luke-par/lucky-comics/livres/dakota-1880-747e5a">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782884715096/couv/M266x333/dakota-1880.jpg"
alt="Dakota 1880"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Dakota 1880
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
22,00
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Dakota 1880» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="58a7fbd8-bbe2-4f54-ab05-23844f8f2f71" />
<input type="hidden" name="_token" value="8a.oYZ7kTznOaXsQWn1uKYsSiXkWFmnZ8-FN0l_kSkQDgk.zPMLyUaSb9ffBQum_uNGOWiHLgDhMJn3XiMr531-Qlrm6BHldLNu34o1Ag" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9791034759668"
data-product-name="Madeleine,&#x20;r&#x00E9;sistante&#x20;&#x2013;&#x20;Tome&#x20;3"
data-product-price="25"
data-product-position="29"
data-product-brand="Dupuis"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/madeleine-resistante/dupuis/livres/madeleine-resistante-tome-3-541421">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9791034759668/couv/M266x333/les-nouilles-a-la-tomate.jpg"
alt="Madeleine, résistante – Tome 3"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Madeleine, résistante – Tome 3
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
25,00
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Les nouilles à la tomate» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="51cc6fd8-56d4-41ad-a75f-f71d454a1913" />
<input type="hidden" name="_token" value="6bd4503e395ad2b95ef6c6214a16a.XGEWuwb601pD6YzNN2kG6OTuVsHp8rWyyyZMS8z03ak.MRRm43yPhShwre6ecSxsm6mNIJivpePAokwYPZiakfobD3zPTq6EICWd5w" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9791034742752"
data-product-name="Madeleine,&#x20;r&#x00E9;sistante&#x20;&#x2013;&#x20;Tome&#x20;1"
data-product-price="25"
data-product-position="30"
data-product-brand="Dupuis"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/madeleine-resistante/dupuis/livres/madeleine-resistante-tome-1-05a2fc">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9791034742752/couv/M266x333/la-rose-degoupillee.jpg"
alt="Madeleine, résistante – Tome 1"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Madeleine, résistante – Tome 1
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
25,00
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «La Rose dégoupillée» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="b26a8c45-63a7-4256-8e92-46c6110dcc2f" />
<input type="hidden" name="_token" value="16923c8bbab2402f58b2304b600660.fR-xl9qmzCU-h3VNmNk7JTmeW09EIu2qdXEufs8EgzM.EGrBz6DTmlcNwxce3pxRVnT9LRYCdbvYHBt6CJtqz2A6cdvjkvKbX1jzHg" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3701167113981"
data-product-name="Figurine&#x20;Tintin&#x20;-&#x20;Milou&#x20;Cosmonaute"
data-product-price="22.5"
data-product-position="31"
data-product-brand="Tintinimaginatio"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/tintin/tintinimaginatio/figurines/milou-cosmonaute-236431">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3701167113981/1/M266x333/figurine-tintin-milou-cosmonaute.jpg"
alt="Figurine Tintin - Milou Cosmonaute"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Figurines
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Figurine Tintin - Milou Cosmonaute
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
22,50
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Figurine Tintin - Milou Cosmonaute» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="fee476b3-c054-47ec-b085-bd72aac80478" />
<input type="hidden" name="_token" value="13d6ea94848450976bca5.dPMoT9MauHQJOpRWpYMDAi9_2JYUIaLsHuf3hsXDiq0.GYZYF6lv7gY6fvYF48ZpcWIcrs9SdvSed42j8JGtxv4znUI7m07vDm9O_w" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782870973103"
data-product-name="La&#x20;Menace&#x20;atlante"
data-product-price="17.5"
data-product-position="32"
data-product-brand="Editions Blake et Mortimer"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/blake-mortimer/editions-blake-et-mortimer/livres/la-menace-atlante-ac5e39">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/9782870973103/1/M266x333/la-menace-atlante.jpg"
alt="La Menace atlante"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
La Menace atlante
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
17,50
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «La Menace atlante» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="8f0904e2-830d-4e93-a370-89a0f64cfeac" />
<input type="hidden" name="_token" value="08f7621c915f1dd3.L_jOfAP0jkhoyEtluIpIuuZA4Q3R4eDcsLKm3dyRntc.Qo2-JHmB2DpbjCk2_s8iyasjl1SXtrau2djyq4j_0oRolqQIS6DZMg68IA" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782808508896"
data-product-name="Madeleine,&#x20;r&#x00E9;sistante&#x20;&#x2013;&#x20;Tome&#x20;4"
data-product-price="25"
data-product-position="33"
data-product-brand="Dupuis"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/madeleine-resistante/dupuis/livres/madeleine-resistante-tome-4-047ed3">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782808508896/couv/M266x333/l-ange-exterminateur.jpg"
alt="Madeleine, résistante – Tome 4"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Madeleine, résistante – Tome 4
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
25,00
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «L'ange exterminateur» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="64adea4f-b98c-4116-b52e-5d0ed22e9ef5" />
<input type="hidden" name="_token" value="ed2fbe3ece0b461f7cf5e2f0579.2icgpXgLGxAdZCQionqKpOXRrVKkYsnv7bqJ7ilE6xA.t1JQ_QJ-TWIuIEZx5D_g16iy2wviNZ-dhNDdmH0qp0OdSUrRMF9MansQTw" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9791026853787"
data-product-name="Absolute&#x20;Flash&#x20;&#x2013;&#x20;Tome&#x20;1"
data-product-price="18.5"
data-product-position="34"
data-product-brand="Urban Comics"
data-product-category="Comics"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/flash/urban-comics/livres/absolute-flash-tome-1-c45e79">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9791026853787/couv/M266x333/absolute-flash-tome-1.jpg"
alt="Absolute Flash – Tome 1"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Absolute Flash – Tome 1
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
18,50
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Absolute Flash Tome 1» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="3f94d5f6-22f5-4e83-868a-03ed2a1b3eb6" />
<input type="hidden" name="_token" value="c74d9afe1fab16b195e26.tATA3bQGu3w-c1cyBIitwlPmaXZdK-sY3QWkFJr8gak.2XGwhc5z7Q4NNzVhQs3HsR6FHy8bfL1qtG_wYs6Szfrzaqqp_FLsBlgHPA" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9791026823384"
data-product-name="Absolute&#x20;Batman&#x20;&#x2013;&#x20;Tome&#x20;1"
data-product-price="20.5"
data-product-position="35"
data-product-brand="Urban Comics"
data-product-category="Comics"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/batverse/urban-comics/livres/absolute-batman-tome-1-1e0e49">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9791026823384/couv/M266x333/absolute-batman-tome-1.jpg"
alt="Absolute Batman – Tome 1"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Absolute Batman – Tome 1
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
20,50
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Absolute Batman Tome 1» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="9a445743-0981-4ff5-8e62-69080c86eea6" />
<input type="hidden" name="_token" value="dfb48e224b2a5278d0115df.1i8VvQYYzO9-wl9085So77hjEed2ifBhivMngMDWhlI.u1pl5Xxtmp1Nhj0ntdHCnPUAZ74w3qYT45lz9pS4ygGRQX_JTkyblRi2NA" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782205061383"
data-product-name="Silex&#x20;and&#x20;the&#x20;city&#x20;&#x2013;&#x20;Tome&#x20;1"
data-product-price="17.5"
data-product-position="36"
data-product-brand="Dargaud"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/silex-and-the-city/dargaud/livres/silex-and-the-city-4d0844">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782205061383/couv/M266x333/silex-and-the-city.jpg"
alt="Silex and the city – Tome 1"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Silex and the city – Tome 1
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
17,50
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Silex and the city» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="68574089-7fd0-4ba6-a17d-6675e91b0f21" />
<input type="hidden" name="_token" value="dcbe27a80c2d42351e5e83217be1b5ad.H1ud5DB1CU86o9tYBbqwJNhpt9ZC0YeIxW9PxLLXT6Y.ci7tvEoAXz0J57kLQ__aV5UKwY8EhtH6rAUbsua5A_VYNfeQeCFeNVzXsA" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782808217934"
data-product-name="Son&#x20;odeur&#x20;apr&#x00E8;s&#x20;la&#x20;pluie"
data-product-price="29.9"
data-product-position="37"
data-product-brand="Le Lombard"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/son-odeur-apres-la-pluie/le-lombard/livres/son-odeur-apres-la-pluie-624a61">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782808217934/couv/M266x333/son-odeur-apres-la-pluie.jpg"
alt="Son odeur après la pluie"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Son odeur après la pluie
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
29,90
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Son odeur après la pluie» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="9fe45b38-5562-48cb-9d64-ea1680dcca6f" />
<input type="hidden" name="_token" value="18ea15b642e9780f838a7a2eba.uZebGGGnlKIEpvvR7U8XBHppLuTQNgOCY3Gkvk6ZLOc.1OLrQBvSwtA34pmCqwp9dzcKWL2WYVXwChvwyBr3YLT--fFsKfPD2GLSkA" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9791034768974"
data-product-name="Soli&#x20;Deo&#x20;Gloria"
data-product-price="30"
data-product-position="38"
data-product-brand="Dupuis"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/inconnu/dupuis/livres/soli-deo-gloria-fe3f88">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9791034768974/couv/M266x333/soli-deo-gloria.jpg"
alt="Soli Deo Gloria"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Soli Deo Gloria
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
30,00
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Soli Deo Gloria» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="42b168ce-6492-41fb-a479-948230ce9fb8" />
<input type="hidden" name="_token" value="309.gtum-XYWaaLzWKlz-FaffmyELEFZO43F85eA0qwJQag.767WoQxjP9DAHMsgvhP1DSHnWhgfbNu3mv3UpPhnDfvFtcyNPkI-2JUswg" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3309450042194"
data-product-name="INTEGRALE&#x20;PSYCHO&#x20;PASS&#x20;S1&#x20;&#x2B;&#x20;S2"
data-product-price="89.509"
data-product-position="39"
data-product-brand="Kana Home Vidéo"
data-product-category="Manga"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/psycho-pass/kana-home-video/coffret-dvd-bluray/integrale-psycho-pass-s1-s2-aa2ed4">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3309450042194/1/M266x333/integrale-psycho-pass-s1-s2.jpg"
alt="INTEGRALE PSYCHO PASS S1 + S2"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Coffret DVD / BluRay
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
INTEGRALE PSYCHO PASS S1 + S2
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
89,51
<span class="text-Utilities-Error line-through">
127,87
</span>
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «INTEGRALE PSYCHO PASS S1 + S2» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="3f2ff9aa-d689-4a36-99fb-aa0a75f94d6c" />
<input type="hidden" name="_token" value="f7bc45e539a26e8a64f1a3f0b2fad7d1.v4CZq3CYZghixZgajyZKW973pu_9NF0K6sNp7hhX0Zc.0vXp8wrtMHpRgfpJyWMgKJOU0La7Ywt4g6k9mEw5ncT47vPfOMwxcgSx8w" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3521320003412"
data-product-name="Figurine&#x20;Collectoys&#x20;Natacha&#x20;-&#x20;Pause&#x20;lecture"
data-product-price="129.99"
data-product-position="40"
data-product-brand="Plastoy"
data-product-category="Pop culture"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/inconnu/plastoy/figurines/figurine-collectoys-natacha-pause-lecture-00d400">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3521320003412/1/M266x333/figurine-collectoys-natacha-paus.jpg"
alt="Figurine Collectoys Natacha - Pause lecture"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Figurines
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Figurine Collectoys Natacha - Pause lecture
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
129,99
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Figurine Collectoys Natacha - Pause lecture» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="6318be56-c700-438b-9d52-936b8753e3e4" />
<input type="hidden" name="_token" value="9352.A7A2wcD_mo7lzH7lWF7IhZaIVEG-XKSmkTYzT5mPnSI.bsVGmbqKzPzWiBy2Hhui9tvrIhj4C_LU-FxnOc3h0XFE3ly1iKvN9IO4FQ" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3760285530827"
data-product-name="Doudou&#x20;b&#x00E9;b&#x00E9;&#x20;Marsupilami"
data-product-price="11.53"
data-product-position="41"
data-product-brand="Parc Spirou"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/marsupilami/parc-spirou/peluches/doudou-bebe-marsupilami-a84171">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3760285530827/1/M266x333/doudou-bebe-marsupilami.jpg"
alt="Doudou bébé Marsupilami"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Peluches
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Doudou bébé Marsupilami
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
11,53
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Doudou bébé Marsupilami» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="2ac57840-b701-4816-95b0-d0f6f4b22cf6" />
<input type="hidden" name="_token" value="a5b75949f.aFHiLU02OcHMPRRY6HsV5uaAQf-cbPJpGON7HXVdvNU.BSSSdTdDb7P_eXYLrj5_lavjN6baO6QbcYkvayEz8IYvP4hZBWJuu6pJfw" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9791034747979"
data-product-name="Madeleine,&#x20;r&#x00E9;sistante&#x20;&#x2013;&#x20;Tome&#x20;2"
data-product-price="25"
data-product-position="42"
data-product-brand="Dupuis"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/madeleine-resistante/dupuis/livres/madeleine-resistante-tome-2-686168">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9791034747979/couv/M266x333/l-edredon-rouge.jpg"
alt="Madeleine, résistante – Tome 2"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Madeleine, résistante – Tome 2
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
25,00
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «L'édredon rouge» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="8891e1ba-10b5-4e94-8a53-1db8c34890bf" />
<input type="hidden" name="_token" value="19489f8.xhVNTmuwdBr9yc34FatcA6vWlrQnODRnkElrBPQIXJo.q2A9FhHFImjOja-rU-42cOa14O1hb2IV-SM_cqBmEMmBeyc6I-QjYJu9pg" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782505133629"
data-product-name="D&#x00E9;tective&#x20;Conan&#x20;&#x2013;&#x20;Tome&#x20;106"
data-product-price="7.3"
data-product-position="43"
data-product-brand="Kana"
data-product-category="Manga"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/detective-conan/kana/livres/detective-conan-t106-5e57ee">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782505133629/couv/M266x333/detective-conan-t106.jpg"
alt="Détective Conan – Tome 106"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Détective Conan – Tome 106
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
7,30
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Détective Conan T106» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="652fc443-93f3-48a5-afdf-4e8b524fd944" />
<input type="hidden" name="_token" value="c1d0adc7.JwJ2WUXQlBnrjrWaC25DUTXQufs1H8hpdkWfw8otv-Y.SncGAT-lwmvYytfJTSspInizz6JzSJ4bHy_LtZ5D87VgbBwtDYTDY4363g" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782385430825"
data-product-name="Semainier&#x20;-&#x20;Michel&#x20;Vaillant"
data-product-price="15"
data-product-position="44"
data-product-brand="Graton"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/michel-vaillant/graton/papeterie/semainier-michel-vaillant-d5e07f">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/9782385430825/1/M266x333/semainier-michel-vaillant.jpg"
alt="Semainier - Michel Vaillant"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Papeterie
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Semainier - Michel Vaillant
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
15,00
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Semainier - Michel Vaillant» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="04aabcd5-426d-4508-a19b-11be660f4e6a" />
<input type="hidden" name="_token" value="132ca8.ZVprFCq2DtT_rYSc9p0S3hPgSevJCWsmwQE8FIXB8-s.CC8bTFDDWKbM6ebPsNh4rV6DP7KPXj1UqGtoYtGvv7giNAFgYuJZrpnZ7w" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3701234136141"
data-product-name="Coffret&#x20;int&#x00E9;grale&#x20;Les&#x20;Tuniques&#x20;Bleues,&#x20;Volumes&#x20;3&#x20;et&#x20;4"
data-product-price="85"
data-product-position="45"
data-product-brand="Dupuis"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/tuniques-bleues-les/dupuis/integrales-et-coffrets/coffret-integrale-les-tuniques-bleues-volumes-3-et-4-b7835b">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3701234136141/1/M266x333/coffret-integrale-les-tuniques-b.jpg"
alt="Coffret intégrale Les Tuniques Bleues, Volumes 3 et 4"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Intégrales et coffrets
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Coffret intégrale Les Tuniques Bleues, Volumes 3 et 4
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
85,00
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Coffret intégrale Les Tuniques Bleues, Volumes 3 et 4» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="94123f85-b856-4155-966d-1b2dc0e05767" />
<input type="hidden" name="_token" value="990.wpoLHo8EfsgvdUAQe163FwEYmzc6avkTtGxmfRKS2lo.r-97RvVxKLocMSJDPRvdZEx77W58Pa9h3QYyC0b8lgmF9GFqx1ApskkBKw" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782808510035"
data-product-name="Sonny&#x20;Tuckson,&#x20;Air&#x20;Race&#x20;Pilot&#x20;1&#x2F;2&#x20;&#x28;Ed.&#x20;9e&#x20;store&#x29;"
data-product-price="19.9"
data-product-position="46"
data-product-brand="Dupuis"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/buck-danny/dupuis/livres/sonny-tuckson-air-race-pilot-1-2-452c7d">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/9782808510035/1/M266x333/sonny-tuckson-air-race-pilot-1-2.jpg"
alt="Sonny Tuckson, Air Race Pilot 1/2 (Ed. 9e store)"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Sonny Tuckson, Air Race Pilot 1/2 (Ed. 9e store)
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
19,90
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Sonny Tuckson, Air Race Pilot 1/2 (Ed. 9e store)» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="a1326f62-0993-45a7-86dd-e8918c7759dc" />
<input type="hidden" name="_token" value="7b302f3ad00d671.rj-aPi6KVX4MRuUPd_Xeo9bzs5qk3-dqQZ6buBiYMgQ.w0rqZlT_Aww_AodcMbC00JuQxcPiiLEYKPTPzkz2flfpUfBKZt4CBGoyjg" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3664940000543"
data-product-name="Tintin&#x20;-&#x20;Serviette&#x20;et&#x20;gant&#x20;de&#x20;toilette&#x20;bleu&#x20;-&#x20;100&#x20;&#x25;&#x20;coton"
data-product-price="11.5"
data-product-position="47"
data-product-brand="Tintinimaginatio"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/tintin/tintinimaginatio/linge-de-maison/tintin-serviette-et-gant-de-toilette-bleu-100-coton-306d92">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3664940000543/1/M266x333/tintin-serviette-et-gant-de-toil.jpg"
alt="Tintin - Serviette et gant de toilette bleu - 100 % coton"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Linge de maison
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Tintin - Serviette et gant de toilette bleu - 100 % coton
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
11,50
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Tintin - Serviette et gant de toilette bleu - 100 % coton» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="da759590-f16d-4e6a-8f87-3bf83f05996f" />
<input type="hidden" name="_token" value="76439f80091f.a-wPl7R-x8nL7SZDShDUBgO6K8LdzDEV3XilxEILtJY.Bpl_z84Lkbv4qUQQDFW-dU7ZXZubm2dntBLxshZl-MUsgmXj_CqQs62ZTQ" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782870973233"
data-product-name="La&#x20;double&#x20;Exposition&#x20;-&#x20;Collection&#x20;Le&#x20;Nouveau&#x20;Chapitre"
data-product-price="19.5"
data-product-position="48"
data-product-brand="Dargaud"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/blake-mortimer/dargaud/livres/la-double-exposition-collection-le-nouveau-chapitre-ae521d">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/9782870973233/1/M266x333/la-double-exposition-collection.jpg"
alt="La double Exposition - Collection Le Nouveau Chapitre"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
La double Exposition - Collection Le Nouveau Chapitre
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
19,50
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «La double Exposition - Collection Le Nouveau Chapitre» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="194d5d24-eade-43a4-9e4e-d31e1587e1b8" />
<input type="hidden" name="_token" value="fecfad91b5024852599e378c483c5.nN2we-RM0wzjnXX9AqhMIcPR8CuQ1cuWRohR63UnKi8.8ajAI545hX7Q2ReuRO0mUo6yhnLWgp3kL-IFnSFJZnzbs9oPrBiEdoXpHg" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="4225300000000"
data-product-name="Figurine&#x20;Tintin&#x20;-&#x20;Dupont&#x20;en&#x20;chinois&#x20;-&#x20;Le&#x20;Lotus&#x20;Bleu"
data-product-price="27.5"
data-product-position="49"
data-product-brand="Tintinimaginatio"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/tintin/tintinimaginatio/figurines/figurine-tintin-dupont-en-chinois-le-lotus-bleu-4a6b55">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/4225300000000/1/M266x333/figurine-tintin-dupont-en-chinoi.jpg"
alt="Figurine Tintin - Dupont en chinois - Le Lotus Bleu"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Figurines
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Figurine Tintin - Dupont en chinois - Le Lotus Bleu
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
27,50
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Figurine Tintin - Dupont en chinois - Le Lotus Bleu» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="80df570c-b254-44ee-b5b7-dfadd8581049" />
<input type="hidden" name="_token" value="4a66571ec.iBiHaLTwc3he7mNvxA6u23Eh_4Zy-y0OhdTA8-tVpaE.5W33MM6FJQptqgE8gkvEqDxCid80rHt87L6Uhb876fLPdu0c_KQkAjiaCA" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3701167114346"
data-product-name="Figurine&#x20;Tintin&#x20;-&#x20;Haddock&#x20;cosmonaute"
data-product-price="27.5"
data-product-position="50"
data-product-brand="Tintinimaginatio"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/tintin/tintinimaginatio/figurines/haddock-cosmonaute-255ce6">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3701167114346/1/M266x333/figurine-tintin-haddock-cosmonau.jpg"
alt="Figurine Tintin - Haddock cosmonaute"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Figurines
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Figurine Tintin - Haddock cosmonaute
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
27,50
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Figurine Tintin - Haddock cosmonaute» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="354b14e5-5358-4bfe-b9fd-e68879005751" />
<input type="hidden" name="_token" value="20f15ab14c445463d69fb05bb3fc5.nA481U7_vcInVqdI29qkhOPY3hoqT1d4k37RTvNHsUU.8XtMjTSK67AUEsUbnZ_O9667qENsGAEK-hSFOKcp_RbbYFahBqvquEEizA" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3701167104712"
data-product-name="Figurine&#x20;Tintin&#x20;-&#x20;La&#x20;Fus&#x00E9;e&#x20;17cm"
data-product-price="32.5"
data-product-position="51"
data-product-brand="Tintinimaginatio"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/tintin/tintinimaginatio/figurines/figurine-fusee-17cm-tintin-10bb14">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3701167104712/1/M266x333/figurine-tintin-la-fusee-17cm.jpg"
alt="Figurine Tintin - La Fusée 17cm"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Figurines
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Figurine Tintin - La Fusée 17cm
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
32,50
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Figurine Tintin - La Fusée 17cm» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="4a6d304a-20e2-448c-b25f-bac68fe6746f" />
<input type="hidden" name="_token" value="8de202714740181491b16f008.2DWcXk-1c9Og_mBw7k1gHVtIkIKcmOzh1tirjqFeKYY.tUDsBjXAJaGTugIjqAgKbhYr5tvaz7qTv7L_-PUwZdWfW_YqB-EkqcaKCw" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782205211771"
data-product-name="La&#x20;r&#x00E9;volte&#x20;sans&#x20;pr&#x00E9;c&#x00E9;dent"
data-product-price="13.95"
data-product-position="52"
data-product-brand="Dargaud"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/la-revolte-sans-precedent/dargaud/livres/la-revolte-sans-precedent-48d1b3">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782205211771/couv/M266x333/la-revolte-sans-precedent.jpg"
alt="La révolte sans précédent"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
La révolte sans précédent
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
13,95
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «La révolte sans précédent» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="1ca29c35-5d51-41d2-a3b2-fb0ea14aded5" />
<input type="hidden" name="_token" value="87e71aa87d85d54dd4df7aa4fe6db.PHEgnyrmHglgHj0gn0gmfsrv3PIPntkwO8gQs4jD6W4.UQRQx1CTSHtTWl9z2Q1MDYeMqqtJyY9CUqJExdytpT17H0rrYrJJcwZqVg" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9791034742950"
data-product-name="Largo&#x20;Winch&#x20;&#x2013;&#x20;Tome&#x20;23"
data-product-price="15.95"
data-product-position="53"
data-product-brand="Dupuis"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/largo-winch/dupuis/livres/la-frontiere-de-la-nuit-b42bc9">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9791034742950/couv/M266x333/la-frontiere-de-la-nuit.jpg"
alt="Largo Winch – Tome 23"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Largo Winch – Tome 23
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
15,95
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «La frontière de la nuit» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="2653bc71-99f1-4dcd-99e1-c28cb00bd82c" />
<input type="hidden" name="_token" value="67193.pEScPwx-ALaiJhJxcb8ddBfs3PbW_BB7ZGVJVCz-DZU.yTHsZ3YLVsSRYnAiN_p3B1qPqq-Qq0YJDQ8dIniQQcbjKvZLRCpXzMRSeQ" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9791026824084"
data-product-name="Absolute&#x20;Batman&#x20;&#x2013;&#x20;Tome&#x20;2"
data-product-price="25"
data-product-position="54"
data-product-brand="Urban Comics"
data-product-category="Comics"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/batverse/urban-comics/livres/absolute-batman-tome-2-5c603a">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9791026824084/couv/M266x333/absolute-batman-tome-2.jpg"
alt="Absolute Batman – Tome 2"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Absolute Batman – Tome 2
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
25,00
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Absolute Batman Tome 2» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="25bd81f6-f757-49a5-ba31-dde56a28f8cf" />
<input type="hidden" name="_token" value="08.Ad0QVHY6hOO3uWpYPdOfHRYCmihQun1mWopuG9u5Knc.bKhgDAxP0pGE_QgLe5b1blth7HEW7SsUM-A6bY_XZiRGs3ogPm7TmdHNAQ" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9791026823391"
data-product-name="Absolute&#x20;Superman&#x20;&#x2013;&#x20;Tome&#x20;1"
data-product-price="18.5"
data-product-position="55"
data-product-brand="Urban Comics"
data-product-category="Comics"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/superman/urban-comics/livres/absolute-superman-tome-1-1eff09">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9791026823391/couv/M266x333/absolute-superman-tome-1.jpg"
alt="Absolute Superman – Tome 1"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Absolute Superman – Tome 1
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
18,50
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Absolute Superman Tome 1» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="b21b1c76-2e5e-4472-aeeb-3ce5d9b65b20" />
<input type="hidden" name="_token" value="4d1ab93.Ztf2phWEWClUZAvTA2midXggjDBFEbansjwgOJmWdU8.C6KG_m_xDltnIGmARSzIBjVD-mkDRuDV21Z0Ts34ORwhuZzSXdAPUzIQYA" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3309450043504"
data-product-name="Black&#x20;Butler&#x20;&#x3A;&#x20;Int&#x00E9;grale&#x20;Saisons&#x20;1&#x20;&#x00E0;&#x20;3&#x20;&#x28;13&#x20;DVD&#x29;"
data-product-price="61.964"
data-product-position="56"
data-product-brand="Kana Home Vidéo"
data-product-category="Pop culture"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/6/kana-home-video/dvd/black-butler-integrale-saisons-1-a-3-13-dvd-0b2478">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3309450043504/1/M266x333/black-butler-integrale-saisons-1.jpg"
alt="Black Butler : Intégrale Saisons 1 à 3 (13 DVD)"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
DVD
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Black Butler : Intégrale Saisons 1 à 3 (13 DVD)
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
61,96
<span class="text-Utilities-Error line-through">
88,52
</span>
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Black Butler : Intégrale Saisons 1 à 3 (13 DVD)» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="b563c4f7-a0f0-46f9-95c6-f485c2f03689" />
<input type="hidden" name="_token" value="d9e206d81c7efd27f2266c6ac2a6.2-xpI8CugG0oRd93LoWQOkIlblWMFvvAYrlBs_tIZRg.tpkZe7rb1h8bAb0kaMD6SQ9GGAzKQa2yC9MVxa8mKUucggNXiPrXF04xtA" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3701167115152"
data-product-name="Figurine&#x20;Tintin&#x20;Le&#x20;Lotus&#x20;Bleu,&#x20;La&#x20;Potiche,&#x20;Les&#x20;ic&#x00F4;nes"
data-product-price="189"
data-product-position="57"
data-product-brand="Tintinimaginatio"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/tintin/tintinimaginatio/figurines/tintin-et-la-potiche-moulinsart-62bd50">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3701167115152/1/M266x333/figurine-tintin-le-lotus-bleu-la.jpg"
alt="Figurine Tintin Le Lotus Bleu, La Potiche, Les icônes"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Figurines
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Figurine Tintin Le Lotus Bleu, La Potiche, Les icônes
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
189,00
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Figurine Tintin Le Lotus Bleu, La Potiche, Les icônes» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="99e24df7-21a2-4479-aabf-3ac3b1d538d6" />
<input type="hidden" name="_token" value="bd177a0f6014b7892e9e1380.VykouzSG67Xn5mG4BQr7g_wc9OIzVBwX4JCTxXbkjGE.OlxY407zvcfUogPrQ0-R8LF_grt1A0plifrHsyKKwDIQR0LPfNK8z4GSCg" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782884715072"
data-product-name="Dakota&#x20;1880"
data-product-price="16"
data-product-position="58"
data-product-brand="Lucky Comics"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/un-hommage-a-lucky-luke-par/lucky-comics/livres/dakota-1880-7228d5">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782884715072/couv/M266x333/dakota-1880.jpg"
alt="Dakota 1880"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Dakota 1880
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
16,00
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Dakota 1880» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="179b2463-14ab-436a-bce3-ef5a0a13b0a1" />
<input type="hidden" name="_token" value="25ee66e0a52e0e052cb2b43d0dd5849.XmGIIN51DtCGvNkLiwu56eKJGXUM95o6VYJt68fiGq4.MxT4eKQAWKK1-LtYzU7Tmq_qbyxKoMxIPOg5nZOMVv0ZD-JUliFZquDIsg" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782505118480"
data-product-name="Huit&#x20;heures&#x20;&#x00E0;&#x20;Berlin"
data-product-price="23.5"
data-product-position="59"
data-product-brand="Editions Blake et Mortimer"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/blake-mortimer/editions-blake-et-mortimer/livres/blake-mortimer-tome-29-huit-heures-a-berlin-edition-speciale-1ba069">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/9782505118480/1/M266x333/huit-heures-a-berlin.jpg"
alt="Huit heures à Berlin"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Huit heures à Berlin
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
23,50
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Huit heures à Berlin» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="d134447c-2aaa-4e74-ad4e-566202ce6bc1" />
<input type="hidden" name="_token" value="7b42f0297bcbfbcf2dc1153.9re62qRffug9_0HwyY3pkDuxAUGTjJNP365YA83UpJA.m8LKgt4qKJoOuyOjj8iD43bSdxjV28U9tsQMdZm66MOx2dCu7AspkluLKg" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3309450047168"
data-product-name="One&#x20;Piece&#x20;-&#x20;EDITION&#x20;EQUIPAGE&#x20;-&#x20;PARTIE&#x20;8"
data-product-price="27.993"
data-product-position="60"
data-product-brand="Kana Home Vidéo"
data-product-category="Manga"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/one-piece/kana-home-video/coffret-dvd-bluray/one-piece-edition-equipage-partie-8-0c07d8">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3309450047168/1/M266x333/one-piece-edition-equipage-parti.jpg"
alt="One Piece - EDITION EQUIPAGE - PARTIE 8"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Coffret DVD / BluRay
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
One Piece - EDITION EQUIPAGE - PARTIE 8
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
27,99
<span class="text-Utilities-Error line-through">
39,99
</span>
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «One Piece - EDITION EQUIPAGE - PARTIE 8» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="02a549a6-0ce7-4e0d-9704-0b3c6873477d" />
<input type="hidden" name="_token" value="5d3c8c871.aJ0GsATvgtFUhFZLgI0DumlelyVKY4tFflIgyZZ7mBo.Beh26H6a1KNnwDQYxshpySQ94XwMNN03Fzh0v8IV1Ekv82zETLvVqzLwPQ" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782803636334"
data-product-name="Les&#x20;Enfants&#x20;de&#x20;la&#x20;R&#x00E9;sistance&#x20;&#x2013;&#x20;Tome&#x20;2"
data-product-price="13.45"
data-product-position="61"
data-product-brand="Le Lombard"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/les-enfants-de-la-resistance/le-lombard/livres/premieres-repressions-43f520">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782803636334/couv/M266x333/premieres-repressions.jpg"
alt="Les Enfants de la Résistance – Tome 2"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Les Enfants de la Résistance – Tome 2
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
13,45
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Premières répressions» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="7ea4b1d1-4638-4d65-883d-fa084bce018c" />
<input type="hidden" name="_token" value="ca57d19b940b4670fa7a22.FYF2PA0i_3XsqPQHJPleEcVFlfqYj-EIWmMo952p_oc.ePQGZHdXqQff7JZUYrw0Yogm46Pe2Ld6Mwl8gcnHstRS7xxIRXaoD4rcnw" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782205212495"
data-product-name="Les&#x20;Chevaliers&#x20;du&#x20;ciel&#x20;Tanguy&#x20;et&#x20;Laverdure&#x20;&#x2013;&#x20;Tome&#x20;13"
data-product-price="15.5"
data-product-position="62"
data-product-brand="Dargaud"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/tanguy-et-laverdure/dargaud/livres/tome-13-72a420">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782205212495/couv/M266x333/operation-aube-rouge.jpg"
alt="Les Chevaliers du ciel Tanguy et Laverdure – Tome 13"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Les Chevaliers du ciel Tanguy et Laverdure – Tome 13
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
15,50
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Opération "aube rouge"» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="496cf30b-ec4d-49be-bb41-556bbce7b996" />
<input type="hidden" name="_token" value="81f274.pR1c4hO2rzpwWab8DdcEM8L4CSCDta-MC93E1g-zgGY.yGgsumnD-UhDHcSvS5JuQI-bf3nF4vn-YreQoFvdzDXiczaWW-L4QBYtzQ" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782390601944"
data-product-name="Michel&#x20;Vaillant&#x20;-&#x20;L&#x00E9;gendes&#x20;&#x2013;&#x20;Tome&#x20;4"
data-product-price="16.95"
data-product-position="63"
data-product-brand="Graton"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/michel-vaillant/graton/livres/la-course-du-siecle-71caa8">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782390601944/couv/M266x333/la-course-du-siecle.jpg"
alt="Michel Vaillant - Légendes – Tome 4"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Michel Vaillant - Légendes – Tome 4
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
16,95
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «La course du siècle» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="e4b5ae9e-2ada-4c3a-bed3-323bff1fec93" />
<input type="hidden" name="_token" value="5fcc9.xG9TZLo8oG-RGJDFE2gIcsq2C8kx0HVDr-JVQBlcBR4.qRojPMBJ9h2iXPKWVS1iAYfVfZB3hyMxxogBNk0ySU2DATkQ8mj3Ffds-w" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3700408910815"
data-product-name="Les&#x20;Imparfaits&#x20;-&#x20;Figurine&#x20;Boule&#x20;et&#x20;Bill&#x20;-&#x20;La&#x20;m&#x00E8;re&#x20;&#x00E9;nerv&#x00E9;e,&#x20;la&#x20;punition"
data-product-price="69"
data-product-position="64"
data-product-brand="Leblon Delienne"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/boule-bill/leblon-delienne/figurines/les-imparfaits-figurine-boule-et-bill-la-mere-enervee-la-punition-a444b2">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3700408910815/1/M266x333/les-imparfaits-figurine-boule-et.jpg"
alt="Les Imparfaits - Figurine Boule et Bill - La mère énervée, la punition"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Figurines
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Les Imparfaits - Figurine Boule et Bill - La mère énervée, la punition
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
69,00
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Les Imparfaits - Figurine Boule et Bill - La mère énervée, la punition» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="42bd7c6b-9acc-4766-b99a-21e47e5f430f" />
<input type="hidden" name="_token" value="aee2e4d4cf3843e86.8GHWgD-vUhXrUYee9Gb2YvmY2Hv3BWCR2ccxvOt4-70.nRSm2EXaBGfYFeXNsiOcEbT7riKxUjbjsK1lyr8Wt-63D7z0d_sFb40l7A" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3701167132074"
data-product-name="Figurine&#x20;-&#x20;Tintin&#x20;en&#x20;route&#x20;&#x28;Moulinsart&#x29;"
data-product-price="27.5"
data-product-position="65"
data-product-brand="Tintinimaginatio"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/tintin/tintinimaginatio/figurines/figurine-tintin-en-route-moulinsart-f3b835">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3701167132074/1/M266x333/figurine-tintin-en-route-moulins.jpg"
alt="Figurine - Tintin en route (Moulinsart)"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Figurines
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Figurine - Tintin en route (Moulinsart)
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
27,50
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Figurine - Tintin en route (Moulinsart)» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="e71ddf12-ed9a-4055-8c40-3c46f454f9bb" />
<input type="hidden" name="_token" value="ea0b.w0-FjZKIXdFELU0AwLws6OwpVoNA24aQm7GDeNqc9FI.rjr11ej9C6N3aS9ThvlGm6FKINoGjNDi8tvXDo7yuAGEIe_52twKqyJZJg" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9791034730728"
data-product-name="Gaston&#x20;&#x28;&#x00E9;dition&#x20;2018&#x29;&#x20;&#x2013;&#x20;Tome&#x20;2"
data-product-price="12.95"
data-product-position="66"
data-product-brand="Dupuis"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/gaston/dupuis/livres/gare-aux-gaffes-bba418">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9791034730728/couv/M266x333/gare-aux-gaffes.jpg"
alt="Gaston (édition 2018) – Tome 2"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Gaston (édition 2018) – Tome 2
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
12,95
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Gare aux gaffes» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="aa881a17-143d-479f-a5a8-97eb78481b50" />
<input type="hidden" name="_token" value="6353807.Jh4MVcZAQdQAJElf5_4Vf-rHlkjeXHsnsrm71sRgmbc.S2t8Dbw1F6YzYCsMobt_DKek4BGYCy1V29PvoJAO1eRhcGYhjhQWrmZQIg" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782505088370"
data-product-name="Saint&#x20;Seiya&#x20;-&#x20;Time&#x20;Odyssey&#x20;&#x2013;&#x20;Tome&#x20;4"
data-product-price="14.25"
data-product-position="67"
data-product-brand="Kana"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/saint-seiya-chevaliers-du-zodiaque/kana/livres/saint-seiya-time-odyssey-t4-1db518">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782505088370/couv/M266x333/saint-seiya-time-odyssey-t4.jpg"
alt="Saint Seiya - Time Odyssey – Tome 4"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Saint Seiya - Time Odyssey – Tome 4
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
14,25
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Saint Seiya - Time Odyssey T4» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="c57b6cf0-1a41-48cb-a1c6-36b52ee0fe7e" />
<input type="hidden" name="_token" value="ab.IW-yOgAQGUQ2fQ9Bv5Z7rNYN46r9aCWM8BvrRuy6CCc.TBrCYnplTzYFOW0S-dMR35tulfO7P3P-mXG_MLjURHRmAdhOSEROPlAJZA" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782808504188"
data-product-name="Les&#x20;Tuniques&#x20;Bleues&#x20;&#x2013;&#x20;Tome&#x20;68"
data-product-price="12.95"
data-product-position="68"
data-product-brand="Dupuis"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/tuniques-bleues-les/dupuis/livres/les-tuniques-bleues-tome-68-56a129">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782808504188/couv/M266x333/de-l-or-pour-les-bleus.jpg"
alt="Les Tuniques Bleues – Tome 68"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Les Tuniques Bleues – Tome 68
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
12,95
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «De l'or pour les Bleus» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="71e90d07-57fb-46f4-806e-1b4fa9297110" />
<input type="hidden" name="_token" value="9570b5d.pjuqZGiWwDKMGa0C5YPo77TPjri1U-r9sjZTsbvIddA.y07aPBLjlkC_Xc9Ro8aCnPms-OHzBLyP21wHx--mOYPhVcAQIMKXSOptxg" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782505122180"
data-product-name="Io&#x20;Sakisaka&#x20;-&#x20;Artbook&#x20;&#x2013;&#x20;Tome&#x20;1"
data-product-price="19.95"
data-product-position="69"
data-product-brand="Kana"
data-product-category="Manga"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/artbook-io-sakisaka/kana/livres/artbook-io-sakisaka-e9e5c6">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782505122180/couv/M266x333/io-sakisaka-artbook.jpg"
alt="Io Sakisaka - Artbook – Tome 1"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Io Sakisaka - Artbook – Tome 1
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
19,95
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Io Sakisaka - Artbook» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="b8770b33-4f5e-43f6-97c0-b4651836da6e" />
<input type="hidden" name="_token" value="6120254d9b97bb6f25e17f3f3a.eRPSgP3J9qx6Se56naQwq-af0imyw4zZx8O-pxqeSFM.FGai2Ie8oN5JDYwp2-Fa2Kv8pHD0lNqrrqnq0U7wBAA-fbj0tZ2h1hw9hQ" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9791034731039"
data-product-name="Largo&#x20;Winch&#x20;&#x2013;&#x20;Tome&#x20;22"
data-product-price="15.95"
data-product-position="70"
data-product-brand="Dupuis"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/largo-winch/dupuis/livres/les-voiles-ecarlates-85ffeb">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9791034731039/couv/M266x333/les-voiles-ecarlates.jpg"
alt="Largo Winch – Tome 22"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Largo Winch – Tome 22
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
15,95
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Les voiles écarlates» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="70dacbfd-e013-458d-8724-ac63f21e8fa3" />
<input type="hidden" name="_token" value="7db098036d8811a03398ffe73021518f._4-RlBUS-s0B1mApxnql2rmwsilTcy9UC55JA9fMWZI.kvrhzG9nrL8ykgJ6gD_PqfTTxHAVJHkmYvQddYOiFcG44fvgXUatt2eiCw" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9791034730766"
data-product-name="Gaston&#x20;&#x28;&#x00E9;dition&#x20;2018&#x29;&#x20;&#x2013;&#x20;Tome&#x20;6"
data-product-price="12.95"
data-product-position="71"
data-product-brand="Dupuis"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/gaston/dupuis/livres/les-gaffes-d-un-gars-gonfle-bccb42">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9791034730766/couv/M266x333/les-gaffes-d-un-gars-gonfle.jpg"
alt="Gaston (édition 2018) – Tome 6"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Gaston (édition 2018) – Tome 6
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
12,95
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Les gaffes d'un gars gonflé» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="18b6cbcd-74c9-46fd-91e9-28814c7b741e" />
<input type="hidden" name="_token" value="5e18fb799.qEfrVPa2YtxV_vxS_YsXBVhlqLhRwo-M99ECfpqcnJA.xTKbDIzDNK5mup4Bu859dhUG3uEXldn-nrtWCM7y0MPvKYEgvuI1pjOKlw" />
</form>
</div>
</li>
</ul>
<button
class="flex p-s justify-center items-center gap-s border-1 rounded border-Utilities-Card-Border bg-Utilities-Card-Surface transition-opacity duration-250 ease-linear text-Utilities-CTA-Primary-Fill disabled:opacity-0 absolute -right-2 top-1/2 -translate-y-1/2 z-10"
>
<i data-lucide=chevron-right></i>
</button>
</div>
<a
data-analytics-homepage-cta="Meilleures ventes"
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center bg-Utilities-CTA-Primary-Fill text-Utilities-Text-Invert hover:bg-Utilities-CTA-Primary-Hover hover:text-Utilities-Text-Primary disabled:bg-Grey-Light disabled:text-Utilities-Text-Primary ring-Grey-ExtraDark active:ring-2 h-9 py-s px-m text-m w-fit mx-auto"
href="/meilleures-ventes"
>
Découvrir les meilleures ventes
</a>
</div>
</section>
</div>
<div class="bg-accent-100 px-m py-l-xl md:px md:py-xxl">
<section class="container space-y-l-xl">
<div class="space-y-s">
<span class="flex gap-s">
<h2 class="h2">Nos sélections</h2>
<img
class="size-9 -mt-1"
src="/build/images/generic/Heart.svg"
alt="Icone en forme de coeur"
/>
</span>
<p
class="font-sans font-normal text-base text-Utilities-Text-Primary"
>
Tout ce qu’il ne faut pas manquer en ce moment !</p>
</div>
<div id="scrollable-horizontal-d1b3e935-1b9d-4d94-bc7e-1eb55fca8377" class="flex gap-s md:gap-m items-center justify-start relative">
<button
class="flex p-s justify-center items-center gap-s border-1 rounded border-Utilities-Card-Border bg-Utilities-Card-Surface transition-opacity duration-250 ease-linear text-Utilities-CTA-Primary-Fill disabled:opacity-0 absolute -left-2 top-1/2 -translate-y-1/2 z-10"
>
<i data-lucide=chevron-left></i>
</button>
<ul class="flex items-center gap-s overflow-y-hidden overflow-x-auto snap-x snap-mandatory scroll-smooth no-scrollbar lg:grid lg:gap-l lg:grid-cols-3 lg:h-3-column lg:shrink-0 lg:w-fit">
<div class="flex gap-s lg:grid lg:gap-l col-span-2 grid-cols-7 h-full">
<li
class="col-span-4 flex flex-col max-lg:w-2-column max-lg:h-[30rem] bg-Utilities-Card-Surface rounded border border-Utilities-Card-Border">
<a href="/inconnu/plastoy/figurines/figurine-collectoys-blake-et-mortimer-pile-d-albums-a8683c">
<img src="/media/images/tiles/83784a49-3c49-4198-ac14-d599c7a760ac.png" alt="Figurine Blake et Mortimer - Pile d'albums"
class="h-[22.5rem] max-lg:h-[18rem] w-full rounded-t flex-1 self-stretch object-contain" />
<div class="p-s flex flex-col justify-between h-full">
<div>
<h3 class="h4">Figurine Blake et Mortimer - Pile d'albums</h3>
<p
class="font-sans font-normal text-base text-Utilities-Text-Secondary line-clamp-2"
>
Le duo mythique Blake & Mortimer immortalisé en statuette.</p>
</div>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center bg-Utilities-CTA-Primary-Fill text-Utilities-Text-Invert hover:bg-Utilities-CTA-Primary-Hover hover:text-Utilities-Text-Primary disabled:bg-Grey-Light disabled:text-Utilities-Text-Primary ring-Grey-ExtraDark active:ring-2 h-9 py-s px-m text-m w-full lg:hidden mt-4"
href="/inconnu/plastoy/figurines/figurine-collectoys-blake-et-mortimer-pile-d-albums-a8683c"
>
Découvrir
</a>
</div>
</a>
</li>
<li
class="col-span-3 flex flex-col max-lg:w-2-column max-lg:h-[30rem] bg-Utilities-Card-Surface rounded border border-Utilities-Card-Border">
<a href="/batverse/urban-comics/integrales-et-coffrets/coffret-batman-silence-2-batman-158-d144e7">
<img src="/media/images/tiles/9312ebd4-cedd-4fe0-aaa4-ff7ae6441f24.png" alt="Coffret Batman Silence 2 + Batman 158"
class="h-[22.5rem] max-lg:h-[18rem] w-full rounded-t flex-1 self-stretch object-contain" />
<div class="p-s flex flex-col justify-between h-full">
<div>
<h3 class="h4">Coffret Batman Silence 2 + Batman 158</h3>
<p
class="font-sans font-normal text-base text-Utilities-Text-Secondary line-clamp-2"
>
Batman fait face au retour de Silence dans un coffret spécial.</p>
</div>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center bg-Utilities-CTA-Primary-Fill text-Utilities-Text-Invert hover:bg-Utilities-CTA-Primary-Hover hover:text-Utilities-Text-Primary disabled:bg-Grey-Light disabled:text-Utilities-Text-Primary ring-Grey-ExtraDark active:ring-2 h-9 py-s px-m text-m w-full lg:hidden"
href="/batverse/urban-comics/integrales-et-coffrets/coffret-batman-silence-2-batman-158-d144e7"
>
Découvrir
</a>
</div>
</a>
</li>
</div>
<div class="col-span-1 flex lg:flex-col gap-l h-full">
<li
class="flex flex-col lg:flex-row max-lg:w-2-column max-lg:h-[30rem] lg:h-1-column bg-Utilities-Card-Surface rounded border border-Utilities-Card-Border">
<a href="/inconnu/fariboles/figurines/figurine-fariboles-fee-clochette-140e84">
<img src="/media/images/tiles/a33bbf1b-1e7d-4529-9885-b910f0f6b338.jpg" alt="Figurine Blake et Mortimer - Pile d'albums"
class="flex-1 self-stretch max-lg:rounded-t lg:rounded-l h-[22.5rem] max-lg:h-[18rem] lg:h-full lg:min-w-1-column lg:aspect-square object-contain w-full"/>
</a>
<div class="p-s flex flex-col justify-between h-full w-full">
<div>
<h3 class="h4">Figurine Fée Clochette</h3>
<p
class="font-sans font-normal text-base text-Utilities-Text-Secondary line-clamp-3"
>
Le charme de Clochette prend forme dans cette figurine Fariboles.</p>
</div>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center bg-Utilities-CTA-Primary-Fill text-Utilities-Text-Invert hover:bg-Utilities-CTA-Primary-Hover hover:text-Utilities-Text-Primary disabled:bg-Grey-Light disabled:text-Utilities-Text-Primary ring-Grey-ExtraDark active:ring-2 h-9 py-s px-m text-m w-full lg:hidden"
href="/inconnu/fariboles/figurines/figurine-fariboles-fee-clochette-140e84"
>
Découvrir
</a>
</div>
</li>
<li
class="flex flex-col lg:flex-row max-lg:w-2-column max-lg:h-[30rem] lg:h-1-column bg-Utilities-Card-Surface rounded border border-Utilities-Card-Border">
<a href="/blake-mortimer/big-beat-records/vinyles/vinyle-blake-et-mortimer-la-marque-jaune-f80d38">
<img src="/media/images/tiles/ccf5cdbb-ec83-4239-939e-65c8b5d575f4.jpg" alt="Figurine Blake et Mortimer - Pile d'albums"
class="flex-1 self-stretch max-lg:rounded-t lg:rounded-l h-[22.5rem] max-lg:h-[18rem] lg:h-full lg:min-w-1-column lg:aspect-square object-contain w-full"/>
</a>
<div class="p-s flex flex-col justify-between h-full w-full">
<div>
<h3 class="h4">Vinyle Blake et Mortimer</h3>
<p
class="font-sans font-normal text-base text-Utilities-Text-Secondary line-clamp-3"
>
Redécouvrez La Marque Jaune dans un vinyle d’exception.</p>
</div>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center bg-Utilities-CTA-Primary-Fill text-Utilities-Text-Invert hover:bg-Utilities-CTA-Primary-Hover hover:text-Utilities-Text-Primary disabled:bg-Grey-Light disabled:text-Utilities-Text-Primary ring-Grey-ExtraDark active:ring-2 h-9 py-s px-m text-m w-full lg:hidden"
href="/blake-mortimer/big-beat-records/vinyles/vinyle-blake-et-mortimer-la-marque-jaune-f80d38"
>
Découvrir
</a>
</div>
</li>
<li
class="flex flex-col lg:flex-row max-lg:w-2-column max-lg:h-[30rem] lg:h-1-column bg-Utilities-Card-Surface rounded border border-Utilities-Card-Border">
<a href="/inconnu/cartoon-kingdom/statuettes/figurine-cat-s-eye-statuette-de-collection-1-6-5075d0">
<img src="/media/images/tiles/5cd16360-fe15-4507-b5d0-3bb69bd09572.jpg" alt="Figurine Blake et Mortimer - Pile d'albums"
class="flex-1 self-stretch max-lg:rounded-t lg:rounded-l h-[22.5rem] max-lg:h-[18rem] lg:h-full lg:min-w-1-column lg:aspect-square object-contain w-full"/>
</a>
<div class="p-s flex flex-col justify-between h-full w-full">
<div>
<h3 class="h4">Figurine Cat's Eye</h3>
<p
class="font-sans font-normal text-base text-Utilities-Text-Secondary line-clamp-3"
>
Vivez l’univers Cat’s Eye avec une figurine tirée à 200 ex.</p>
</div>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center bg-Utilities-CTA-Primary-Fill text-Utilities-Text-Invert hover:bg-Utilities-CTA-Primary-Hover hover:text-Utilities-Text-Primary disabled:bg-Grey-Light disabled:text-Utilities-Text-Primary ring-Grey-ExtraDark active:ring-2 h-9 py-s px-m text-m w-full lg:hidden"
href="/inconnu/cartoon-kingdom/statuettes/figurine-cat-s-eye-statuette-de-collection-1-6-5075d0"
>
Découvrir
</a>
</div>
</li>
</div>
</ul>
<button
class="flex p-s justify-center items-center gap-s border-1 rounded border-Utilities-Card-Border bg-Utilities-Card-Surface transition-opacity duration-250 ease-linear text-Utilities-CTA-Primary-Fill disabled:opacity-0 absolute -right-2 top-1/2 -translate-y-1/2 z-10"
>
<i data-lucide=chevron-right></i>
</button>
</div>
</section>
</div>
<div class="px-m py-l-xl md:px md:py-xxl">
<section id="home-favorites" class="container flex flex-col">
<div class="container flex flex-col">
<div class="flex flex-col gap-s">
<span class="flex gap-s">
<h2 class="h2">Nos coups de cœur</h2>
<img
class="size-9 -mt-1"
src="/build/images/generic/Heart.svg"
alt="Icone en forme de coeur"
/>
</span>
<p
class="font-sans font-normal text-base text-Utilities-Text-Primary"
>
Retrouvez la sélection des produits préférés de l’équipe 9e store</p>
</div>
<div id="scrollable-horizontal-c5ed9b23-1d60-42af-8f69-20514d1d067d" class="flex gap-s md:gap-m items-center justify-start relative">
<button
class="flex p-s justify-center items-center gap-s border-1 rounded border-Utilities-Card-Border bg-Utilities-Card-Surface transition-opacity duration-250 ease-linear text-Utilities-CTA-Primary-Fill disabled:opacity-0 absolute -left-2 top-1/2 -translate-y-1/2 z-10"
>
<i data-lucide=chevron-left></i>
</button>
<ul class="flex items-center gap-s overflow-y-hidden overflow-x-auto snap-x snap-mandatory scroll-smooth no-scrollbar w-full my-xl">
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3701234137582"
data-product-name="S&#x00E9;rigraphie&#x20;Largo&#x20;Winch&#x20;-&#x20;Hommage&#x20;James&#x20;Bond&#x20;-&#x20;Tomorrow&#x20;never&#x20;dies"
data-product-price="250"
data-product-position="0"
data-product-brand="Paradiffusion"
data-product-category="Pop culture"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/inconnu/paradiffusion/serigraphies/serigraphie-largo-winch-hommage-james-bond-tomorrow-never-dies-d5b04b">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3701234137582/1/M266x333/serigraphie-largo-winch-hommage.jpg"
alt="Sérigraphie Largo Winch - Hommage James Bond - Tomorrow never dies"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Sérigraphies
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Sérigraphie Largo Winch - Hommage James Bond - Tomorrow never dies
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
250,00
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Sérigraphie Largo Winch - Hommage James Bond - Tomorrow never dies» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="fbed97ec-1a20-4ad2-935b-8c814ecc6b23" />
<input type="hidden" name="_token" value="e55.oonvjuDClAHYnUt7YXiXC_-yO7JvoPucFJy3Bez_1zo.z_yf1pq3wnPr2SkoJz39eLLRTesp963uffbjc7iRm2nl54X6qJbDe77pIA" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782205214116"
data-product-name="Blast&#x20;-&#x20;Int&#x00E9;grale&#x20;&#x2013;&#x20;Tome&#x20;1"
data-product-price="45"
data-product-position="1"
data-product-brand="Dargaud"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/blast/dargaud/livres/blast-integrale-tome-1-b02549">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782205214116/couv/M266x333/blast-integrale-tome-1.jpg"
alt="Blast - Intégrale – Tome 1"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Blast - Intégrale – Tome 1
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
45,00
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Blast - Intégrale Tome 1» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="1b67f585-ebb6-4bd1-b5ec-e85a792395bf" />
<input type="hidden" name="_token" value="4e2ec2b7eca5002f.b5ILtKrG_PkGha5rZENZwrJLAeh2bC9t0s5N8Eo-KwA.Aud77NCzqos1wcw4IgYzsf8od7EwO3kfu6QZhh5QZ1Mo_GHA4pKrg2DxxQ" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782505143499"
data-product-name="C&#x27;est&#x20;de&#x20;l&#x27;amour,&#x20;crois-moi&#x20;&#x21;&#x20;&#x2013;&#x20;Tome&#x20;5"
data-product-price="7.3"
data-product-position="2"
data-product-brand="Kana"
data-product-category="Manga"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/c-est-de-l-amour-crois-moi/kana/livres/c-est-de-l-amour-crois-moi-t5-60fd9b">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782505143499/couv/M266x333/c-est-de-l-amour-crois-moi-t5.jpg"
alt="C'est de l'amour, crois-moi ! – Tome 5"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
C'est de l'amour, crois-moi ! – Tome 5
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
7,30
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «C'est de l'amour, crois-moi ! T5» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="96f1a123-2c21-47fc-9f52-3c7381d850d3" />
<input type="hidden" name="_token" value="c2ff463aa628020d9fdead77996.mhSNocdn060bWgzREeYOW0fuLZCjf2C5A2D8fuhX_Wc.92H9-b0Shd8oHm6CV6NkKAqNW8nlKDbLagqoCLw5sTTdeufVjzOE130uZw" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782364808706"
data-product-name="Les&#x20;recettes&#x20;cach&#x00E9;es&#x20;de&#x20;Naruto&#x20;Shippuden"
data-product-price="20"
data-product-position="3"
data-product-brand="Huginn & Muninn"
data-product-category="Pop culture"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/naruto/huginn-muninn/livres/naruto-le-livre-de-recettes-officiel-707999">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782364808706/couv/M266x333/les-recettes-cachees-de-naruto-s.jpg"
alt="Les recettes cachées de Naruto Shippuden"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Les recettes cachées de Naruto Shippuden
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
20,00
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Les recettes cachées de Naruto Shippuden» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="13930330-5339-4ab6-b408-bf98ae0a5555" />
<input type="hidden" name="_token" value="26b42c7.Jm_wvpqZU-KEQjNL09MaXhY6NAUptmMHqe5HT-Vibx0.SxqA5uDsBZC3BlEYlZZwLVtZQlxv4TV1wIQTObEMI05hAZrK0s0EmOI2WA" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782808700283"
data-product-name="La&#x20;Fianc&#x00E9;e&#x20;du&#x20;ma&#x00EE;tre&#x20;des&#x20;portails&#x20;&#x2013;&#x20;Tome&#x20;1"
data-product-price="8.35"
data-product-position="4"
data-product-brand="Vega"
data-product-category="Manga"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/la-fiancee-du-maitre-des-portails/vega/livres/bride-of-the-barrier-master-tome-1-titre-provisoire-07bd17">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782808700283/couv/M266x333/la-fiancee-du-maitre-des-portail.jpg"
alt="La Fiancée du maître des portails – Tome 1"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
La Fiancée du maître des portails – Tome 1
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
8,35
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «La Fiancée du maître des portails, tome 1» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="3c3a3df9-43c3-432f-b94b-1b98af33591a" />
<input type="hidden" name="_token" value="b4378.ZNuFI2ahScS2uiFVwqr8CVsO9Q_eaowJBvd6SjBG0fw.Ca71exzUH7aF_kMGhO-WehZtg1aYPdp7b50uPGQona8jte9XLvUevtDOSg" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="4988008091014"
data-product-name="Joe&#x20;Hisaishi&#x20;-&#x20;Michio&#x20;Mamiya&#x20;&#x2F;&#x20;Masahiko&#x20;Sato&#x20;&#x2F;&#x20;Kazuo&#x20;Kikkawa&#x20;-&#x20;Le&#x20;tombeau&#x20;des&#x20;lucioles&#x20;&#x2F;&#x20;Image&#x20;album&#x20;&#x2F;&#x20;Original&#x20;soundtrack"
data-product-price="59.99"
data-product-position="5"
data-product-brand="Plastoy"
data-product-category="Pop culture"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/inconnu/plastoy/vinyles/joe-hisaishi-michio-mamiya-masahiko-sato-kazuo-kikkawa-le-tombeau-des-lucioles-image-album-original-soundtrack-4436b9">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/4988008091014/1/M266x333/joe-hisaishi-michio-mamiya-masah.jpg"
alt="Joe Hisaishi - Michio Mamiya / Masahiko Sato / Kazuo Kikkawa - Le tombeau des lucioles / Image album / Original soundtrack"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Vinyles
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Joe Hisaishi - Michio Mamiya / Masahiko Sato / Kazuo Kikkawa - Le tombeau des lucioles / Image album / Original soundtrack
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
59,99
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Joe Hisaishi - Michio Mamiya / Masahiko Sato / Kazuo Kikkawa - Le tombeau des lucioles / Image album / Original soundtrack» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="6a457385-fcab-4145-96d8-67ab052ad521" />
<input type="hidden" name="_token" value="ee8c55.xQgwFhdt0GMpcAVpD-wxPb0mw2RlSbc7RRgctgJA7h8.qH1ATm0YhhEaNGc6SalbTvBFtT0jHuFJLHJIwFYuokyCZlpiXzmHGU8Ebg" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3700301061584"
data-product-name="The&#x20;First&#x20;Slam&#x20;Dunk&#x20;DVD"
data-product-price="13.993"
data-product-position="6"
data-product-brand="Wildbunch"
data-product-category="Manga"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/slam-dunk/wildbunch/dvd/the-first-slam-dunk-dvd-f51a08">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3700301061584/1/M266x333/the-first-slam-dunk-dvd.jpg"
alt="The First Slam Dunk DVD"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
DVD
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
The First Slam Dunk DVD
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
13,99
<span class="text-Utilities-Error line-through">
19,99
</span>
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «The First Slam Dunk DVD» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="6480cd7c-4e65-4994-a11e-e0a13bede09a" />
<input type="hidden" name="_token" value="d364b0d5a736338efa38.8_hhA3qP41PrtEh0-2flu4cJ-k7Lmn9SlY-S2uHO_Ks.no0RWwD6tSHY8ConvSKPyMpqjBeNzSkg_OXGrLWgsPi0lgt3Mtu0KY3AIw" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="2990200000000"
data-product-name="Voiture&#x20;1&#x2F;24e&#x20;&#x23;02&#x20;-&#x20;D&#x00E9;capotable&#x20;Haddock"
data-product-price="89"
data-product-position="7"
data-product-brand="Tintinimaginatio"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/tintin/tintinimaginatio/figurines/voiture-1-24e-02-decapotable-haddock-fe8eeb">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/2990200000000/1/M266x333/voiture-1-24e-02-decapotable-had.jpg"
alt="Voiture 1/24e #02 - Décapotable Haddock"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Figurines
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Voiture 1/24e #02 - Décapotable Haddock
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
89,00
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Voiture 1/24e #02 - Décapotable Haddock» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="4509592e-cf96-4931-96c8-ef57d537e079" />
<input type="hidden" name="_token" value="a0343ef3799.yqT2htnJffW_7G26mTZ8RhxJNjmkypGQZqTDfWFj8_I.p9GG3qO8K4eMqA_p33MWNVEqQGDincfiD86XCzUNv6GNypzykZ0qj9mYBg" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782205078466"
data-product-name="L&#x27;&#x00C9;tymologie&#x20;avec&#x20;Pico&#x20;Bogue&#x20;&#x2013;&#x20;Tome&#x20;1"
data-product-price="17.95"
data-product-position="8"
data-product-brand="Dargaud"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/pico-bogue/dargaud/livres/etymologie-avec-pico-bogue-l-tome-1-7ce66c">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782205078466/couv/M266x333/l-etymologie-avec-pico-bogue-tom.jpg"
alt="L'Étymologie avec Pico Bogue – Tome 1"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
L'Étymologie avec Pico Bogue – Tome 1
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
17,95
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «L'Étymologie avec Pico Bogue - tome 1» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="28cf2688-2c1a-42b9-b514-b017c3b8939a" />
<input type="hidden" name="_token" value="58b808b17457f440bd.kV1P1CBguobPxFdamg4EVH6po3qdCsAoP4am4gf5d1k._Cg_jFoV7PT8gDUJ3EtuJzPK1SPbXZZaVuzylFOXOwrWMyWgaDTt_KmwPA" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782505072584"
data-product-name="&#x40;Ellie&#x20;&#x2013;&#x20;Tome&#x20;1"
data-product-price="7.3"
data-product-position="9"
data-product-brand="Kana"
data-product-category="Manga"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/atellie/kana/livres/atellie-t1-728df0">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782505072584/couv/M266x333/atellie-t1.jpg"
alt="@Ellie – Tome 1"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
@Ellie – Tome 1
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
7,30
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «@Ellie T1» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="e2f99c3a-68a5-42f9-b20f-5b3ba17395cb" />
<input type="hidden" name="_token" value="2df24.pN6UOcQtrCCa_sDFJ3DYDHGly9oNWMMJEq9wCAOv2T0.yavkYb5Y-lKpuqKWYTWyfzzGvYNLD5V7e8UkflfBlW7jsP5NjHn7WvyKqw" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="9782808217002"
data-product-name="Thorgal&#x20;Saga&#x20;&#x2013;&#x20;Tome&#x20;6"
data-product-price="39.99"
data-product-position="10"
data-product-brand="Le Lombard"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/thorgal/le-lombard/livres/la-deesse-d-ambre-bec-mangin-9ce96a">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782808217002/couv/M266x333/la-deesse-d-ambre-bec-mangin.jpg"
alt="Thorgal Saga – Tome 6"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Thorgal Saga – Tome 6
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
39,99
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «La déesse d'ambre - Bec/Mangin» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="3fca1b50-22dd-4a09-aa71-163b11b125e6" />
<input type="hidden" name="_token" value="8f.AZYCbIRa2DM0D_3a3q9dCRKRLivhcq23K7JwC2o6lNw.bONyNP4vjkEHS5-JmOo3el_yWHKnJfvFQtgkfT5U2I9G-GgYzA6PSVJ7lg" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3701580714055"
data-product-name="Coffret&#x20;Deadpool&#x20;Batman&#x20;&#x28;inclus&#x20;&#x23;1&#x20;&#x2B;&#x20;poster&#x29;"
data-product-price="13.9"
data-product-position="11"
data-product-brand="Urban Comics"
data-product-category="Comics"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/batverse/urban-comics/integrales-et-coffrets/coffret-deadpool-batman-inclus-1-poster-db3722">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3701580714055/1/M266x333/coffret-deadpool-batman-inclus-1.jpg"
alt="Coffret Deadpool Batman (inclus #1 + poster)"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Intégrales et coffrets
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Coffret Deadpool Batman (inclus #1 + poster)
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
13,90
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Coffret Deadpool Batman (inclus #1 + poster)» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="b9f264d0-4cfa-406f-92da-37eee42863b0" />
<input type="hidden" name="_token" value="358b0cc8b5e8cf74220e9206.V2Kp_7wouym2VORGgJRX8vGawaYz-sNeknci9hf_7sg.OhfZp8Zd7VuFEIYVxtE9gbz5t_91rZUs-x12gEORopsQDMOL9HzsU9Agjw" />
</form>
</div>
</li>
</ul>
<button
class="flex p-s justify-center items-center gap-s border-1 rounded border-Utilities-Card-Border bg-Utilities-Card-Surface transition-opacity duration-250 ease-linear text-Utilities-CTA-Primary-Fill disabled:opacity-0 absolute -right-2 top-1/2 -translate-y-1/2 z-10"
>
<i data-lucide=chevron-right></i>
</button>
</div>
<a
data-analytics-homepage-cta="Nos coups de cœur"
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center bg-Utilities-CTA-Primary-Fill text-Utilities-Text-Invert hover:bg-Utilities-CTA-Primary-Hover hover:text-Utilities-Text-Primary disabled:bg-Grey-Light disabled:text-Utilities-Text-Primary ring-Grey-ExtraDark active:ring-2 h-9 py-s px-m text-m w-fit mx-auto"
href="/coup-de-coeur"
>
Découvrir tous les coups de cœur
</a>
</div>
</section>
</div>
<div class="px-m py-l-xl md:px md:py-xxl">
<section
id="home-characters"
class="flex container"
>
<div class="container flex flex-col justify-center items-start gap-xl w-full">
<div class="space-y-s">
<h2 class="h2">
Nos personnages
</h2>
<p
class="font-sans font-normal text-base text-Utilities-Text-Primary max-w-[70rem]"
>
Ici trouvent leur place côte à côte les univers de la bande dessinée franco-belge, des comics américains et du manga japonais. Le 9ème Store se veut la vitrine du 9ème art au sens large et sans souci de genre. Les bandes dessinées et objets collectors de tous les pays sont enfin réunis !
</p>
</div>
<div class="grid gap-l place-items-center w-full grid-cols-[repeat(auto-fill,150px)] max-md:justify-center">
<a href="/tintin-3" class="flex flex-col justify-end items-center gap-0 w-37.5 h-37.5 flex-shrink-0 flex-grow-0 rounded border-1 border-Utilities-Card-Border bg-Utilities-Card-Surface transition-shadow hover:shadow-card">
<img src="/media/images/characters/42abfe69-344c-4a20-a78b-4dd4d46b7a5e.jpg" alt="Tintin" class="w-full h-[7.1875rem] object-cover" />
<h3 class="font-sans text-lg font-medium text-Utilities-Text-Primary">
Tintin
</h3>
</a>
<a href="/gaston-lagaffe" class="flex flex-col justify-end items-center gap-0 w-37.5 h-37.5 flex-shrink-0 flex-grow-0 rounded border-1 border-Utilities-Card-Border bg-Utilities-Card-Surface transition-shadow hover:shadow-card">
<img src="/media/images/characters/044241d0-9439-4a1a-8ba2-67dbac8c92e4.jpg" alt="Gaston" class="w-full h-[7.1875rem] object-cover" />
<h3 class="font-sans text-lg font-medium text-Utilities-Text-Primary">
Gaston
</h3>
</a>
<a href="/superman" class="flex flex-col justify-end items-center gap-0 w-37.5 h-37.5 flex-shrink-0 flex-grow-0 rounded border-1 border-Utilities-Card-Border bg-Utilities-Card-Surface transition-shadow hover:shadow-card">
<img src="/media/images/characters/aaf66957-398a-44a3-bb9b-7cc6593aca30.png" alt="Superman" class="w-full h-[7.1875rem] object-cover" />
<h3 class="font-sans text-lg font-medium text-Utilities-Text-Primary">
Superman
</h3>
</a>
<a href="/batman" class="flex flex-col justify-end items-center gap-0 w-37.5 h-37.5 flex-shrink-0 flex-grow-0 rounded border-1 border-Utilities-Card-Border bg-Utilities-Card-Surface transition-shadow hover:shadow-card">
<img src="/media/images/characters/9faac809-d6e9-4532-b48c-bc1e9011c94d.png" alt="Batman" class="w-full h-[7.1875rem] object-cover" />
<h3 class="font-sans text-lg font-medium text-Utilities-Text-Primary">
Batman
</h3>
</a>
<a href="/boule-bill" class="flex flex-col justify-end items-center gap-0 w-37.5 h-37.5 flex-shrink-0 flex-grow-0 rounded border-1 border-Utilities-Card-Border bg-Utilities-Card-Surface transition-shadow hover:shadow-card">
<img src="/media/images/characters/a5a9064a-9a0e-4c62-9e2f-9c21208d4403.jpg" alt="Boule & Bill" class="w-full h-[7.1875rem] object-cover" />
<h3 class="font-sans text-lg font-medium text-Utilities-Text-Primary">
Boule & Bill
</h3>
</a>
<a href="/marsupilami" class="flex flex-col justify-end items-center gap-0 w-37.5 h-37.5 flex-shrink-0 flex-grow-0 rounded border-1 border-Utilities-Card-Border bg-Utilities-Card-Surface transition-shadow hover:shadow-card">
<img src="/media/images/characters/1071eec0-f186-43ef-bcb9-770224cd9b73.jpg" alt="Marsupilami" class="w-full h-[7.1875rem] object-cover" />
<h3 class="font-sans text-lg font-medium text-Utilities-Text-Primary">
Marsupilami
</h3>
</a>
<a href="/michel-vaillant" class="flex flex-col justify-end items-center gap-0 w-37.5 h-37.5 flex-shrink-0 flex-grow-0 rounded border-1 border-Utilities-Card-Border bg-Utilities-Card-Surface transition-shadow hover:shadow-card">
<img src="/media/images/characters/78ef9af5-8e39-4bc1-9256-ae2e438d83db.jpg" alt="Michel Vaillant" class="w-full h-[7.1875rem] object-cover" />
<h3 class="font-sans text-lg font-medium text-Utilities-Text-Primary">
Michel Vaillant
</h3>
</a>
<a href="/natacha" class="flex flex-col justify-end items-center gap-0 w-37.5 h-37.5 flex-shrink-0 flex-grow-0 rounded border-1 border-Utilities-Card-Border bg-Utilities-Card-Surface transition-shadow hover:shadow-card">
<img src="/media/images/characters/9d82ebdd-9160-4e97-89a9-2fbd20b41a4b.jpg" alt="Natacha" class="w-full h-[7.1875rem] object-cover" />
<h3 class="font-sans text-lg font-medium text-Utilities-Text-Primary">
Natacha
</h3>
</a>
<a href="/xiii" class="max-sm:hidden flex-col justify-end items-center gap-0 w-37.5 h-37.5 flex-shrink-0 flex-grow-0 rounded border-1 border-Utilities-Card-Border bg-Utilities-Card-Surface transition-shadow hover:shadow-card">
<img src="/media/images/characters/5ea21f18-7f67-4d10-bd14-c7cc089474be.jpg" alt="XIII" class="w-full h-[7.1875rem] object-cover" />
<h3 class="font-sans text-lg font-medium text-Utilities-Text-Primary">
XIII
</h3>
</a>
<a href="/spirou-et-fantasio" class="max-sm:hidden flex-col justify-end items-center gap-0 w-37.5 h-37.5 flex-shrink-0 flex-grow-0 rounded border-1 border-Utilities-Card-Border bg-Utilities-Card-Surface transition-shadow hover:shadow-card">
<img src="/media/images/characters/dab1009a-50e2-40ef-95ce-6c28a79f90e8.jpg" alt="Spirou et Fantasio" class="w-full h-[7.1875rem] object-cover" />
<h3 class="font-sans text-lg font-medium text-Utilities-Text-Primary">
Spirou et Fantasio
</h3>
</a>
<a href="/boruto" class="max-sm:hidden flex-col justify-end items-center gap-0 w-37.5 h-37.5 flex-shrink-0 flex-grow-0 rounded border-1 border-Utilities-Card-Border bg-Utilities-Card-Surface transition-shadow hover:shadow-card">
<img src="/media/images/characters/09da370f-440d-40fd-bf63-d7c3f8c247b2.png" alt="Boruto" class="w-full h-[7.1875rem] object-cover" />
<h3 class="font-sans text-lg font-medium text-Utilities-Text-Primary">
Boruto
</h3>
</a>
<a href="/naruto" class="max-sm:hidden flex-col justify-end items-center gap-0 w-37.5 h-37.5 flex-shrink-0 flex-grow-0 rounded border-1 border-Utilities-Card-Border bg-Utilities-Card-Surface transition-shadow hover:shadow-card">
<img src="/media/images/characters/776f0537-7f47-4c41-b261-7f722c3aaad9.png" alt="Naruto" class="w-full h-[7.1875rem] object-cover" />
<h3 class="font-sans text-lg font-medium text-Utilities-Text-Primary">
Naruto
</h3>
</a>
<a href="/joker-1" class="max-sm:hidden flex-col justify-end items-center gap-0 w-37.5 h-37.5 flex-shrink-0 flex-grow-0 rounded border-1 border-Utilities-Card-Border bg-Utilities-Card-Surface transition-shadow hover:shadow-card">
<img src="/media/images/characters/9a7f7cd2-3914-4d12-92c3-d72490b500a3.png" alt="Joker" class="w-full h-[7.1875rem] object-cover" />
<h3 class="font-sans text-lg font-medium text-Utilities-Text-Primary">
Joker
</h3>
</a>
<a href="/thorgal" class="max-sm:hidden flex-col justify-end items-center gap-0 w-37.5 h-37.5 flex-shrink-0 flex-grow-0 rounded border-1 border-Utilities-Card-Border bg-Utilities-Card-Surface transition-shadow hover:shadow-card">
<img src="/media/images/characters/e29574b9-226b-4363-8a88-225ca285f288.jpg" alt="Thorgal" class="w-full h-[7.1875rem] object-cover" />
<h3 class="font-sans text-lg font-medium text-Utilities-Text-Primary">
Thorgal
</h3>
</a>
<a href="/largo-winch" class="max-sm:hidden flex-col justify-end items-center gap-0 w-37.5 h-37.5 flex-shrink-0 flex-grow-0 rounded border-1 border-Utilities-Card-Border bg-Utilities-Card-Surface transition-shadow hover:shadow-card">
<img src="/media/images/characters/858f2e63-5323-4827-987b-fc3159ea17ab.jpg" alt="Largo Winch" class="w-full h-[7.1875rem] object-cover" />
<h3 class="font-sans text-lg font-medium text-Utilities-Text-Primary">
Largo Winch
</h3>
</a>
<a href="/blacksad" class="max-sm:hidden flex-col justify-end items-center gap-0 w-37.5 h-37.5 flex-shrink-0 flex-grow-0 rounded border-1 border-Utilities-Card-Border bg-Utilities-Card-Surface transition-shadow hover:shadow-card">
<img src="/media/images/characters/e9201861-e737-497c-bfda-5db7aa73caaf.jpg" alt="Blacksad" class="w-full h-[7.1875rem] object-cover" />
<h3 class="font-sans text-lg font-medium text-Utilities-Text-Primary">
Blacksad
</h3>
</a>
</div>
<a
data-analytics-homepage-cta="Nos personnages"
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center bg-Utilities-CTA-Primary-Fill text-Utilities-Text-Invert hover:bg-Utilities-CTA-Primary-Hover hover:text-Utilities-Text-Primary disabled:bg-Grey-Light disabled:text-Utilities-Text-Primary ring-Grey-ExtraDark active:ring-2 h-9 py-s px-m text-m mx-auto"
href="/personnages-et-univers"
>
Découvrir tous nos personnages
</a>
</div>
</section>
</div>
<div class="bg-accent-100 px-m py-l-xl md:px md:py-xxl">
<section class="max-w-6-column mx-auto">
<h2 class="h2 mb-s">
Notre expertise
</h2>
<p
class="font-sans font-normal text-base text-Utilities-Text-Secondary md:max-w-2xl lg:max-w-4xl mb-l md:mb-xl"
>
9e Store est votre boutique de référence pour enrichir votre collection en <strong>BD</strong>, <strong>manga</strong>, <strong>comics</strong> et <strong>objets de collection</strong> en édition limitée. <br>
Retrouvez les <strong>sérigraphies</strong>, les <strong>figurines</strong> et les <strong>tirages de luxes</strong> de vos héros de bande dessinée cultes. <br>
Explorez l'univers des plus grands auteurs de BD, tels que <strong>Franquin, Hergé, Graton, Goscinny, Jacobs, Lambil, Cauvin, Giraud, Rosinski, Van Hamme</strong> et bien d'autres. <br>
Des objets uniques pour des collectionneurs avertis !
</p>
<div class="space-y-l relative z-10 tab-container">
<ul class="flex flex-wrap max-sm:justify-center gap-l">
<li>
<button class="px-4 py-8 w-40 h-12 bg-Utilities-Card-Surface text-Utilities-Text-Primary text-center font-medium font-sans text-base/5 cursor-pointer rounded border border-Grey-ExtraLight justify-center items-center inline-flex hover:ring-1 data-[selected=false]:ring-Utilities-CTA-Secondary-Stroke data-[selected=true]:ring-Grey-ExtraDark outline-none active:ring-2 active:ring-Grey-ExtraDark active:border-transparent focus:ring-1 data-[selected=true]:ring-1 data-[selected=true]:border-Grey-ExtraDark" data-selected="true"
data-tab-trigger="strip_cartoon"
>
BD
</button>
</li>
<li>
<button class="px-4 py-8 w-40 h-12 bg-Utilities-Card-Surface text-Utilities-Text-Primary text-center font-medium font-sans text-base/5 cursor-pointer rounded border border-Grey-ExtraLight justify-center items-center inline-flex hover:ring-1 data-[selected=false]:ring-Utilities-CTA-Secondary-Stroke data-[selected=true]:ring-Grey-ExtraDark outline-none active:ring-2 active:ring-Grey-ExtraDark active:border-transparent focus:ring-1 data-[selected=true]:ring-1 data-[selected=true]:border-Grey-ExtraDark" data-selected="false"
data-tab-trigger="manga"
>
Manga
</button>
</li>
<li>
<button class="px-4 py-8 w-40 h-12 bg-Utilities-Card-Surface text-Utilities-Text-Primary text-center font-medium font-sans text-base/5 cursor-pointer rounded border border-Grey-ExtraLight justify-center items-center inline-flex hover:ring-1 data-[selected=false]:ring-Utilities-CTA-Secondary-Stroke data-[selected=true]:ring-Grey-ExtraDark outline-none active:ring-2 active:ring-Grey-ExtraDark active:border-transparent focus:ring-1 data-[selected=true]:ring-1 data-[selected=true]:border-Grey-ExtraDark" data-selected="false"
data-tab-trigger="comics"
>
Comics
</button>
</li>
<li>
<button class="px-4 py-8 w-40 h-12 bg-Utilities-Card-Surface text-Utilities-Text-Primary text-center font-medium font-sans text-base/5 cursor-pointer rounded border border-Grey-ExtraLight justify-center items-center inline-flex hover:ring-1 data-[selected=false]:ring-Utilities-CTA-Secondary-Stroke data-[selected=true]:ring-Grey-ExtraDark outline-none active:ring-2 active:ring-Grey-ExtraDark active:border-transparent focus:ring-1 data-[selected=true]:ring-1 data-[selected=true]:border-Grey-ExtraDark" data-selected="false"
data-tab-trigger="figures"
>
Figurines
</button>
</li>
</ul>
<section data-tab-content="strip_cartoon" class="transition-opacity duration-300 flex flex-col gap-l max-w-2xl px-l pt-l-xl md:pt-l lg:pb-xxl">
<h3 class="h3">
BD
</h3>
<p
class="font-sans font-normal text-base text-Utilities-Text-Secondary"
>
Retrouvez les dernières sorties et le meilleur du catalogue de nos éditeurs de <strong>bande dessinée</strong> Dargaud, Dupuis, Le Lombard et La Gouttière, ainsi que des <strong>figurines exclusives</strong>, des <strong>beaux-livres</strong>, des <strong>intégrales & coffrets</strong> et des <strong>tirages limités</strong> signés par vos auteurs favoris.
</p>
<a
data-analytics-homepage-cta="Découvrez toutes nos bd"
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center bg-Utilities-CTA-Primary-Fill text-Utilities-Text-Invert hover:bg-Utilities-CTA-Primary-Hover hover:text-Utilities-Text-Primary disabled:bg-Grey-Light disabled:text-Utilities-Text-Primary ring-Grey-ExtraDark active:ring-2 h-9 py-s px-m text-m w-fit max-md:mx-auto"
href="/bande-dessinee"
>
Découvrez toutes nos bd
</a>
<img
src="/build/images/expertise/bg_strip_cartoon.png"
alt="image BD"
class="absolute bottom-0 right-0 size-[17.625rem] -z-10 hidden lg:block"
/>
</section>
<section data-tab-content="manga" class="transition-opacity duration-300 hidden flex flex-col gap-l max-w-2xl px-l pt-l-xl md:pt-l lg:pb-xxl">
<h3 class="h3">
Manga
</h3>
<p
class="font-sans font-normal text-base text-Utilities-Text-Secondary"
>
Retrouvez le meilleur du <strong>manga</strong> des catalogues des éditions <strong>Kana</strong> et <strong>Vega</strong>, <strong>des livres avec jaquette alternative</strong> et limitée mais aussi des <strong>figurines Tsume Art</strong> ou <strong>Taka Corp</strong>, <strong>des coffrets DVD/Blu-Ray de vos animés préférés et des goodies exceptionnels de mangas reconnus</strong>.
</p>
<a
data-analytics-homepage-cta="Découvrez tous nos mangas"
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center bg-Utilities-CTA-Primary-Fill text-Utilities-Text-Invert hover:bg-Utilities-CTA-Primary-Hover hover:text-Utilities-Text-Primary disabled:bg-Grey-Light disabled:text-Utilities-Text-Primary ring-Grey-ExtraDark active:ring-2 h-9 py-s px-m text-m w-fit max-md:mx-auto"
href="/manga"
>
Découvrez tous nos mangas
</a>
<img
src="/build/images/expertise/bg_manga.png"
alt="image Manga"
class="absolute bottom-0 right-0 size-[17.625rem] -z-10 hidden lg:block"
/>
</section>
<section data-tab-content="comics" class="transition-opacity duration-300 hidden flex flex-col gap-l max-w-2xl px-l pt-l-xl md:pt-l lg:pb-xxl">
<h3 class="h3">
Comics
</h3>
<p
class="font-sans font-normal text-base text-Utilities-Text-Secondary"
>
Retrouvez le meilleur du <strong>comics</strong> des éditions <strong>Urban Comics</strong> et <strong>Huginn & Muninn</strong>, incluant des <strong>tirages de luxe grand format</strong> des <strong>jeux de société</strong> de vos super-héros préférés et tous les <strong>livres</strong> de l’univers <strong>DC Comics</strong>. Fan de <strong>Batman</strong>, <strong>Superman</strong> ou encore du <strong>Joker</strong>, vous trouverez à coup sûr le comics qu’il vous faut !
</p>
<a
data-analytics-homepage-cta="Découvrez tous nos comics"
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center bg-Utilities-CTA-Primary-Fill text-Utilities-Text-Invert hover:bg-Utilities-CTA-Primary-Hover hover:text-Utilities-Text-Primary disabled:bg-Grey-Light disabled:text-Utilities-Text-Primary ring-Grey-ExtraDark active:ring-2 h-9 py-s px-m text-m w-fit max-md:mx-auto"
href="/comics"
>
Découvrez tous nos comics
</a>
<img
src="/build/images/expertise/bg_comics.png"
alt="image Comics"
class="absolute bottom-0 right-0 size-[17.625rem] -z-10 hidden lg:block"
/>
</section>
<section data-tab-content="figures" class="transition-opacity duration-300 hidden flex flex-col gap-l max-w-2xl px-l pt-l-xl md:pt-l lg:pb-xxl">
<h3 class="h3">
Figurines
</h3>
<p
class="font-sans font-normal text-base text-Utilities-Text-Secondary"
>
Retrouvez une vaste sélection de <strong>figurines</strong> en résine, PVC ou en métal de <strong>fabricants renommés</strong> tels que <strong>Pixi, Fariboles, LMZ Collectibles, Collectoys, Plastoy, Tintinimaginatio</strong>, ou encore <strong>Attakus</strong>. Le plus souvent ces statuettes de collection de personnages de BD, de mangas ou de comics seront numérotées, limitées et livrées avec son certificat d’authenticité.
</p>
<a
data-analytics-homepage-cta="Découvrez toutes nos figurines"
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center bg-Utilities-CTA-Primary-Fill text-Utilities-Text-Invert hover:bg-Utilities-CTA-Primary-Hover hover:text-Utilities-Text-Primary disabled:bg-Grey-Light disabled:text-Utilities-Text-Primary ring-Grey-ExtraDark active:ring-2 h-9 py-s px-m text-m w-fit max-md:mx-auto"
href="/figurines"
>
Découvrez toutes nos figurines
</a>
<img
src="/build/images/expertise/bg_figures.png"
alt="image Figurines"
class="absolute bottom-0 right-0 size-[17.625rem] -z-10 hidden lg:block"
/>
</section>
</div>
</section>
</div>
<section id="home-promotions" class="bg-Grey-ExtraExtraLight flex flex-col px-m py-l-xl md:px md:py-xxl">
<div class="container flex flex-col">
<div class="flex flex-col gap-s">
<span class="flex gap-s">
<h2 class="h2">Promotions</h2>
<img
class="size-9 -mt-1"
src="/build/images/generic/promos.svg"
alt="Promotions"
/>
</span>
<p
class="font-sans font-normal text-base text-Utilities-Text-Primary"
>
Ne manquez pas les promotions du moment avec une sélection d'articles à prix réduits sur le 9e Store.</p>
</div>
<div id="scrollable-horizontal-27d6c21c-5493-4215-b2f6-f0d36e6ac15a" class="flex gap-s md:gap-m items-center justify-start relative">
<button
class="flex p-s justify-center items-center gap-s border-1 rounded border-Utilities-Card-Border bg-Utilities-Card-Surface transition-opacity duration-250 ease-linear text-Utilities-CTA-Primary-Fill disabled:opacity-0 absolute -left-2 top-1/2 -translate-y-1/2 z-10"
>
<i data-lucide=chevron-left></i>
</button>
<ul class="flex items-center gap-s overflow-y-hidden overflow-x-auto snap-x snap-mandatory scroll-smooth no-scrollbar w-full my-xl">
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3309450044778"
data-product-name="Boruto&#x20;Naruto&#x20;Next&#x20;Generation&#x20;Vol.3&#x20;-&#x20;DVD"
data-product-price="27.538"
data-product-position="0"
data-product-brand="Kana Home Vidéo"
data-product-category="Pop culture"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/boruto/kana-home-video/dvd/boruto-naruto-next-generation-vol-3-dvd-150a0f">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3309450044778/1/M266x333/boruto-naruto-next-generation-vo.jpg"
alt="Boruto Naruto Next Generation Vol.3 - DVD"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
DVD
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Boruto Naruto Next Generation Vol.3 - DVD
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
27,54
<span class="text-Utilities-Error line-through">
39,34
</span>
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Boruto Naruto Next Generation Vol.3 - DVD» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="55372855-860a-4856-9f52-3809850fdaae" />
<input type="hidden" name="_token" value="4329a8af48f04e7778720f67f85c328.fq8UsgNQ8rExQ59DIvbnJi0vT4bNG4UvSvy9kffn3iM.E9pk6nklpMMCB_0QZLONVWBMOd-LTNNdI5bp56OJknA5wX7GSwSly1c39A" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3309450046536"
data-product-name="NARUTO&#x20;SHIPPUDEN&#x20;-&#x20;EDITION&#x20;NINJA&#x20;-&#x20;PARTIE&#x20;10"
data-product-price="27.993"
data-product-position="1"
data-product-brand="Kana Home Vidéo"
data-product-category="Pop culture"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/naruto/kana-home-video/dvd/naruto-shippuden-edition-ninja-partie-10-67914e">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3309450046536/1/M266x333/naruto-shippuden-edition-ninja-p.jpg"
alt="NARUTO SHIPPUDEN - EDITION NINJA - PARTIE 10"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
DVD
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
NARUTO SHIPPUDEN - EDITION NINJA - PARTIE 10
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
27,99
<span class="text-Utilities-Error line-through">
39,99
</span>
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «NARUTO SHIPPUDEN - EDITION NINJA - PARTIE 10» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="4ccf8349-29c5-417c-9d5b-4c83833864d3" />
<input type="hidden" name="_token" value="399f840b2a6a860.bhfyI-Vrc0IFndFD2DKwUuDV3vdA82iEIMzRxROYV9E.A2KCe58eJTA22bMQnnfaIa22qK4GpD72SaaFs0f2G4IpeZhXrT8kOGPpug" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3701234132785"
data-product-name="Estampe&#x20;Pigmentaire&#x20;-&#x20;La&#x20;Fleur&#x20;dans&#x20;l&#x27;Atelier&#x20;de&#x20;Mondrian&#x20;-&#x20;Antonio&#x20;Lapone"
data-product-price="79.99"
data-product-position="2"
data-product-brand="Brüsel"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/inconnu/bruesel/tirages-d-art/estampe-pigmentaire-la-fleur-dans-l-atelier-de-mondrian-antonio-lapone-5f1ad9">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3701234132785/1/M266x333/estampe-pigmentaire-la-fleur-dan.jpg"
alt="Estampe Pigmentaire - La Fleur dans l'Atelier de Mondrian - Antonio Lapone"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Tirages d'art
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Estampe Pigmentaire - La Fleur dans l'Atelier de Mondrian - Antonio Lapone
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
79,99
<span class="text-Utilities-Error line-through">
99,00
</span>
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Estampe Pigmentaire - La Fleur dans l'Atelier de Mondrian - Antonio Lapone» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="5724a6f4-99d5-4e0b-81b7-61e9c6827c4e" />
<input type="hidden" name="_token" value="4d80d6ee4a268867fc6a54d.Ns9doy-vWOIvpqIm6WAAV-wR1cCIih4XOOW3aq8wc9g.W7ot-1XaDpAc4sB1ryVqJKFyo5nO3UhlUY_jHPteP4txoTfXZ_sPmEnSyQ" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3309450044488"
data-product-name="Black&#x20;Butler&#x20;&#x3A;&#x20;Book&#x20;of&#x20;the&#x20;Atlantic&#x20;Collector"
data-product-price="17.206"
data-product-position="3"
data-product-brand="Kana Home Vidéo"
data-product-category="Pop culture"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/6/kana-home-video/coffret-dvd-bluray/black-butler-book-of-the-atlantic-collector-13f658">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3309450044488/1/M266x333/black-butler-book-of-the-atlanti.jpg"
alt="Black Butler : Book of the Atlantic Collector"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Coffret DVD / BluRay
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Black Butler : Book of the Atlantic Collector
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
17,21
<span class="text-Utilities-Error line-through">
24,58
</span>
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Black Butler : Book of the Atlantic Collector» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="bf8acd24-1c5c-446d-ad93-7abfe2252fa8" />
<input type="hidden" name="_token" value="7edb34e28a19c39f00e0c49aae11b1a.XtHMXPu-nfR0fdvhmw7LilwUF7lLI4JHpCtKsJxbXlQ.M6S8BIHLy4ZHObmy3Uuh-RF3YeANdNQ1zUEexsg1EgcZv6Yos-rKjhIJsA" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3309450042767"
data-product-name="Ajin&#x20;&#x3A;&#x20;Saison&#x20;1&#x20;-&#x20;DVD"
data-product-price="20.65"
data-product-position="4"
data-product-brand="Kana Home Vidéo"
data-product-category="Manga"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/6/kana-home-video/dvd/ajin-integrale-3-dvd-5ac0ec">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3309450042767/1/M266x333/ajin-saison-1-dvd.jpg"
alt="Ajin : Saison 1 - DVD"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
DVD
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Ajin : Saison 1 - DVD
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
20,65
<span class="text-Utilities-Error line-through">
29,50
</span>
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Ajin : Saison 1 - DVD» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="cfc35524-483b-48c7-a300-ed29b2a322ef" />
<input type="hidden" name="_token" value="0d828a6691f26a.zfff6vdlofIZwfSqPcQPQFVc-7RlelW7aC0VSgk-JAY.oIKvso0Q94AqhZb5e4FlMxg_je0jLQPJAUdBPF1QaFWKmbWevzH2iH-1nw" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3309450044907"
data-product-name="Hunter&#x20;X&#x20;Hunter&#x20;&#x3A;&#x20;Int&#x00E9;grale&#x20;Blu-ray&#x20;Partie&#x20;1"
data-product-price="82.348"
data-product-position="5"
data-product-brand="Kana Home Vidéo"
data-product-category="Pop culture"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/hunter-x-hunter/kana-home-video/coffret-dvd-bluray/hunter-x-hunter-integrale-brd-partie-1-d20995">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3309450044907/1/M266x333/hunter-x-hunter-integrale-blu-ra.jpg"
alt="Hunter X Hunter : Intégrale Blu-ray Partie 1"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Coffret DVD / BluRay
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Hunter X Hunter : Intégrale Blu-ray Partie 1
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
82,35
<span class="text-Utilities-Error line-through">
117,64
</span>
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Hunter X Hunter : Intégrale Blu-ray Partie 1» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="7841770e-31fc-40f5-a6a6-73e327c3e7f3" />
<input type="hidden" name="_token" value="188ffde1b.KKMt2CFgfNlN_JWsa1hbgqTVBG38SvkZLGtipe9HBuE.RdZdgFsVKqt-uPf_LR0x8em2cjS6Ha9rRQE207spSrJvzUesaTQroyuI_g" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3309450047311"
data-product-name="One&#x20;Piece&#x20;-&#x20;FILMS&#x20;-&#x20;Pack&#x20;2&#x20;-&#x20;Films&#x20;6&#x20;&#x00E0;&#x20;9&#x20;-&#x20;3&#x20;BRD"
data-product-price="34.993"
data-product-position="6"
data-product-brand="Kana Home Vidéo"
data-product-category="Manga"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/one-piece/kana-home-video/bluray/one-piece-films-pack-2-films-6-a-9-3-brd-f5087c">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3309450047311/1/M266x333/one-piece-films-pack-2-films-6-a.jpg"
alt="One Piece - FILMS - Pack 2 - Films 6 à 9 - 3 BRD"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
BluRay
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
One Piece - FILMS - Pack 2 - Films 6 à 9 - 3 BRD
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
34,99
<span class="text-Utilities-Error line-through">
49,99
</span>
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «One Piece - FILMS - Pack 2 - Films 6 à 9 - 3 BRD» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="9d2c0723-243c-4c11-87f9-e63b46431b49" />
<input type="hidden" name="_token" value="dfb31.pAK1GSFcw9SyYhKSzVn-400F5A--KMdz_FBphXJTU4k.yXfFQVsplaaBJnDBixyUkABmklb4f5EBlTo98yY9H9rjbN9taQiUrtQWeQ" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3309450043955"
data-product-name="Naruto&#x20;Shippuden&#x20;Int&#x00E9;grale&#x20;Collector&#x20;&#x28;partie&#x20;1&#x29;"
data-product-price="62.993"
data-product-position="7"
data-product-brand="Kana Home Vidéo"
data-product-category="Pop culture"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/naruto/kana-home-video/coffret-dvd-bluray/naruto-integrale-edition-collector-episodes-1-a-143-1419a9">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3309450043955/1/M266x333/naruto-shippuden-integrale-colle.jpg"
alt="Naruto Shippuden Intégrale Collector (partie 1)"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Coffret DVD / BluRay
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Naruto Shippuden Intégrale Collector (partie 1)
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
62,99
<span class="text-Utilities-Error line-through">
89,99
</span>
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Naruto Shippuden Intégrale Collector (partie 1)» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="701e9971-c90c-4119-be99-f62dfa59e053" />
<input type="hidden" name="_token" value="5899245edb36a16bbfcb89d4c64.2qfNf4bbw6j5bFnfJD2gETf7hmu3mJK7N3-bJ-k-kY4.t9K9J_yuldrKKDuMYnjKYnqY8DLxz8TJXhXPUb1Q3d2dyacLzo-U0p8YMg" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3309450036483"
data-product-name="Naruto&#x20;Shippuden&#x20;&#x3A;&#x20;Blood&#x20;Prison"
data-product-price="6.881"
data-product-position="8"
data-product-brand="Kana Home Vidéo"
data-product-category="Manga"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/naruto/kana-home-video/dvd/naruto-shippuden-blood-prison-9a3c4b">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3309450036483/1/M266x333/naruto-shippuden-blood-prison.jpg"
alt="Naruto Shippuden : Blood Prison"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
DVD
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Naruto Shippuden : Blood Prison
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
6,88
<span class="text-Utilities-Error line-through">
9,83
</span>
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Naruto Shippuden : Blood Prison» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="2322df5d-83a1-4b75-9645-58920ecbad50" />
<input type="hidden" name="_token" value="b6.QUCga8i1CReek522YVnLSwQnMydxuhs5IfhSzakF2PU.LDXQM7LAX2Wt1__lJxyhOElERX437U1LSJIGu_1rlKYGLsofgOFebfjn9g" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3309450047083"
data-product-name="Bienvenue&#x20;chez&#x20;les&#x20;Loud&#x20;&#x3A;&#x20;Saison&#x20;4&#x20;partie&#x20;2"
data-product-price="10.493"
data-product-position="9"
data-product-brand="Citel"
data-product-category="Pop culture"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/inconnu/citel/coffret-dvd-bluray/bienvenue-chez-les-loud-saison-4-partie-2-0c1e0d">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3309450047083/1/M266x333/bienvenue-chez-les-loud-saison-4.jpg"
alt="Bienvenue chez les Loud : Saison 4 partie 2"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Coffret DVD / BluRay
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Bienvenue chez les Loud : Saison 4 partie 2
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
10,49
<span class="text-Utilities-Error line-through">
14,99
</span>
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Bienvenue chez les Loud : Saison 4 partie 2» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="10dd55a1-78bd-4793-a8d8-b22981772393" />
<input type="hidden" name="_token" value="a68.gpd0A68ZCunX7K90oS9PpQ6aefTyIbvk4CLoo-49_Cs.7-IEW9VsXJvkqM0n52ol1kP5D620du2WiUi81bpTsHjF-R53501dk7GYxA" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3309450047137"
data-product-name="One&#x20;Piece&#x20;Pays&#x20;de&#x20;Wano&#x20;Vol.4&#x20;-&#x20;3&#x20;DVD"
data-product-price="20.993"
data-product-position="10"
data-product-brand="Kana Home Vidéo"
data-product-category="Manga"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/one-piece/kana-home-video/dvd/one-piece-pays-de-wano-vol-4-3-dvd-7ef650">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3309450047137/1/M266x333/one-piece-pays-de-wano-vol-4-3-d.jpg"
alt="One Piece Pays de Wano Vol.4 - 3 DVD"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
DVD
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
One Piece Pays de Wano Vol.4 - 3 DVD
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
20,99
<span class="text-Utilities-Error line-through">
29,99
</span>
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «One Piece Pays de Wano Vol.4 - 3 DVD» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="9fa40eba-4c58-4815-bbc7-9c2faea3362d" />
<input type="hidden" name="_token" value="4c514e45c.KAgK79Ze0PdIRI6LRRAFvVgY6HWW8u-ePsMYg1EJSpA.RX16t6wrhoV7AOzYA1VvzhV7nizQpbnsV6lM9QVnBsNvZmCbngqHjS4w5Q" />
</form>
</div>
</li>
<li
class="product-thumb relative overflow-hidden flex flex-col shrink-0 w-80 h-92 bg-Utilities-Card-Surface border-1 border-Utilities-Card-Border rounded snap-center snap-stop transition-shadow hover:shadow-card hover:ring-1 ring-Utilities-Card-Border"
data-ecommerce-role="productContainer"
data-product-ean="3309450045119"
data-product-name="Hunter&#x20;X&#x20;Hunter&#x20;&#x3A;&#x20;Int&#x00E9;grale&#x20;Blu-ray&#x20;Partie&#x20;2"
data-product-price="82.348"
data-product-position="11"
data-product-brand="Kana Home Vidéo"
data-product-category="Pop culture"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/hunter-x-hunter/kana-home-video/coffret-dvd-bluray/hunter-x-hunter-integrale-brd-partie-2-d29176">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3309450045119/1/M266x333/hunter-x-hunter-integrale-blu-ra.jpg"
alt="Hunter X Hunter : Intégrale Blu-ray Partie 2"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Coffret DVD / BluRay
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Hunter X Hunter : Intégrale Blu-ray Partie 2
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
82,35
<span class="text-Utilities-Error line-through">
117,64
</span>
<sup>€</sup>
</div>
<form
action="/cart/"
method="post"
data-add-to-cart-url="/cart/add"
class="add-to-cart flex flex-wrap items-center justify-between gap-s"
>
<div class="w-full flex max-lg:flex-col gap-l-xl items-center">
<button
type="submit" title="Ajouter «Hunter X Hunter : Intégrale Blu-ray Partie 2» au panier" data-analytics-event="add_to_cart"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m w-full"
>
<i data-lucide=shopping-cart></i>
Ajouter au panier
</button>
</div>
<input type="hidden" name="id" value="f243088c-1a90-4fba-94e7-7326d1f9967e" />
<input type="hidden" name="_token" value="90deca257d4dce7eb8e8c5c18a0b75._f5kD_l5zemgO50YdXx3RWbBVrwZFW9iJPl4BWziR0w.kIsUV4MMm5uTf_9LMzkdNiuiIOVfQjkQTZMscziMCx-6kA57sS2ak8ZP9g" />
</form>
</div>
</li>
</ul>
<button
class="flex p-s justify-center items-center gap-s border-1 rounded border-Utilities-Card-Border bg-Utilities-Card-Surface transition-opacity duration-250 ease-linear text-Utilities-CTA-Primary-Fill disabled:opacity-0 absolute -right-2 top-1/2 -translate-y-1/2 z-10"
>
<i data-lucide=chevron-right></i>
</button>
</div>
<a
data-analytics-homepage-cta="Promotions"
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center bg-Utilities-CTA-Primary-Fill text-Utilities-Text-Invert hover:bg-Utilities-CTA-Primary-Hover hover:text-Utilities-Text-Primary disabled:bg-Grey-Light disabled:text-Utilities-Text-Primary ring-Grey-ExtraDark active:ring-2 h-9 py-s px-m text-m w-fit mx-auto"
href="/prix-reduits"
>
Découvrir les promotions
</a>
</div>
</section>
<div id="publishers__wrapper" class="px-m py-l-xl md:px md:py-xxl bg-size-publishers bg-right-bottom bg-no-repeat" style="background-image: url(/build/images/editors/bg_dargaud.jpg);">
<section class="container flex flex-col gap-l md:gap-xl">
<header class="space-y-s">
<h2 class="h2">
Nos éditeurs
</h2>
<p
class="font-sans font-normal text-base text-Utilities-Text-Primary"
>
Tous nos éditeurs partenaires !
</p>
</header>
<div class="tab-container relative flex flex-col gap-l md:gap-xl overflow-x-hidden">
<div id="scrollable-horizontal-1672fd68-5708-4ccb-a4c1-db18a6faeea4" class="flex gap-s md:gap-m items-center justify-start relative">
<ul class="flex items-center gap-s overflow-y-hidden overflow-x-auto snap-x snap-mandatory scroll-smooth no-scrollbar flex gap-s !scroll-auto">
<li>
<button type="button" class="flex justify-center items-center w-[9.375rem] h-20 rounded border-2 border-Grey-ExtraDark bg-Utilities-Card-Surface data-[selected=false]:border-1 data-[selected=false]:border-Utilities-Card-Border bg-center bg-no-repeat" data-selected="true" data-background-content="/build/images/editors/bg_dargaud.jpg" style="background-image: url(/build/images/editors/dargaud.png)"
data-tab-trigger="dargaud"
>
<span class="sr-only">
Dargaud
</span>
</button>
</li>
<li>
<button type="button" class="flex justify-center items-center w-[9.375rem] h-20 rounded border-2 border-Grey-ExtraDark bg-Utilities-Card-Surface data-[selected=false]:border-1 data-[selected=false]:border-Utilities-Card-Border bg-center bg-no-repeat" data-selected="false" data-background-content="/build/images/editors/bg_dupuis.jpg" style="background-image: url(/build/images/editors/dupuis.png)"
data-tab-trigger="dupuis"
>
<span class="sr-only">
Dupuis
</span>
</button>
</li>
<li>
<button type="button" class="flex justify-center items-center w-[9.375rem] h-20 rounded border-2 border-Grey-ExtraDark bg-Utilities-Card-Surface data-[selected=false]:border-1 data-[selected=false]:border-Utilities-Card-Border bg-center bg-no-repeat" data-selected="false" data-background-content="/build/images/editors/bg_kana.jpg" style="background-image: url(/build/images/editors/kana.png)"
data-tab-trigger="kana"
>
<span class="sr-only">
Kana
</span>
</button>
</li>
<li>
<button type="button" class="flex justify-center items-center w-[9.375rem] h-20 rounded border-2 border-Grey-ExtraDark bg-Utilities-Card-Surface data-[selected=false]:border-1 data-[selected=false]:border-Utilities-Card-Border bg-center bg-no-repeat" data-selected="false" data-background-content="/build/images/editors/bg_lombard.jpg" style="background-image: url(/build/images/editors/lombard.png)"
data-tab-trigger="lombard"
>
<span class="sr-only">
Le lombard
</span>
</button>
</li>
<li>
<button type="button" class="flex justify-center items-center w-[9.375rem] h-20 rounded border-2 border-Grey-ExtraDark bg-Utilities-Card-Surface data-[selected=false]:border-1 data-[selected=false]:border-Utilities-Card-Border bg-center bg-no-repeat" data-selected="false" data-background-content="/build/images/editors/bg_urban.jpg" style="background-image: url(/build/images/editors/urban.png)"
data-tab-trigger="urban"
>
<span class="sr-only">
Urban Comics
</span>
</button>
</li>
<li>
<button type="button" class="flex justify-center items-center w-[9.375rem] h-20 rounded border-2 border-Grey-ExtraDark bg-Utilities-Card-Surface data-[selected=false]:border-1 data-[selected=false]:border-Utilities-Card-Border bg-center bg-no-repeat" data-selected="false" data-background-content="/build/images/editors/bg_huginn.jpg" style="background-image: url(/build/images/editors/huginn.png)"
data-tab-trigger="huginn"
>
<span class="sr-only">
Huginn & Muninn
</span>
</button>
</li>
<li class="max-md:hidden flex flex-shrink-0 bg-Utilities-CTA-Secondary-Fill w-[9.375rem] h-20 border-1 border-Utilities-Card-Border rounded">
<a
href="/page/nos-editeurs"
class="flex flex-col justify-center items-center gap-s w-full h-full"
>
<i data-lucide=list></i>
Tous les éditeurs
</a>
</li>
</ul>
</div>
<section data-tab-content="dargaud" class="transition-opacity duration-300 max-w-6xl flex flex-col md:flex-row gap-l justify-between">
<section class="max-w-164">
<h3 class="h4">
Dargaud
</h3>
<p
class="font-sans font-normal text-base text-Utilities-Text-Primary py-m"
>
Éditeur historique d'Astérix en France avec le magazine Pilote, Dargaud multiplie les succès et s'impose comme pionnier du roman graphique tout en faisant souffler un vent nouveau sur ses séries patrimoniales.
</p>
<a
data-analytics-homepage-cta="Découvrir DARGAUD"
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center bg-Utilities-CTA-Primary-Fill text-Utilities-Text-Invert hover:bg-Utilities-CTA-Primary-Hover hover:text-Utilities-Text-Primary disabled:bg-Grey-Light disabled:text-Utilities-Text-Primary ring-Grey-ExtraDark active:ring-2 h-9 py-s px-m text-m max-md:hidden"
href="/dargaud"
>
Découvrir DARGAUD
</a>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center border active:ring-2 bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m text-m md:hidden bg-Utilities-Card-Surface"
href="/dargaud"
>
Découvrir DARGAUD
</a>
</section>
<section class="space-y-m xl:mr-32 lg:mr-16 min-w-44">
<p class="h4">
Les plus connus
</p>
<ul class="flex flex-col gap-xs">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/vieux-fourneaux"
>
Les Vieux Fourneaux</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/blake-et-mortimer"
>
Blake & Mortimer</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/lucky-luke"
>
Lucky Luke</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/blacksad"
>
Blacksad</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/xiii"
>
XIII</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/boule-bill"
>
Boule & Bill</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/valerian"
>
Valérian</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/chat-du-rabbin"
>
Le Chat du Rabbin</a>
</li>
</ul>
</section>
</section>
<section data-tab-content="dupuis" class="transition-opacity duration-300 hidden max-w-6xl flex flex-col md:flex-row gap-l justify-between">
<section class="max-w-164">
<h3 class="h4">
Dupuis
</h3>
<p
class="font-sans font-normal text-base text-Utilities-Text-Primary py-m"
>
La bande dessinée jeunesse est le fief incontesté de Dupuis et son journal de Spirou qui continue à faire rêver des générations de lecteurs.
</p>
<a
data-analytics-homepage-cta="Découvrir DUPUIS"
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center bg-Utilities-CTA-Primary-Fill text-Utilities-Text-Invert hover:bg-Utilities-CTA-Primary-Hover hover:text-Utilities-Text-Primary disabled:bg-Grey-Light disabled:text-Utilities-Text-Primary ring-Grey-ExtraDark active:ring-2 h-9 py-s px-m text-m max-md:hidden"
href="/dupuis"
>
Découvrir DUPUIS
</a>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center border active:ring-2 bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m text-m md:hidden bg-Utilities-Card-Surface"
href="/dupuis"
>
Découvrir DUPUIS
</a>
</section>
<section class="space-y-m xl:mr-32 lg:mr-16 min-w-44">
<p class="h4">
Les plus connus
</p>
<ul class="flex flex-col gap-xs">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/largo-winch"
>
Largo Winch</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/les-nombrils"
>
les Nombrils</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/seuls"
>
Seuls</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/gaston-lagaffe"
>
Gaston</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/spirou-et-fantasio"
>
Spirou et Fantasio</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/minions"
>
Les Minions</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/les-tuniques-bleues"
>
Les Tuniques Bleues</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/louca"
>
Louca</a>
</li>
</ul>
</section>
</section>
<section data-tab-content="kana" class="transition-opacity duration-300 hidden max-w-6xl flex flex-col md:flex-row gap-l justify-between">
<section class="max-w-164">
<h3 class="h4">
Kana
</h3>
<p
class="font-sans font-normal text-base text-Utilities-Text-Primary py-m"
>
Puisant ses racines au cœur du Japon, l'éditeur de Naruto fait fleurir la culture japonaise en éditant des ouvrages de qualité avec une traduction respectueuse des œuvres originales et leurs codes.
</p>
<a
data-analytics-homepage-cta="Découvrir KANA"
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center bg-Utilities-CTA-Primary-Fill text-Utilities-Text-Invert hover:bg-Utilities-CTA-Primary-Hover hover:text-Utilities-Text-Primary disabled:bg-Grey-Light disabled:text-Utilities-Text-Primary ring-Grey-ExtraDark active:ring-2 h-9 py-s px-m text-m max-md:hidden"
href="/kana"
>
Découvrir KANA
</a>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center border active:ring-2 bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m text-m md:hidden bg-Utilities-Card-Surface"
href="/kana"
>
Découvrir KANA
</a>
</section>
<section class="space-y-m xl:mr-32 lg:mr-16 min-w-44">
<p class="h4">
Les plus connus
</p>
<ul class="flex flex-col gap-xs">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/naruto"
>
Naruto</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/save-me-pythie"
>
Save Me Pythie !</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/black-butler"
>
Black Butler</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/fire-force"
>
Fire Force</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/bakuman"
>
Bakuman</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/assassination-classroom"
>
Assassination Classroom</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/detective-conan"
>
Détective Conan</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/boruto"
>
Boruto</a>
</li>
</ul>
</section>
</section>
<section data-tab-content="lombard" class="transition-opacity duration-300 hidden max-w-6xl flex flex-col md:flex-row gap-l justify-between">
<section class="max-w-164">
<h3 class="h4">
Le lombard
</h3>
<p
class="font-sans font-normal text-base text-Utilities-Text-Primary py-m"
>
Éditeur incontournable de bande dessinée et fondateur du journal de Tintin, Le Lombard a marqué l'histoire en posant les jalons de la bande dessinée Franco-Belge.
</p>
<a
data-analytics-homepage-cta="Découvrir LE LOMBARD"
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center bg-Utilities-CTA-Primary-Fill text-Utilities-Text-Invert hover:bg-Utilities-CTA-Primary-Hover hover:text-Utilities-Text-Primary disabled:bg-Grey-Light disabled:text-Utilities-Text-Primary ring-Grey-ExtraDark active:ring-2 h-9 py-s px-m text-m max-md:hidden"
href="/le-lombard"
>
Découvrir LE LOMBARD
</a>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center border active:ring-2 bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m text-m md:hidden bg-Utilities-Card-Surface"
href="/le-lombard"
>
Découvrir LE LOMBARD
</a>
</section>
<section class="space-y-m xl:mr-32 lg:mr-16 min-w-44">
<p class="h4">
Les plus connus
</p>
<ul class="flex flex-col gap-xs">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/schtroumpfs"
>
Les Schtroumpfs</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/thorgal"
>
Thorgal</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/les-enfants-de-la-resistance"
>
Les enfants de la Résistance</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/leonard"
>
Léonard</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/signe"
>
Signé</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/eleve-ducobu"
>
Ducobu</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/litteul-kevin"
>
Litteul Kévin</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/irs"
>
I.R.$</a>
</li>
</ul>
</section>
</section>
<section data-tab-content="urban" class="transition-opacity duration-300 hidden max-w-6xl flex flex-col md:flex-row gap-l justify-between">
<section class="max-w-164">
<h3 class="h4">
Urban Comics
</h3>
<p
class="font-sans font-normal text-base text-Utilities-Text-Primary py-m"
>
Avec son identité visuelle exceptionnelle et sa ligne éditoriale d'une qualité rare, le détenteur français des droits de DC Comics a réinventé la manière de publier le Comics en France.
</p>
<a
data-analytics-homepage-cta="Découvrir URBAN COMICS"
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center bg-Utilities-CTA-Primary-Fill text-Utilities-Text-Invert hover:bg-Utilities-CTA-Primary-Hover hover:text-Utilities-Text-Primary disabled:bg-Grey-Light disabled:text-Utilities-Text-Primary ring-Grey-ExtraDark active:ring-2 h-9 py-s px-m text-m max-md:hidden"
href="/urban-comics"
>
Découvrir URBAN COMICS
</a>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center border active:ring-2 bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m text-m md:hidden bg-Utilities-Card-Surface"
href="/urban-comics"
>
Découvrir URBAN COMICS
</a>
</section>
<section class="space-y-m xl:mr-32 lg:mr-16 min-w-44">
<p class="h4">
Les plus connus
</p>
<ul class="flex flex-col gap-xs">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/batman"
>
Batman</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/superman"
>
Superman</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/justice-league-1"
>
Justice League</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/indies"
>
Indies</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/fables"
>
Fables</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/sandman"
>
Sandman</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/adventure-time"
>
Adventure Time</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/watchmen"
>
Watchmen</a>
</li>
</ul>
</section>
</section>
<section data-tab-content="huginn" class="transition-opacity duration-300 hidden max-w-6xl flex flex-col md:flex-row gap-l justify-between">
<section class="max-w-164">
<h3 class="h4">
Huginn & Muninn
</h3>
<p
class="font-sans font-normal text-base text-Utilities-Text-Primary py-m"
>
La maison Huginn & Muninn déploie l'imaginaire geek de la culture pop et vous le livre dans le plus beau des écrins : des ouvrages à lire et à offrir.
</p>
<a
data-analytics-homepage-cta="Découvrir HUGINN & MUNINN"
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center bg-Utilities-CTA-Primary-Fill text-Utilities-Text-Invert hover:bg-Utilities-CTA-Primary-Hover hover:text-Utilities-Text-Primary disabled:bg-Grey-Light disabled:text-Utilities-Text-Primary ring-Grey-ExtraDark active:ring-2 h-9 py-s px-m text-m max-md:hidden"
href="/huginn-muninn"
>
Découvrir HUGINN & MUNINN
</a>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center border active:ring-2 bg-Utilities-CTA-Secondary-Fill border-Utilities-CTA-Secondary-Stroke hover:bg-Utilities-CTA-Secondary-Hover hover:border-transparent disabled:text-Utilities-CTA-Secondary-Label disabled:bg-Utilities-Text-Invert disabled:border-Utilities-CTA-Secondary-Disabled ring-Grey-ExtraDark active:border-transparent focus:bg-Utilities-CTA-Secondary-Hover focus:border-transparent h-9 py-s px-m text-m md:hidden bg-Utilities-Card-Surface"
href="/huginn-muninn"
>
Découvrir HUGINN & MUNINN
</a>
</section>
<section class="space-y-m xl:mr-32 lg:mr-16 min-w-44">
<p class="h4">
Les plus connus
</p>
<ul class="flex flex-col gap-xs">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/harry-potter"
>
Harry Potter</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/star-wars"
>
Star Wars</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/game-of-thrones"
>
Game of Thrones</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/lego"
>
LEGO</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/cartoons-les-tresors-de-l-animation-americaine"
>
Animation</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/jeux-video-huginn-muninn"
>
Jeux vidéo</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/cuisine-huginn-muninn"
>
Cuisine</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed hover:underline underline-offset-4 decoration-2 active:text-accent-400 text-m"
href="/cinema-huginn-muninn"
>
Cinéma</a>
</li>
</ul>
</section>
</section>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center bg-Utilities-CTA-Primary-Fill text-Utilities-Text-Invert hover:bg-Utilities-CTA-Primary-Hover hover:text-Utilities-Text-Primary disabled:bg-Grey-Light disabled:text-Utilities-Text-Primary ring-Grey-ExtraDark active:ring-2 h-9 py-s px-m text-m md:hidden w-fit self-center"
href="/page/nos-editeurs"
>
Tous les éditeurs
</a>
</div>
</section>
</div>
</main>
<section class="my mx-xl">
<div class="skeepers_carousel_container" data-slides-count="4"></div>
<script async
charset="utf-8"
src="//widgets.rr.skeepers.io/carousel/7c812eed-a810-5d64-e91f-5265c97ce950/d594766b-d27c-4046-ab76-24b31352ff8e.js">
</script>
</section>
<footer class="w-full">
<article class="flex-wrap gap-8 flex flex-col md:flex-row items-center justify-center py-12 px-6 md:px-12 bg-Grey-ExtraExtraLight overflow-x-hidden">
<section class="flex flex-col w-full lg:w-1/2 gap-6 relative">
<header class="z-10">
<p class="h4">Inscrivez-vous à notre newsletter</p>
<p class="text-Utilities-Text-Secondary">
Ne ratez aucune nouveauté !
</p>
</header>
<div class="newsletter z-10">
<form
id="newsletter-form"
class="flex gap-2.5 max-w-[50vh] max-sm:flex-col recaptcha-form"
action="/newsletter-subscriptions/"
method="post"
data-recaptcha-site-key="6LcSWbsUAAAAAKJTGgJAIVMyhTZtHYArM4x86Vc6"
>
<form name="subscription" method="post">
<div class="input-placeholded w-full">
<input type="email" id="subscription_emailAddress" name="subscription[emailAddress]" required="required" placeholder="Votre email…" class="w-full px-m h-9 rounded-xs form-control" />
</div>
<button
type="submit"
class="inline-flex items-center justify-center gap-s text-m text-nowrap font-sans font-medium rounded-xs border transition-colors outline-none disabled:pointer-events-none active:ring-2 hover:disabled:cursor-not-allowed bg-Utilities-CTA-Primary-Fill text-Utilities-Text-Invert border-none hover:bg-Utilities-CTA-Primary-Hover hover:text-Utilities-Text-Primary disabled:bg-Grey-Light disabled:text-Utilities-Text-Primary ring-Grey-ExtraDark h-9 py-s px-m"
>
S'inscrire
</button>
<input type="hidden" id="subscription__token" name="subscription[_token]" value="9df9cf267c1cd.7HZRH1x6rPx1B2t9gczwRDyXMyRWUdqqqCWr-7wuUiQ.gRUcQAMr4IVHQSFJ55iZLnPdHmkAO-rj603ymOVLa0OtIQtuakPLlDdoHA" /></form>
</form>
</div>
<img
class="size-40 absolute right-0 xl:right-16"
src="/build/images/generic/letter.svg"
/>
</section>
<ul class="flex gap-l justify-start items-center flex-col sm:flex-row">
<li class="flex flex-col gap-s items-center max-w-36">
<i class="size-11 stroke-accent-400" data-lucide=badge-euro></i>
<p class="text-center font-bold uppercase">
Paiement sécurisé
</p>
<p class="text-center">
CB, 3x sans frais
</p>
</li>
<li class="flex flex-col gap-s items-center max-w-36">
<i class="size-11 stroke-accent-400" data-lucide=gift></i>
<p class="text-center font-bold uppercase">
Promotions et cadeaux
</p>
<p class="text-center">
avec vos points fidélité !
</p>
</li>
<li class="flex flex-col gap-s items-center max-w-36">
<i class="size-11 stroke-accent-400" data-lucide=truck></i>
<a href="/page/suivre-ma-commande">
<p class="text-center font-bold uppercase">
Frais de port à 0.01€
</p>
<p class="text-center">
À partir de 35€ d'achat*
</p>
</a>
</li>
</ul>
</article>
<section class="flex flex-wrap gap-l w-full px-4 md:px-12 py-6 bg-Grey-Dark justify-center items-start md:gap-xxxl">
<div class="py-2">
<p class="w-full text-Utilities-Text-Invert max-md:text-center text-xs font-bold font-sans uppercase">
Nos réseaux sociaux
</p>
<div class="flex py-2 gap-4 justify-center">
<a href="https://www.facebook.com/9emstore" class="self-stretch justify-start items-center gap-2 inline-flex">
<div class="size-7 rounded-2xl border border-Utilities-Card-Border justify-center items-center gap-2.5 flex" title="Facebook">
<i class="stoke-white size-4 fill-white stroke-transparent" data-lucide=facebook></i>
</div>
</a>
<a href="https://www.instagram.com/9eme_store" class="self-stretch justify-start items-center gap-2 inline-flex" title="Instagram">
<div class="size-7 rounded-2xl border border-Utilities-Card-Border justify-center items-center gap-2.5 flex">
<i class="stoke-white size-4 stroke-white" data-lucide=instagram></i>
</div>
</a>
<a href="https://www.tiktok.com/@9estore" class="self-stretch justify-start items-center gap-2 inline-flex" title="Tiktok">
<div class="size-7 rounded-2xl border border-Utilities-Card-Border justify-center items-center gap-2.5 flex">
<i class="stoke-white size-4 stroke-white" style="background: url(/build/images/generic/icons/tiktok.svg) no-repeat;"></i>
</div>
</a>
</div>
</div>
<div class="flex flex-row justify-center items-center py-4 gap-2">
<p class="text-Utilities-Text-Invert max-md:text-center text-xs font-bold font-sans uppercase">
BESOIN D'AIDE ?
</p>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed justify-center bg-Utilities-CTA-Primary-Fill text-Utilities-Text-Invert hover:bg-Utilities-CTA-Primary-Hover hover:text-Utilities-Text-Primary disabled:bg-Grey-Light disabled:text-Utilities-Text-Primary ring-Grey-ExtraDark active:ring-2 h-9 py-s px-m text-m w-full md:w-36"
href="/boutique-officielle/livraison"
>
<p class="text-s font-bold font-sans uppercase">
F.A.Q
</p>
</a>
</div>
</section>
<section class="px-4 py-8 flex md:mx-auto bg-Grey-ExtraDark text-Grey-White">
<div class="gap-7 flex flex-col md:flex-row md:gap-5 md:mx-auto">
<div class="flex items-start self-stretch gap-5">
<div class="flex flex-col gap-4 flex-1 min-w-36">
<p class="h5 text-Grey-White">Plus sur le 9ème Store</p>
<ul class="space-y-2">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400 !text-wrap"
href="/page/points-de-fidelite"
>
Les points de fidélité
</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400 !text-wrap"
href="/page/programme-ambassadeur-dupuis"
>
Programme ambassadeur
</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400 !text-wrap"
href="/page/qui-sommes-nous"
>
Qui sommes-nous ?
</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400 !text-wrap"
href="/page/cookies"
>
Cookies
</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400 !text-wrap"
href="https://careers.smartrecruiters.com/MEDIAPARTICIPATIONS/9%C3%A8me-store"
>
Nos offres d'emploi
</a>
</li>
</ul>
</div>
<div class="flex flex-col gap-4 flex-1 min-w-36">
<p class="h5 text-Grey-White">Catégories</p>
<ul class="space-y-2">
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="/bande-dessinee"
>
Bandes-dessinées
</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="/manga"
>
Manga
</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="/comics"
>
Comics
</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="/jeunesse"
>
Jeunesse
</a>
</li>
<li>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="/pop-culture"
>
Pop-culture
</a>
</li>
</ul>
</div>
</div>
<div class="flex flex-col gap-4 flex-1 w-full">
<p class="h5 text-Grey-White">Nos éditeurs et partenaires</p>
<ul class="flex-1 min-w-36 grid gap-x-4 gap-y-2 grid-cols-2 auto-rows-auto">
<li>
<a
target="_self"
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="/page/nos-editeurs"
>
Nos catalogues éditeurs
</a>
</li>
<li>
<a
target="_blank"
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="https://www.dargaud.com"
>
Dargaud
</a>
</li>
<li>
<a
target="_blank"
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="https://www.dupuis.com"
>
Dupuis
</a>
</li>
<li>
<a
target="_blank"
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="http://huginnmuninn.fr"
>
Huginn & Muninn
</a>
</li>
<li>
<a
target="_blank"
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="https://www.kana.fr"
>
Kana
</a>
</li>
<li>
<a
target="_blank"
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="https://www.mangas.io"
>
Mangas.io
</a>
</li>
<li>
<a
target="_blank"
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="https://www.lelombard.com"
>
Le Lombard
</a>
</li>
<li>
<a
target="_blank"
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="https://www.urban-comics.com"
>
Urban Comics
</a>
</li>
<li>
<a
target="_blank"
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="/editions-vega"
>
Vega
</a>
</li>
</ul>
</div>
</div>
</section>
<section class="px-6 py-2 bg-Grey-ExtraDark text-Utilities-Text-Invert max-lg:text-center">
<div class="flex flex-col lg:mx-auto lg:flex-row-reverse gap-4 justify-center items-center">
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="/page/cgv"
>
Conditions générales de vente
</a>
<span class="leading-5 max-lg:hidden">•</span>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="/page/mentions-legales"
>
Mentions légales
</a>
<span class="leading-5 max-lg:hidden">•</span>
<a
class="inline-flex items-center gap-s text-nowrap text- font-sans rounded-xs transition-colors outline-none disabled:pointer-events-none hover:disabled:cursor-not-allowed text-xs w-fit hover:underline underline-offset-4 decoration-2 active:text-accent-400"
href="/page/charte-de-protection-des-donnees-9e-store"
>
Charte de protection des données
</a>
<span class="leading-5 max-lg:hidden">•</span>
<p
class="font-sans font-normal text-base text-Utilities-Text-Invert !text-xs"
>
Copyright 9e Store © Tous droits reservés
</p>
</div>
</section>
</footer>
<script id="_translations" type="application/json">
{
"error.generic": "Une\u0020erreur\u0020s\u2019est\u0020produite,\u0020merci\u0020d\u2019essayer\u0020\u00E0\u0020nouveau.",
"close": "Fermer"
}
</script>
<script defer src="https://www.google.com/recaptcha/api.js?render=6LcSWbsUAAAAAKJTGgJAIVMyhTZtHYArM4x86Vc6"></script>
<script defer src="/build/js/front.0ae74d3d.js"></script>
<script defer src="/build/common.7e3f6492.js"></script>
<script defer type="text/javascript"
src="//cdn.evgnet.com/beacon/mediatoon/neuvieme_store/scripts/evergage.min.js"></script>
<script type="application/ld+json">{"url":"https://9e-store.fr/","logo":"/build/images/generic/lg_9estore.svg","name":"9ᵉ Store","contactPoint":{"telephone":"+33 1 70 96 88 60","email":"info@9e-store.fr","contactType":"Customer Service","@type":"ContactPoint"},"sameAs":["https://www.facebook.com/9emstore","https://www.instagram.com/9eme_store/","https://www.tiktok.com/@9estore"],"aggregateRating":{"ratingValue":4.43,"reviewCount":1338,"@type":"AggregateRating"},"@type":"Organization","@context":"https://schema.org"}</script>
<script type="application/ld+json">{"url":"https://9e-store.fr/","potentialAction":[{"target":"https://9e-store.fr/search?q={query_string}","query-input":"required name=query_string","@type":"SearchAction"}],"@type":"Website","@context":"https://schema.org"}</script>
<script type="application/ld+json">{"itemListElement":[{"position":1,"url":"https://9e-store.fr/gundam/vega/livres/mobile-suit-gundam-unicorn-tome-7-9-bf36dc","@type":"ListItem"},{"position":2,"url":"https://9e-store.fr/undead-unluck/kana/livres/undead-unluck-t25-ad1a5d","@type":"ListItem"},{"position":3,"url":"https://9e-store.fr/yano-une-vie-ordinaire/vega/livres/yano-une-vie-ordinaire-tome-4-befdc5","@type":"ListItem"},{"position":4,"url":"https://9e-store.fr/inconnu/dupuis/livres/les-grands-reveurs-tome-1-5d3871","@type":"ListItem"},{"position":5,"url":"https://9e-store.fr/manga/vega-dupuis/livres/ceinture-noire-tome-1-2-be40cd","@type":"ListItem"},{"position":6,"url":"https://9e-store.fr/tranches-de-vie/dupuis/livres/euy-534596","@type":"ListItem"},{"position":7,"url":"https://9e-store.fr/keywest/dargaud-benelux/livres/hemingway-la-jeune-fille-et-la-mer-e5f190","@type":"ListItem"},{"position":8,"url":"https://9e-store.fr/les-mysteres-de-la-residence-kaika/vega/livres/les-mysteres-de-la-residence-kaika-tome-3-c03016","@type":"ListItem"},{"position":9,"url":"https://9e-store.fr/boy-s-abyss/kana/livres/boy-s-abyss-t18-e4b264","@type":"ListItem"},{"position":10,"url":"https://9e-store.fr/j-ai-toujours-reve-d-etre-un-fermier/inconnu/livres/j-ai-toujours-reve-d-etre-fermier-85bc75","@type":"ListItem"},{"position":11,"url":"https://9e-store.fr/pico-bogue/dargaud/livres/tome-27-828570","@type":"ListItem"},{"position":12,"url":"https://9e-store.fr/inconnu/dupuis/livres/bank-shot-20618e","@type":"ListItem"},{"position":13,"url":"https://9e-store.fr/boruto/kana-home-video/dvd/boruto-naruto-next-generation-vol-3-dvd-150a0f","@type":"ListItem"},{"position":14,"url":"https://9e-store.fr/naruto/kana-home-video/dvd/naruto-shippuden-edition-ninja-partie-10-67914e","@type":"ListItem"},{"position":15,"url":"https://9e-store.fr/inconnu/bruesel/tirages-d-art/estampe-pigmentaire-la-fleur-dans-l-atelier-de-mondrian-antonio-lapone-5f1ad9","@type":"ListItem"},{"position":16,"url":"https://9e-store.fr/6/kana-home-video/coffret-dvd-bluray/black-butler-book-of-the-atlantic-collector-13f658","@type":"ListItem"},{"position":17,"url":"https://9e-store.fr/6/kana-home-video/dvd/ajin-integrale-3-dvd-5ac0ec","@type":"ListItem"},{"position":18,"url":"https://9e-store.fr/hunter-x-hunter/kana-home-video/coffret-dvd-bluray/hunter-x-hunter-integrale-brd-partie-1-d20995","@type":"ListItem"},{"position":19,"url":"https://9e-store.fr/one-piece/kana-home-video/bluray/one-piece-films-pack-2-films-6-a-9-3-brd-f5087c","@type":"ListItem"},{"position":20,"url":"https://9e-store.fr/naruto/kana-home-video/coffret-dvd-bluray/naruto-integrale-edition-collector-episodes-1-a-143-1419a9","@type":"ListItem"},{"position":21,"url":"https://9e-store.fr/naruto/kana-home-video/dvd/naruto-shippuden-blood-prison-9a3c4b","@type":"ListItem"},{"position":22,"url":"https://9e-store.fr/inconnu/citel/coffret-dvd-bluray/bienvenue-chez-les-loud-saison-4-partie-2-0c1e0d","@type":"ListItem"},{"position":23,"url":"https://9e-store.fr/one-piece/kana-home-video/dvd/one-piece-pays-de-wano-vol-4-3-dvd-7ef650","@type":"ListItem"},{"position":24,"url":"https://9e-store.fr/hunter-x-hunter/kana-home-video/coffret-dvd-bluray/hunter-x-hunter-integrale-brd-partie-2-d29176","@type":"ListItem"},{"position":25,"url":"https://9e-store.fr/inconnu/paradiffusion/serigraphies/serigraphie-largo-winch-hommage-james-bond-tomorrow-never-dies-d5b04b","@type":"ListItem"},{"position":26,"url":"https://9e-store.fr/blast/dargaud/livres/blast-integrale-tome-1-b02549","@type":"ListItem"},{"position":27,"url":"https://9e-store.fr/c-est-de-l-amour-crois-moi/kana/livres/c-est-de-l-amour-crois-moi-t5-60fd9b","@type":"ListItem"},{"position":28,"url":"https://9e-store.fr/naruto/huginn-muninn/livres/naruto-le-livre-de-recettes-officiel-707999","@type":"ListItem"},{"position":29,"url":"https://9e-store.fr/la-fiancee-du-maitre-des-portails/vega/livres/bride-of-the-barrier-master-tome-1-titre-provisoire-07bd17","@type":"ListItem"},{"position":30,"url":"https://9e-store.fr/inconnu/plastoy/vinyles/joe-hisaishi-michio-mamiya-masahiko-sato-kazuo-kikkawa-le-tombeau-des-lucioles-image-album-original-soundtrack-4436b9","@type":"ListItem"},{"position":31,"url":"https://9e-store.fr/slam-dunk/wildbunch/dvd/the-first-slam-dunk-dvd-f51a08","@type":"ListItem"},{"position":32,"url":"https://9e-store.fr/tintin/tintinimaginatio/figurines/voiture-1-24e-02-decapotable-haddock-fe8eeb","@type":"ListItem"},{"position":33,"url":"https://9e-store.fr/pico-bogue/dargaud/livres/etymologie-avec-pico-bogue-l-tome-1-7ce66c","@type":"ListItem"},{"position":34,"url":"https://9e-store.fr/atellie/kana/livres/atellie-t1-728df0","@type":"ListItem"},{"position":35,"url":"https://9e-store.fr/thorgal/le-lombard/livres/la-deesse-d-ambre-bec-mangin-9ce96a","@type":"ListItem"},{"position":36,"url":"https://9e-store.fr/batverse/urban-comics/integrales-et-coffrets/coffret-deadpool-batman-inclus-1-poster-db3722","@type":"ListItem"}],"@type":"ItemList","@context":"https://schema.org"}</script>
<template id="inactivity_template">
<div class="inactivity-modal__container">
<h1>Toujours là ?</h1>
<form action="/cart/reset" method="get" class="inactivity-modal__form">
<button type="button" class="button button--gray button--big inactivity__continue-purchase--button">Reprendre mes achats...</button>
<button type="submit" class="button button--green button--big">Commencer mes achats !</button>
</form>
</div>
</template>
</body>
</html>
