Анализ сайта collectorbd.com
Основное Готовность: 100%
Домен
collectorbd.com
Состояние доменного имени
?
Проверяем корректность доменного имени и наличие технических проблем на уровне домена.
Домен второго уровня идеален для продвижения.
Отличный запоминающийся домен.
Ответ сервера
200 Успешный ответ
HTTP-код ответа и цепочка редиректов
?
Код 200 — страница доступна. Коды 3xx — редиректы (цепочки замедляют загрузку и размывают ссылочный вес). Коды 4xx/5xx — ошибки, поисковик не сможет проиндексировать страницу.
Сервер настроен корректно.
Цепочка редиректов:
http://collectorbd.com
301 MovedPermanently
https://9e-store.fr/
200 OK
Безопасность
Сайт безопасен
Использование HTTPS и SSL-сертификат
?
HTTPS — обязательный стандарт. Google и Яндекс отдают предпочтение защищённым сайтам. Отсутствие SSL или просроченный сертификат ведут к предупреждениям в браузере и снижению позиций.
Не настроен HSTS (Strict-Transport-Security) — рекомендуется включить.
На сайте работает защищенный протокол ssl и сайт открывается по https.
Ssl-сертификат действителен до 29.09.2026 23:48:43.
HTTP автоматически перенаправляется на HTTPS.
Поздравляем! Сайт не содержится в реестре РКН.
Кодировка
utf-8
Кодировка символов страницы
?
Стандарт — UTF-8. Неправильная кодировка вызывает нечитаемые символы и мешает поисковику корректно распознать текст страницы.
Указана кодировка на странице utf-8.
Язык
fr
Атрибут lang в HTML-теге
?
Атрибут lang (<html lang="ru">) сообщает поисковикам и браузерам, на каком языке написана страница. Помогает при ранжировании в региональном поиске.
Язык документа указан явно: fr.
Скорость загрузки
~1,37сек
Время отклика сервера (TTFB)
?
Time To First Byte — время до получения первого байта от сервера. Норма до 200 мс. Медленный отклик ухудшает пользовательский опыт и ранжирование: Яндекс и Google учитывают скорость страниц.
Скорость загрузки сайта 1,37сек превышает 1 секунду. Желательно улучшить работу сайта!
Объем документа
688Кб
Размер HTML-кода страницы
?
Слишком большой HTML замедляет парсинг браузером и сканирование поисковым роботом. Рекомендуется не более 200 Кб.
Объем html-документа 688Кб оптимален.
Структура html-документа корректна.
Ресурсы
Ресурсы: 7
Внешние ресурсы страницы (CSS, JS, изображения)
?
Количество и тип подключённых ресурсов влияют на скорость загрузки. Большое число запросов увеличивает время рендеринга страницы.
Кол-во файлов ресурсов 7 достаточно.
Показать полный список ресурсов
| Тип | Название | Значение |
|---|---|---|
| stylesheet | text/css | /build/css/app.eb517204.css |
| js | https://js.sentry-cdn.com/27d3b4c49c71a3b74b4219a856d6d090.min.js | |
| js | https://widgets.rr.skeepers.io/generated/7c812eed-a810-5d64-e91f-5265c97ce950/276b3190-6e52-423d-83f6-bfa11e3c7aed.js | |
| js | https://www.google.com/recaptcha/api.js?render=6LcSWbsUAAAAAKJTGgJAIVMyhTZtHYArM4x86Vc6 | |
| js | /build/js/front.0ae74d3d.js | |
| js | /build/common.7e3f6492.js | |
| js | text/javascript | //cdn.evgnet.com/beacon/mediatoon/neuvieme_store/scripts/evergage.min.js |
Серверные заголовки
Кол-во: 5
HTTP-заголовки ответа сервера
?
Заголовки сервера передают браузеру и поисковику служебную информацию: кеширование, безопасность (CSP, HSTS), сжатие (gzip). Правильная настройка ускоряет загрузку и повышает защищённость.
Найдены серверные заголовки 5шт. Подробнее про серверные заголовки.
Показать полный список серверных заголовков
| Ключ | Значение |
|---|---|
| Server | nginx/1.29.8 |
| X-Powered-By | PHP/8.3.31 |
| Cache-Control | must-revalidate, max-age=0, private |
| Date | Fri, 21 Aug 2026 20:08:42 GMT |
| Set-Cookie | PHPSESSID=894ebecbe1906e43a4688a77f46633c3; expires=Sat, 22 Aug 2026 20:08:42 GMT; Max-Age=86400; path=/; secure; httponly; samesite=none |
CMS
Не определена
Система управления сайтом (движок)
?
CMS — это движок, на котором работает сайт (WordPress, 1C-Bitrix, Tilda и др.). Знание CMS помогает понять возможности SEO-оптимизации и подобрать подходящие инструменты. «Не определена» — вероятно, самописный сайт или нестандартная сборка.
CMS не определена. Вероятно, сайт самописный либо движок надёжно скрыт. Это не ошибка.
Веб-сервер
nginx
Программное обеспечение сервера
?
Веб-сервер — это ПО, которое отдаёт страницы посетителям (nginx, Apache, IIS, LiteSpeed и др.). Определяется по серверным заголовкам ответа (Server, X-Powered-By и т.п.). «Не определён» — сервер намеренно скрывает эти заголовки, это нормальная практика безопасности.
Сайт работает на веб-сервере nginx.
Мета-теги Готовность: 48%
Title
Le spécialiste des univers BD, mangas, comics et objets de collection - 9ᵉ Store accueille Collector BD
Заголовок страницы в браузере и поисковой выдаче
?
Title — главный SEO-заголовок страницы. Влияет на CTR в поиске и ранжирование. Оптимальная длина: 50–70 символов. Ключевые слова — ближе к началу.
Необходимо уменьшить число символов в title (текущее значение: 142, оптимально: от 40 до 45)
Дублей словоформ в title не найдено.
Description
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 Description — текст под заголовком в выдаче. Напрямую на позиции не влияет, но влияет на CTR. Оптимальная длина: 120–160 символов.
Необходимо уменьшить число символов в description (текущее значение: 141, оптимально: от 120 до 130)
Keywords
Список ключевых слов страницы (устаревший тег)
?
Meta Keywords не учитывается Яндексом и Google для ранжирования с 2009–2012 годов. Заполнение не обязательно, но не вредит. Конкурент может использовать содержимое для анализа.
Установите мета-тег keywords!
Канонический Url
https://9e-store.fr/
Указывает поисковику основную версию страницы
?
Canonical (rel=canonical) предотвращает проблему дублей страниц. Должен точно совпадать с URL проверяемой страницы. Неправильный canonical может передать ссылочный вес на другую страницу.
Канонический Url прописан корректно.
Robots
Ошибок нет
Директивы для поисковых роботов на уровне страницы
?
Meta Robots управляет индексацией конкретной страницы: index/noindex — индексировать ли, follow/nofollow — следовать ли по ссылкам. Noindex полностью исключает страницу из поиска.
Meta-тег robots не указан. Страница свободна для индексации.
Адаптивность
width=device-width, initial-scale=1.0
Настройка масштабирования на мобильных устройствах
?
Тег viewport (<meta name="viewport">) сообщает браузеру, как масштабировать страницу на мобильных. Стандарт: width=device-width, initial-scale=1. Отсутствие — признак отсутствия мобильной версии.
Meta-тег viewport со значением-константой width=device-width задаёт ширину страницы в соответствии с размером экрана.
Meta-тег viewport со значением initial-scale=1.0 определяет масштаб 1:1, т.е. «не масштабировать».
Разметка OpenGraph
Кол-во: 10
Мета-теги для красивых превью в соцсетях
?
OpenGraph (og:title, og:description, og:image) управляет тем, как страница выглядит при репосте в социальных сетях и мессенджерах. Отсутствие OG-тегов — невзрачный превью при шеринге.
Разметка OpenGraph задана. Страница оптимизирована под социальные сети.
Показать полный список og мета-тегов
| Тип | Значение |
|---|---|
| og:locale | fr_FR |
| og:site_name | 9ᵉ Store accueille Collector BD |
| og:title | Le spécialiste des univers BD, mangas, comics et objets de collection - 9ᵉ Store accueille Collector BD |
| og:description | 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 |
| og:type | website |
| og:url | https://9e-store.fr/ |
| og:image | https://9e-store.fr/build/images/generic/logo_9estore.svg |
| og:image:width | 1024 |
| og:image:height | 1024 |
| og:image:alt | logo 9ᵉ Store |
Все мета-теги
Кол-во: 13
Полный список мета-тегов страницы
?
Таблица всех meta-тегов, включая нестандартные. Позволяет найти опечатки, дубли и лишние теги.
Найдены мета-теги 13шт. Мета-теги не видимы для человека и предназначены для обмена информацией между веб-страницей и поисковыми системами, браузерами и другими веб-службами. С ними роботы 🤖 и устройства ведут себя более ожидаемо.
Показать полный список мета-тегов
| Тип | Название | Значение |
|---|---|---|
| name | viewport | width=device-width, initial-scale=1.0 |
| name | description | 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 |
| name | facebook-domain-verification | 8xjfly6urayh5ztfwy9n7bx0r9zhfe |
| property | og:locale | fr_FR |
| property | og:site_name | 9ᵉ Store accueille Collector BD |
| property | og:title | Le spécialiste des univers BD, mangas, comics et objets de collection - 9ᵉ Store accueille Collector BD |
| property | og:description | 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 |
| property | og:type | website |
| property | og:url | https://9e-store.fr/ |
| property | og:image | https://9e-store.fr/build/images/generic/logo_9estore.svg |
| property | og:image:width | 1024 |
| property | og:image:height | 1024 |
| property | og:image:alt | logo 9ᵉ Store |
Оптимизация Готовность: 82%
Структура
Ошибок нет
Семантические HTML-элементы страницы
?
Проверяет наличие основных структурных элементов: nav, header, footer, main. Корректная семантическая структура помогает поисковику понять архитектуру страницы.
Структура документа корректна (теги <html> и <body> присутствуют по одному на документ).
Контент
Ошибок нет
Объём и качество текстового содержимого
?
Анализирует объём полезного текста на странице. Слишком мало — страница может считаться малополезной. Слишком много — ухудшается читаемость и восприятие.
Слова из title 14 встречаются в тексте достаточно.
Абзацев с текстом 287 достаточно.
Среднее число слов в абзаце 33 достаточно.
Кол-во знаков контента 22138 на странице оптимально.
Кол-во слов 3535 на странице оптимально.
Заголовки
Ошибок нет
Иерархия заголовков H1–H6
?
H1 должен быть один и содержать ключевой запрос. H2–H6 описывают подразделы. Пропуск уровней (H1 → H3) и несколько H1 — типичные ошибки, снижающие понятность страницы для поисковика.
На странице присутствуют заголовки <h1> 2. Это прекрасно.
На странице присутствуют заголовки <h2> 8. Это хорошо.
На странице присутствуют заголовки <h3> 40.
Тошнота
10,25
Насколько одно слово доминирует в тексте
?
Классическая тошнота = √(частота самого повторяющегося слова). Норма до 7–8: текст воспринимается естественно. Выше — поисковик может счесть страницу переспамленной.
Тошнота превышает норму 5. Измените текст страницы!
Академич. тошнота
17,65%
Насколько текст перенасыщен ключевыми словами
?
Академическая тошнота = (частота слова / общее количество слов) × 100%. Показывает долю конкретного слова в тексте. Норма 5–15%.
Академическая тошнота превышает норму 5-15%. Измените текст страницы!
Семантическое ядро
20
Наиболее часто встречающиеся слова на странице
?
Топ слов по частоте использования. Показывает, какие слова доминируют в тексте с точки зрения поисковика.
Контент страницы содержит осмысленный текст и слова.
Показать список слов
| Слово | Кол-во | Частота |
|---|---|---|
| panier | 105 | 2,97% |
| ajouter | 101 | 2,86% |
| livres | 88 | 2,49% |
| figurines | 33 | 0,93% |
| comics | 29 | 0,82% |
| toutes | 23 | 0,65% |
| découvrir | 21 | 0,59% |
| rupture | 21 | 0,59% |
| univers | 20 | 0,57% |
| objets | 18 | 0,51% |
| promotions | 16 | 0,45% |
| figurine | 16 | 0,45% |
| batman | 15 | 0,42% |
| meilleures | 15 | 0,42% |
| ventes | 15 | 0,42% |
| tintin | 13 | 0,37% |
| auteurs | 12 | 0,34% |
| coffrets | 12 | 0,34% |
| collection | 11 | 0,31% |
| mortimer | 11 | 0,31% |
Индексация Готовность: 0%
Индексирование
Есть ошибки
Разрешено ли индексирование страницы
?
Проверяет, не закрыта ли страница от индексации через robots.txt, meta robots или X-Robots-Tag. Страница, закрытая от индексации, не появится в поисковой выдаче.
Анкоров на странице 646 слишком много. Проведите ревизию и оптимизацию ссылок сайта.
Robots.txt
Найден корректный robots.txt
Файл управления сканированием сайта роботами
?
Robots.txt указывает поисковым роботам, какие страницы сканировать, а какие — нет. Ошибки в файле могут случайно закрыть важные разделы от индексации.
Robots.txt настроен корректно. Размер файла: 704505 байт. Загружен за: 1сек.
Проверяемая страница не запрещена в robots.txt.
Robots.txt доступен по постоянному адресу
Цепочка редиректов для файла robots.txt:
http://collectorbd.com/robots.txt
301 MovedPermanently
https://9e-store.fr/
200 OK
Показать содержимое robots.txt
<!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: "v73.8", 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.eb517204.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>
<li class="h-16 px-4 flex-col justify-center items-center gap-4 inline-flex">
<span id="header__menu__item__mobile__ede5fdc8-8bbd-4200-8299-5771050d42ce" data-target="header__menu__mobile__level__two__ede5fdc8-8bbd-4200-8299-5771050d42ce" 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">
BLOG
</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 id="header__menu__mobile__level__two__ede5fdc8-8bbd-4200-8299-5771050d42ce" 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__ede5fdc8-8bbd-4200-8299-5771050d42ce" 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">BLOG</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="/blog/tag/manga"
>
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=""
>
Manga</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="/blog/tag/manga"
>
Tous nos articles "manga"
<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>
<li class="group">
<a href="/blog"
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
"
>
BLOG
</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/ad9e42f4-b573-441d-af57-20cc9a961a92.jpg'); 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/1d488881-e2d5-4fd9-9d58-f70ea8b4f148.jpg" alt="Illustration principale du BLOG" />
</div>
<div class="flex py-xl gap-l px-s">
<ul class="grid grid-cols-1 gap-xl self-start">
<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="/blog/tag/manga"
>
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=""
>
Manga</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="/blog/tag/manga"
>
Tous nos articles "manga"
<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>⚠️ Suite au contexte actuel, plusieurs pays ne sont pas disponibles à la livraison, retrouvez les destinations concernées <a href="https://9e-store.fr/page/livraison">en cliquant ici</a> ⚠️</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/d406f451-69b8-4668-b9cf-a2c9fc5e3f19.png"
alt="Jaquette exclusive 9e Store - Boule & Bill tome 47"
/>
<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">
Jaquette exclusive Boule & Bill T47 🐕
</p>
</header>
<p class="line-clamp-6">Recevez notre jaquette alternative exclusive en précommandant le tome 47 de Boule & Bill du 21 août au 20 septembre 2026 !</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/boule-et-bill-tome-47"
>
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/e597c966-e63d-4954-acf0-ecb6c55bd731.jpg"
alt="Figurine Fariboles Mortimer en pied"
/>
<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">FARIBOLES</span>
<p class="h1 max-md:text-4xl">
Mortimer à l’honneur pour les 80 ans de Blake et Mortimer 🎉
</p>
</header>
<p class="line-clamp-6">Pour les 80 ans de Blake et Mortimer, découvrez cette nouvelle figurine Fariboles dédiée au célèbre professeur Mortimer. Une création au format 1/8e, limitée à seulement 290 exemplaires.</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="/blake-mortimer/fariboles/figurines/figurine-fariboles-mortimer-en-pied-d629d8"
>
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/b7ac8880-3d78-4291-8a56-99e28fbf2666.png"
alt="Figurine Pixi - Jésus marchant sur la Marée Noire"
/>
<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">
Les Idées Noires arrivent chez Pixi 🖤
</p>
</header>
<p class="line-clamp-6">Inspirée d’un dessin culte de Franquin, cette première figurine Pixi des Idées Noires met en scène Jésus marchant sur une marée noire. Limitée à 280 exemplaires numérotés, elle est disponible en précommande dès maintenant !</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-jesus-marchant-sur-la-maree-noire-8b481e"
>
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/f6a001f1-89ce-460a-8d4f-2b53c171a590.jpg"
alt="Jaquette exclu 9e Store - Classic Tanguy & Laverdure T8 - Mission de guerre"
/>
<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">
Jaquette alternative Tanguy & Laverdure T8 exclusivité 9e Store✈️
</p>
</header>
<p class="line-clamp-6">Recevez notre jaquette alternative exclusive en précommandant le tome 8 d'Une Aventure Classic de Tanguy & Laverdure du lundi 20 juillet au vendredi 21 août 2026 ! La jaquette sera superposée sur l'album standard.</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="/tanguy-et-laverdure/dargaud-zephyr/livres/t8-cb2d90"
>
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/87579ea7-b3fb-47e0-b0d1-2aaa472d7afe.png"
alt="Figurine Lucky Luke Fariboles - Exclusivité 9e 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">
Lucky Luke fête ses 80 ans 🤠
</p>
</header>
<p class="line-clamp-6">Pour les 80 ans de Lucky Luke, découvrez cette figurine exclusive 9e Store, inspirée de la couverture de Daisy Town. Une création Fariboles au format 1/6e, limitée à 250 exemplaires.</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/fariboles/figurines/figurine-fariboles-lucky-luke-9e-store-6d49a6"
>
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/0a9bfcbc-abc1-4efb-a5f3-2f9f5261a751.png"
alt="Jaquette exclusive No Devil Tome 2 - 9e 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">
Jaquette alternative No Devil - Tome 2 🎸
</p>
</header>
<p class="line-clamp-6">Recevez notre jaquette alternative exclusive en précommandant le tome 2 de No Devil du 30 juin au 1er septembre 2026 !</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/no-devil-tome-2"
>
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/516fa532-11ae-4c18-a969-216c962e065c.png"
alt="Digigraphie Schtroumpfs"
/>
<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">
Digigraphie exclusive Les Schtroumpfs 💙
</p>
</header>
<p class="line-clamp-6">Découvrez notre digigraphie exclusive Les Schtroumpfs inspirée des illustrations emblématiques de Peyo ! Un tirage d’art au format 70 x 50 cm, limité à 30 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/numeris-art/digigraphies/digigraphie-les-schtroumpfs-de7324"
>
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/8904c6db-ddcf-4e2f-870d-e3f0b69e07ac.png"
alt="Bannière OP Kana 30 ans"
/>
<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">GOODIES</span>
<p class="h1 max-md:text-4xl">
Kana fête ses 30 ans !
</p>
</header>
<p class="line-clamp-6">Découvrez comment obtenir des plaques acryliques offertes pour l’achat de vos mangas préférés et les séries éligibles !</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="/page/operation-30-ans-kana"
>
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/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 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 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>
</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-26ad9a94-fbb7-4546-aefd-15aae0e18bdc" 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="9782505144496"
data-product-name="Tank&#x20;Chair&#x20;&#x2013;&#x20;Tome&#x20;9"
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="/6/kana/livres/tank-chair-t9-eed6ff">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782505144496/couv/M266x333/tank-chair-t9.jpg"
alt="Tank Chair – Tome 9"
/>
</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">
Tank Chair – Tome 9
</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 «Tank Chair T9» 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="2b0ee865-cda2-4b8b-840e-5de4c790d2d7" />
<input type="hidden" name="_token" value="fa116e148babff5f986f3b4b00.2S3xL6G_Hs-MFiZuZcjyuXR5UywBwV5c-KwzSfwRNAg.lGahVvf7JvbtVHkbI72H9hITYkdp8T8rlf0FfMhDfVuvdZNw6PBbm8lAQQ" />
</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="9782808218795"
data-product-name="La&#x20;Famille&#x20;Bellaventure&#x20;&#x2013;&#x20;Tome&#x20;3"
data-product-price="13.45"
data-product-position="1"
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="/la-famille-bellaventure/le-lombard/livres/ses-plus-belles-fausses-notes-e38b3f">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782808218795/couv/M266x333/ses-plus-belles-fausses-notes.jpg"
alt="La Famille Bellaventure – 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">
La Famille Bellaventure – Tome 3
</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 «Ses plus belles fausses notes» 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="3550e504-703a-4ce2-a2f2-ed63e145eac8" />
<input type="hidden" name="_token" value="697bc8f0d.qBe8s-qg0RPHM8C9LorqxpT8jqmgGH3krbO1g1ILFoE.5Vzsyrzk6SqmcZ_IaP-fifKWv8LIKByTwOKDtmZZX9LeT97so--UR4Jlpw" />
</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="9782505140566"
data-product-name="Blades&#x20;of&#x20;the&#x20;Guardians&#x20;&#x2013;&#x20;Tome&#x20;3"
data-product-price="8.5"
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="/blades-of-the-guardians/kana/livres/blades-of-the-guardians-t3-f0c2aa">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782505140566/couv/M266x333/blades-of-the-guardians-t3.jpg"
alt="Blades of the Guardians – 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">
Blades of the Guardians – Tome 3
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
8,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 «Blades of the Guardians T3» 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="3704adcb-e504-4905-b1a8-fe01d2c96ebc" />
<input type="hidden" name="_token" value="9.4F7ZgVNwS2gK0QWwUZEY01mTsTfClcW0lP0xNrzV6-A.rRWJ-AU0c1Frk1rFF-RtnD_5gFyqpaTD-awHA4iHorOWBrveGj8OPE-HYg" />
</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="9791026856269"
data-product-name="Urban&#x20;Comics&#x20;Nomad&#x20;&#x3A;&#x20;Batman&#x20;L&#x27;&#x00E9;nigme&#x20;de&#x20;Red&#x20;Hood"
data-product-price="13.9"
data-product-position="3"
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="/urban-comics-nomad/urban-comics/livres/urban-comics-nomad-joker-killer-smile-ff3722">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9791026856269/couv/M266x333/urban-comics-nomad-batman-l-enig.jpg"
alt="Urban Comics Nomad : Batman L'énigme de Red Hood"
/>
</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">
Urban Comics Nomad : Batman L'énigme de Red Hood
</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 «Urban Comics Nomad : Batman L'énigme de Red Hood» 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="374ce924-db2d-4e3c-9075-fd7395b59a48" />
<input type="hidden" name="_token" value="8bcfec3b48992e5869da1bf7ff78e79.nvYIqqTg4KG45zSpgX79JFrfsg4tf6V0aS6oMvqW_r0.071Y0_Kk2JjZpWvcxwuIazy1g2VFT8QDBH-eB87Et-7ormr17a-l9f2xUw" />
</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="9782505141167"
data-product-name="Beet&#x20;the&#x20;Vandel&#x20;Buster&#x20;&#x2013;&#x20;Tome&#x20;17"
data-product-price="7.3"
data-product-position="4"
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="/beet-the-vandel-buster/kana/livres/beet-the-vandel-buster-t17-5e82a6">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782505141167/couv/M266x333/beet-the-vandel-buster-t17.jpg"
alt="Beet the Vandel Buster – Tome 17"
/>
</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">
Beet the Vandel Buster – Tome 17
</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 «Beet the Vandel Buster T17» 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="308be01d-4f70-4f51-aa09-ec7e74ab2012" />
<input type="hidden" name="_token" value="ccc2fc.pfV75Se01vgBfopRfKYSG2IYoCBb_XmmF5G3nH-Ws2k.6L4rnHHw7sFgPNUkOtNnVARykUszzRjResCBqUvE-jrTrRm6bvuTrEQo7Q" />
</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="9782808700924"
data-product-name="Hyouka&#x20;&#x2013;&#x20;Tome&#x20;7"
data-product-price="8.35"
data-product-position="5"
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="/hyouka/vega/livres/hyouka-tome-7-de800e">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782808700924/couv/M266x333/hyouka-tome-7.jpg"
alt="Hyouka – 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">
Hyouka – Tome 7
</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 «Hyouka, 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="70aca41a-6f1c-4846-b7b6-180d92227e3e" />
<input type="hidden" name="_token" value="06c99fda547bc0.TbZ3jjt9vBZeO8ZwxKXI8jfcRynxQCHKxvRxagIuFeg.AP0n9205hC8_eZkFgtC9vVG2dkKZcEC9q6VHXzZ8XLs77hXRcjL5QhttoQ" />
</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="9791026856627"
data-product-name="Hal&#x20;Jordan&#x20;&amp;&#x20;the&#x20;Green&#x20;Lantern&#x20;Corps&#x20;&#x28;2016&#x29;"
data-product-price="25"
data-product-position="6"
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="/6/urban-comics/livres/hal-jordan-the-green-lantern-corps-2016-50abe4">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9791026856627/couv/M266x333/hal-jordan-the-green-lantern-cor.jpg"
alt="Hal Jordan & the Green Lantern Corps (2016)"
/>
</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">
Hal Jordan & the Green Lantern Corps (2016)
</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 «Hal Jordan & the Green Lantern Corps (2016)» 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="70d6221c-6375-499a-a5fe-f4a21289516d" />
<input type="hidden" name="_token" value="f9287c3f798f.K51vfAh8hu2Z9dujBOVXj7c8Nvs0-ur8msBYbQLwoNA.ZtY_BV44vtT4t4TWQpAiwNFWB5BcyouL95FuWDai6YNdxQ0jQTPDudyjvA" />
</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="9782505127826"
data-product-name="Magilumi&#x00E8;re&#x20;Co.&#x20;Ltd.&#x20;&#x2013;&#x20;Tome&#x20;10"
data-product-price="8.1"
data-product-position="7"
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="/magilumiere/kana/livres/magilumiere-co-ltd-t10-f0ff5b">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782505127826/couv/M266x333/magilumiere-co-ltd-t10.jpg"
alt="Magilumière Co. Ltd. – Tome 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">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Magilumière Co. Ltd. – Tome 10
</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 «Magilumière Co. Ltd. T10» 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="211c9d7f-d90f-4d5d-bf6b-c285fdceeea4" />
<input type="hidden" name="_token" value="948bb5ab6962c88624236.VG0boRD37E4wipHEvjFwkok6WdZMxEjYZPeRQD8wSe0.GSZL2Eaz1HdRyM6x-EQF3e9QaL0k9CmvCaandQtiAL4iNXn-WbipGnXc9g" />
</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="9782205215830"
data-product-name="Monsieur&#x20;Blaireau&#x20;et&#x20;Madame&#x20;Renarde&#x20;&#x2013;&#x20;Tome&#x20;8"
data-product-price="18.5"
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="/monsieur-blaireau-et-madame-renarde/dargaud/livres/tome-8-97d61b">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782205215830/couv/M266x333/le-pre-inonde.jpg"
alt="Monsieur Blaireau et Madame Renarde – Tome 8"
/>
</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">
Monsieur Blaireau et Madame Renarde – Tome 8
</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 «Le Pré inondé» 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="52cc8214-373a-4b16-9138-9cd1cf04cddf" />
<input type="hidden" name="_token" value="77362.RMxMU2ARbtF-W6DMRrsu5vX4UnITMAS8hxEl6Fcy9Ug.CYccKjZVVugfGf-5AM5bqZOSYxl7AGXL6kAT3WNgvBsylC4MKV4rhTsNxw" />
</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="9782505142966"
data-product-name="T&#x00F4;gen&#x20;Anki&#x20;-&#x20;La&#x20;l&#x00E9;gende&#x20;du&#x20;sang&#x20;maudit&#x20;&#x2013;&#x20;Tome&#x20;27"
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="/togen-anki-la-legende-du-sang-maudit/kana/livres/togen-anki-la-legende-du-sang-maudit-t27-5db295">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782505142966/couv/M266x333/togen-anki-la-legende-du-sang-ma.jpg"
alt="Tôgen Anki - La légende du sang maudit – Tome 27"
/>
</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">
Tôgen Anki - La légende du sang maudit – Tome 27
</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 «Tôgen Anki - La légende du sang maudit - T27» 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="5b9d86ba-0b49-451f-a532-f6d665a57804" />
<input type="hidden" name="_token" value="e6918c219a.qcrtojaazyOZjuH0x8vV6FJX5T6uXM4dPDAmNtsP3nk.5IG922De9xr4zL6Bgb6gpzQ91FXGbK9qUWEQA-9dlyrfko_9f9WKd9zYhg" />
</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="9782808514323"
data-product-name="Les&#x20;nouvelles&#x20;aventures&#x20;de&#x20;Max&#x20;Beaumont&#x20;&#x2013;&#x20;Tome&#x20;1"
data-product-price="12.95"
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="/imbattable/dupuis/livres/imbroglio-meteo-e0cd88">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782808514323/couv/M266x333/imbroglio-meteo.jpg"
alt="Les nouvelles aventures de Max Beaumont – 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">
Les nouvelles aventures de Max Beaumont – Tome 1
</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 «Imbroglio météo» 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="74b49f71-48d6-4b45-b912-d91bc7914b31" />
<input type="hidden" name="_token" value="a51fe61.5vPccldvR4fo3Mf-3VsLkOCoL26_6Y1qR1ujublx7qI.q7iMCwErf76JnpiLmy5-34bCHgXX2ewdKgqVjI0jp_GQq74tHiAC062KoA" />
</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="9782808701068"
data-product-name="Dame&#x20;Dara&#x20;de&#x20;Reiwa&#x20;&#x2013;&#x20;Tome&#x20;5"
data-product-price="8.35"
data-product-position="11"
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="/dame-dara-de-reiwa/vega/livres/dame-dara-de-reiwa-tome-5-dec05b">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782808701068/couv/M266x333/dame-dara-de-reiwa-tome-5.jpg"
alt="Dame Dara de Reiwa – Tome 5"
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">
Dame Dara de Reiwa – Tome 5
</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 «Dame Dara de Reiwa, tome 5» 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="82887897-36a9-418f-ad6f-7c41720ceaba" />
<input type="hidden" name="_token" value="c067ffde.5zR93RLnKq2eCYittbpzs5kIXlzCbaO3aXOTapJfdKI.qn8tpESjEpT_S9fY888G_P9ibzeqXcLABCKlX6YNPfGRbB-CW6hv-dtf7w" />
</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-fdf76de5-3de3-4725-8b53-794bc2dee927" 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="9782808514637"
data-product-name="Lady&#x20;X,&#x20;Miss&#x20;Jane&#x20;Hamilton&#x20;1&#x2F;2"
data-product-price="16.5"
data-product-position="0"
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/buck-danny-origines-tome-5-364afa">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/9782808514637/1/M266x333/lady-x-miss-jane-hamilton-1-2.jpg"
alt="Lady X, Miss Jane Hamilton 1/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">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Lady X, Miss Jane Hamilton 1/2
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
16,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 «Lady X, Miss Jane Hamilton 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="fff91c6b-7c39-4c5d-bb80-21903161aa78" />
<input type="hidden" name="_token" value="42b.wh3KOsFIuWw_fqylrsTptihLcnu7CnUd8GF0-bveO-w.j1aaQ5cMgVVePPPQ6LGc-U4hQxDTOhRqnTBCzI-Mcr-0RahliAf8OHooyw" />
</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="9791026857037"
data-product-name="Supergirl&#x3A;&#x20;Woman&#x20;of&#x20;Tomorrow&#x20;&#x00E9;dition&#x20;9eme&#x20;store"
data-product-price="27"
data-product-position="1"
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="/supergirl/urban-comics/livres/supergirl-woman-of-tomorrow-475d8b">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/9791026857037/1/M266x333/supergirl-woman-of-tomorrow-edit.jpg"
alt="Supergirl: Woman of Tomorrow édition 9eme 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">
Supergirl: Woman of Tomorrow édition 9eme store
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
27,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 «Supergirl: Woman of Tomorrow édition 9eme 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="f53fc735-e310-4f9c-904f-d463023e840b" />
<input type="hidden" name="_token" value="d6d.AmCKygZoa6TXm9WrDwjKGhAbJaVOk9Efbc8Lzr56aAw.Tyvas1AsU5222YreSX2_VXZxFM4mo7BoAJ49-4ooIV90OOiVTycu8JLNsg" />
</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="3701580713812"
data-product-name="Coffret&#x20;Collector&#x20;Hunter&#x20;x&#x20;Hunter&#x20;Tome&#x20;38"
data-product-price="14.95"
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="/hunter-x-hunter/kana/integrales-et-coffrets/coffret-collector-hunter-x-hunter-tome-38-09af7e">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3701580713812/1/M266x333/coffret-collector-hunter-x-hunte.jpg"
alt="Coffret Collector Hunter x Hunter Tome 38"
/>
</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 Hunter x Hunter Tome 38
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
14,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 «Coffret Collector Hunter x Hunter Tome 38» 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="492e8c02-0ce0-4703-bc65-942906e31646" />
<input type="hidden" name="_token" value="bda885fce19a9ffd29aec1ddbd.ubZRaMYZHdFntoyccFvisoGmz4zvBK3jQSrnuJQXdX4.9P0BEZBdJegG9NPpNi6X_efM_ueHNMyULHvRjaBFPC3P7jM3j1ZYhSLg6w" />
</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="9782205216103"
data-product-name="Yolo"
data-product-price="17.5"
data-product-position="3"
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="/yolo/dargaud/livres/yolo-82c60c">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782205216103/couv/M266x333/yolo.jpg"
alt="Yolo"
/>
</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">
Yolo
</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 «Yolo» 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="3d886ef2-4e5e-49c7-b7de-fe4c5226140a" />
<input type="hidden" name="_token" value="d35999053.iHFLEzDBGaopCDFqECS1mMaTbqUskBlm5h5nkrfQEH8.xTobamaFIZNISm4fVlHA16D5X85EoHgRi09Rp4OCWSz-KSlMeY5c_mxeVg" />
</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="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="/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="eb33ed82445f302b4f619c9ac737.m_iGM7Paq69cR0e6lVxfChNPTCEx2OWFBkHbpe-rLjk.1rPWSuWek5Y9BRjP0ykqRXUlfUpZ6ITyaxDtkNv5Z2rtoORs-pXu-xkRIA" />
</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="9782390602590"
data-product-name="Michel&#x20;Vaillant&#x20;-&#x20;Histoires&#x20;courtes&#x20;&#x2013;&#x20;Tome&#x20;5"
data-product-price="16.5"
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/julie-francoise-gabrielle-38de20">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782390602590/couv/M266x333/women.jpg"
alt="Michel Vaillant - Histoires courtes – 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">
Michel Vaillant - Histoires courtes – Tome 5
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
16,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 «Women» 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="321b3391-3b11-47d3-8402-09b8ea7866f7" />
<input type="hidden" name="_token" value="ba3b26db12e267726d0b7b1ce07bdaef.H8kXxh78Urf0kdGHFF4d8jlTfSFuH_NkXT74g2P6HUU.UoJHv0i4ao6V047yUitovV85TEoGL5ITMG_OtleoVBZpkXWZV7MX47HHtg" />
</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="9791026824091"
data-product-name="Absolute&#x20;Superman&#x20;&#x2013;&#x20;Tome&#x20;2"
data-product-price="22.5"
data-product-position="6"
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-2-5d7237">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9791026824091/couv/M266x333/absolute-superman-tome-2.jpg"
alt="Absolute Superman – Tome 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">
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 2
</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 «Absolute Superman 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="1209354b-b64b-46fd-9d21-5096ca33853c" />
<input type="hidden" name="_token" value="edf22f95778b3f38feefde3.Vm6gpV0KUEH3MVaJGed4VHUiLR20Awppus7V_2adaWM.GyXw3AtOaHiWcwn8X5INGxNIHHbcM2se15_jylLPIDAgNsL6FEUVFbJnMQ" />
</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="7"
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"
/>
</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="a3.wanxsJYhM8i1mXb-pjRK0dBAZXTz0ssTtR3p1DAvqUo.jOKhycBlC_HU2ymL4EE_nrYqVB-b4qpk2Ezf4QR94Bm38ZPv3252nPDPEQ" />
</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="3521320066561"
data-product-name="Figurine&#x20;Pixi&#x20;Gaston&#x20;Petit&#x20;Chimiste"
data-product-price="250"
data-product-position="8"
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-pixi-gaston-petit-chimiste-18036c">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3521320066561/1/M266x333/figurine-pixi-gaston-petit-chimi.jpg"
alt="Figurine Pixi Gaston Petit Chimiste"
/>
</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 Pixi Gaston Petit Chimiste
</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 «Figurine Pixi Gaston Petit Chimiste» 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="07fe81c3-11f6-4672-a59e-9c43d36756d8" />
<input type="hidden" name="_token" value="9c54ffffb228e366181a40fa02a.2q5dCrsiSdBWxFlDVzvcxrvMj-yPjB0okDeEeM7oRFk.l-UNc-1mcek3hgY2EU6pid2mvofnvHxf_WayTfq6DQqs9j9V8m0MhBOSPg" />
</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="9782505140504"
data-product-name="Boruto&#x20;-&#x20;Two&#x20;Blue&#x20;Vortex&#x20;&#x2013;&#x20;Tome&#x20;5"
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="/boruto/kana/livres/boruto-two-blue-vortex-t5-c68c93">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782505140504/couv/M266x333/boruto-two-blue-vortex-t5.jpg"
alt="Boruto - Two Blue Vortex – 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">
Boruto - Two Blue Vortex – 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 «Boruto - Two Blue Vortex - 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="069b7b93-9c9d-4a27-90d7-feade876af1c" />
<input type="hidden" name="_token" value="244907f3984.qk4OHqNMLcNZACs0r9qT_HwDxq9gEfIbDP78gAUrO0o.5wVeZ_UIFfo4QnRB6a_msxpp98QIIZNsYa_KtTF5chncFmxB6gNolxxWTA" />
</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="10"
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="dc7c4551a0913d32ba.8ckeuTxjXr4egUyQ7vp1rThcm-yFeBxBXMCe14aIzq8.vIJOwGonZod_wxPlqI8A4l42qoftSH02MZGo4rLah_yHkXzmdSwb6lvXKw" />
</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="9791026856061"
data-product-name="Supergirl&#x3A;&#x20;Woman&#x20;of&#x20;Tomorrow&#x20;&#x00E9;dition&#x20;N&amp;B"
data-product-price="29"
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="/supergirl/urban-comics/livres/supergirl-woman-of-tomorrow-b863c5">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/9791026856061/1/M266x333/supergirl-woman-of-tomorrow-edit.jpg"
alt="Supergirl: Woman of Tomorrow édition N&B"
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">
Supergirl: Woman of Tomorrow édition N&B
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
29,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 «Supergirl: Woman of Tomorrow édition N&B» 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="127dca44-eec6-4557-803f-131be91124f7" />
<input type="hidden" name="_token" value="c14f46b8e61b488ba.EOclwFHSzGmTtqpUq28MKiBXWohR-3OEOfN_-1eRU1c.Xax1uQeW9FDy9PUh7Rp5ZUY9a-M5yxLzVKJJzmPDGgRmv0efGJ2JPdbgzQ" />
</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="9791026855934"
data-product-name="Supergirl&#x20;tome&#x20;1"
data-product-price="18.5"
data-product-position="12"
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="/supergirl/urban-comics/livres/supergirl-tome-1-b9e0f5">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/9791026855934/1/M266x333/supergirl-tome-1.jpg"
alt="Supergirl 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">
Supergirl 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 «Supergirl 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="54a5c0b4-1649-4755-9fe5-1db8213f83eb" />
<input type="hidden" name="_token" value="95a47bcc92d0.K3P7ndvnMermq7HfP9POTEwn6aIr9PmTGJvhoGZbTAA.Zjir5I2jCdOH6e6qeaa7AypN2MlDxJjkdcrXlVIJBVNdK5nCkqh0vqP91g" />
</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="13"
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="649570384cf7de76b2efb.NDz1xtdCpUapFgfZWRkj5CK4lGcF3AlVsbswPOU-JwM.eXelv4EGnX_IVFisH2xWq0TSpQxt7Ggi3OoGCdFsblBCZJeZng3gEuxAYA" />
</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="14"
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="3ebc2e3068a49b2.bpFu5XCrNUyIdbU-aU87eZL5c_gQFN0LQVc-VGiaqZU.I9o-nCbvDXXpN-pLLzpONvSTQpN4JLx8LAYIYVzI4MYYyQy6OeRwGM0j0g" />
</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="15"
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="2badc181620971d382664e6676.We7Nd2lb3Jvic7UKwkYaI4_qoqCy5vVwKdtcJEZpJBk.FKWdDj8f5KKDMep_hDNvbOmAk8va1pQHRIpqEXI7bUovtq8oIBSZz6cl0g" />
</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="9782889880010"
data-product-name="Lucky&#x20;Luke&#x20;vu&#x20;par...La&#x20;longue&#x20;marche&#x20;de&#x20;Lucky&#x20;Luke"
data-product-price="22"
data-product-position="16"
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="/un-hommage-a-lucky-luke-par/dargaud/livres/la-longue-marche-de-lucky-luke-853dc0">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/9782889880010/1/M266x333/lucky-luke-vu-par-la-longue-marc.jpg"
alt="Lucky Luke vu par...La longue marche de Lucky Luke"
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">
Lucky Luke vu par...La longue marche de Lucky Luke
</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 «Lucky Luke vu par...La longue marche de Lucky Luke» 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="ea55ef1b-3b6f-4f9d-b4e7-ccb8736efe00" />
<input type="hidden" name="_token" value="28d5c.hJFSpXNzrXApXIqsb4d7YoebOoIYfHeunWk0PxJ8A2g.ydoC3CU3lUlIHtXZKfIOLeHxC-lwTBbZ8DgCCiYuSjvyyTD6OjzoJGwK7Q" />
</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="9782505140450"
data-product-name="XIII&#x20;&#x2013;&#x20;Tome&#x20;30"
data-product-price="14"
data-product-position="17"
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/so-help-me-god-e932d4">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782505140450/couv/M266x333/so-help-me-god.jpg"
alt="XIII – Tome 30"
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 – Tome 30
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
14,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 «So Help Me God!» 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="96dba992-2ebf-45cd-ac42-88579de9e960" />
<input type="hidden" name="_token" value="10.YWKDGqTIUDh2wIepYVq6JiX-TlbRvJScIqsuhw9CDnQ.LCnTY_KMaAEXgtjcJy_PaUOUfz25jPXrT_oYsjsQRycXOuFF7YcVbDOW4A" />
</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="18"
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="1f1088fe5cc3d0597ca7.My0-XOfnamHJI2ShhTP8Th549iuqHk56N6Wv9JuAwmE.fmZuJbGjUlioYTvUw0aJAXgSx0DCLi8NWvSZwa_SizJFdVwDrqgvNYx1Aw" />
</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="8436591586852"
data-product-name="Peluche&#x20;Marsupilami&#x20;Live&#x20;Action&#x20;-&#x20;30&#x20;cm"
data-product-price="39.95"
data-product-position="19"
data-product-brand="Barrado"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/marsupilami/barrado/peluches/peluche-marsupilami-live-action-30-cm-d60797">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/8436591586852/1/M266x333/peluche-marsupilami-live-action.jpg"
alt="Peluche Marsupilami Live Action - 30 cm"
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">
Peluche Marsupilami Live Action - 30 cm
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
39,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 «Peluche Marsupilami Live Action - 30 cm» 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="6d578fbe-3b17-41cc-91c6-a1ab2b05e1ec" />
<input type="hidden" name="_token" value="8a03e205a50.ygSGhlbwTsHx0VBMMxD8mEGIqge1LD9hI7ZBhzV470U.h0_W_wC0dviQkw85dWWJ1yfim2zdHF4WTud3sgEqpha8XOTZH78LlbSHNw" />
</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="9791026824084"
data-product-name="Absolute&#x20;Batman&#x20;&#x2013;&#x20;Tome&#x20;2"
data-product-price="25"
data-product-position="20"
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="f9f98d3693d13da5413ee6.FRQ2QK4vAqW-VbZ8UEFlHr6BNKusgBEOd4VrZA1PvR8.WF9mOfhrOpzfF-kJFjQQUdjrBcDEsHB5GtRdUTkd9ExjTFQf52BH8fsD0Q" />
</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="21"
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="2445af28c34b17d1682.0jt8egDEV_JFfO1zDjYyZImuAE2Ubgfi8qWr6mWfFSk.n3AsA1aAb8skPrIGSENHK-_EMSb8XmaVn_Sd31HNXHqkYx4lSYsSpgAqig" />
</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="9782390340034"
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;4"
data-product-price="6.9"
data-product-position="22"
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/la-guerre-des-tranchees-39bc5d">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782390340034/couv/M266x333/la-guerre-des-tranchees.jpg"
alt="Le fil de l'Histoire raconté par Ariane & Nino – 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">
Le fil de l'Histoire raconté par Ariane & Nino – Tome 4
</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 «La guerre des tranchées» 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="6d23ec99-9488-495b-b201-3fa47e554714" />
<input type="hidden" name="_token" value="73d828bb2572d0c4fa12e54.drevqrORzEOs01naCRLrmFHTzpm2HsTz1ntQobxbOR8.O_z_0-XV9HrNkQavT2ee1ze5__LeLqWEuypmlIgJcEwA7831-t6JF-mFPg" />
</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="9791026824138"
data-product-name="Absolute&#x20;Wonder&#x20;Woman&#x20;&#x2013;&#x20;Tome&#x20;2"
data-product-price="22.5"
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="/wonder-woman/urban-comics/livres/absolute-wonder-woman-tome-2-5cc5f1">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9791026824138/couv/M266x333/absolute-wonder-woman-tome-2.jpg"
alt="Absolute Wonder Woman – 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 Wonder Woman – Tome 2
</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 «Absolute Wonder Woman 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="62f191e2-4278-4aaf-ab13-27641ca1e9ff" />
<input type="hidden" name="_token" value="92f06720860.6uwbNBzTaedU--14nBp4re6wSfScjEJ_VimpRf5XFGA.p6dLTUqXUd41ubIN2m8N4ojaeJ_0vCMIO3ifcMoFXTOctHlrVZwssxGtig" />
</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="3760285533040"
data-product-name="Peluche&#x20;b&#x00E9;b&#x00E9;&#x20;Punch&#x20;-&#x20;Marsupilami"
data-product-price="18.9"
data-product-position="24"
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/peluche-marsu-bleu-poisson-89b15f">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3760285533040/1/M266x333/peluche-bebe-punch-marsupilami.jpg"
alt="Peluche bébé Punch - 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">
Peluche bébé Punch - Marsupilami
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
18,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 «Peluche bébé Punch - 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="80ebad5b-f90a-4478-8e99-5377c316f23c" />
<input type="hidden" name="_token" value="aef828b2557c7c20923c3dec92.mdHTR6dcyJmjUaTTwTGpL5cBsIye_rzwFRkALeVkgpM.1JqDPvEY8KDCE_umh0TcYPFrgef2zt2HeEg2GNE2y8DvibEY7hONzeYHww" />
</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="25"
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="e9aea8e661a611a56e016122ce.2fG4kOXZczLyGG8iAUeIQ8eWSqqcRG588xmM-kodUsU.lLro6bOdSwuTWjBXRzL9DKH8e8H0dA8Lnki6z35PG5avqdrPrJY2ZrdOCA" />
</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="9782870973301"
data-product-name="Les&#x20;3&#x20;Formules&#x20;du&#x20;Professeur&#x20;Sat&#x014D;&#x20;-&#x20;Tome&#x20;1"
data-product-price="23"
data-product-position="26"
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/les-3-formules-du-professeur-sato-tome-1-aa61e5">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/9782870973301/1/M266x333/les-3-formules-du-professeur-sat.jpg"
alt="Les 3 Formules du Professeur Satō - 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">
Les 3 Formules du Professeur Satō - Tome 1
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
23,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 3 Formules du Professeur Satō - 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="1621d438-0721-4c07-978e-c1d85660ec4f" />
<input type="hidden" name="_token" value="07e6fcf9.B_H2g7bUS__T2SqPdTSrxU8alLtqiYUEpzqFnNMUzHE.Srqm-uCQc8aym3X6M0HeiilwpdACueRzymuzqedGhSJxqZTc_5sOq5aPTQ" />
</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="9782505130093"
data-product-name="Boruto&#x20;-&#x20;Two&#x20;Blue&#x20;Vortex&#x20;&#x2013;&#x20;Tome&#x20;4"
data-product-price="7.3"
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="/boruto/kana/livres/boruto-two-blue-vortex-t4-5d519e">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782505130093/couv/M266x333/boruto-two-blue-vortex-t4.jpg"
alt="Boruto - Two Blue Vortex – 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">
Boruto - Two Blue Vortex – Tome 4
</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 «Boruto - Two Blue Vortex - 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="bea14289-5233-4c5f-be72-00db94b29aef" />
<input type="hidden" name="_token" value="71297d93d6e54bc4c40f649d01075615.35QYeXeAB9qr1jAVhu4pFbxNkAn9m3u3byRknEODK44.kt9IACHEP-PKlG9gwJtcWtonoWKVqxrAAnVSqXfRYt2pzHomPs9Cju6AVw" />
</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="9782390602019"
data-product-name="Julie&#x20;Wood&#x20;-&#x20;Saison&#x20;2&#x20;&#x2013;&#x20;Tome&#x20;2"
data-product-price="16.5"
data-product-position="28"
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="/julie-wood/graton/livres/julie-wood-saison-2-tome-2-31af37">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782390602019/couv/M266x333/secrets-de-famille.jpg"
alt="Julie Wood - Saison 2 – 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">
Julie Wood - Saison 2 – Tome 2
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
16,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 «Secrets de famille» 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="d4689e67-06b5-4565-8835-65ce33804953" />
<input type="hidden" name="_token" value="6cc.Apu9Yen1hnyKHXS0v1bpU67Y7uEe5woLltCPQA-jyqI.T9DtGL-xvkXrXyvB-SOcHMiy34p212t8-4G5dTvxg_F0w98-oLrDKM9LEw" />
</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="9791026857044"
data-product-name="Superman&#x20;Vs.&#x20;The&#x20;Amazing&#x20;Spider-Man&#x20;-1976"
data-product-price="20.5"
data-product-position="29"
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/superman-vs-the-amazing-spider-man-1977-47bb6c">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9791026857044/couv/M266x333/superman-vs-the-amazing-spider-m.jpg"
alt="Superman Vs. The Amazing Spider-Man -1976"
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">
Superman Vs. The Amazing Spider-Man -1976
</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 «Superman Vs. The Amazing Spider-Man -1976» 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="7b18b663-b4be-44aa-9d21-10bd8eb69653" />
<input type="hidden" name="_token" value="7e.oeb5Z6bwjoDQ-V8av0nPQRy8TBvgiMZmFInz-kZZXaY.7K2pHvC0trmxuwBv-Ty6DnrWfXCIuKcRedjFz3ILFPXXvps477_L1JWvOA" />
</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="30"
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="b167cc5874d741492ad8237e2.2Kwl09p1uzpPxZNh6L1cSuW09Xav36RusBhYjgqB-lM.led1qowxgwMuh8wUrsgpBYPexB3H78UZ3Uluuz7TswCu9EeMkzr-bgqT9A" />
</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;&#x20;Tome&#x20;1"
data-product-price="20.5"
data-product-position="31"
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/ecommerce/principal/9791026823384/1/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="088cde260020610f2726e8e9cb97.Oxc8Thqxm5pu_iiCoTx5gbspr4xsTlkpCPeTn-_a560.dlxsN0z1o6MPvHf350kMzt1DnucEfjheZaalqtuIrv5NT14RU_7eziuoTw" />
</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="9782808210966"
data-product-name="Les&#x20;Jours&#x20;heureux"
data-product-price="13.45"
data-product-position="32"
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/les-jours-heureux-097159">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/9782808210966/1/M266x333/les-jours-heureux.jpg"
alt="Les Jours heureux"
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 Jours heureux
</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 «Les Jours heureux» 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="39dd698b-9f00-40ac-93ca-0df68c880860" />
<input type="hidden" name="_token" value="a863965af039d4332585e72e06586.vAFDJ6zQm_zwTCSXTj39MZ6aNiSRRU8_Epv25gJw2Sw.8UoTXvqUo8WRDnviCEiIfvjwB0_5dS5If8rA0zYikH_KWSF45Z_eqLUaQw" />
</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="9791026856054"
data-product-name="Supergirl&#x3A;&#x20;Woman&#x20;of&#x20;Tomorrow"
data-product-price="25"
data-product-position="33"
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="/supergirl/urban-comics/livres/supergirl-woman-of-tomorrow-b6fa5a">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9791026856054/couv/M266x333/supergirl-woman-of-tomorrow.jpg"
alt="Supergirl: Woman of Tomorrow"
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">
Supergirl: Woman of Tomorrow
</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 «Supergirl: Woman of Tomorrow» 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="a76db602-379b-44b4-aa52-2bbe348743fa" />
<input type="hidden" name="_token" value="10e8524f87a6d3c9c190ab48f6efd2._XJfIqVdgm6dalvtRTbilB6qYZSPm7Xuhmc063Ty6gs.sDkPW_MZulf8KASYA0OX23jAUP_nq9SZ6zYC3kCgo1iLKj197BLHOtg8PA" />
</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="9782505143048"
data-product-name="Yu-Gi-Oh&#x21;&#x20;&#x2013;&#x20;&#x00C9;dition&#x20;Mill&#x00E9;nium&#x20;&#x2013;&#x20;Tome&#x20;1"
data-product-price="13.95"
data-product-position="34"
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="/yu-gi-oh/kana/livres/yu-gi-oh-edition-millenium-t1-c27e32">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782505143048/couv/M266x333/yu-gi-oh-edition-millenium-t1.jpg"
alt="Yu-Gi-Oh! – Édition Millénium – 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">
Yu-Gi-Oh! – Édition Millénium – Tome 1
</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 «Yu-Gi-Oh! – Édition Millénium 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="1ea8c3ae-8f9b-441e-8c0d-c5f2cec0ac41" />
<input type="hidden" name="_token" value="d1d.AtS_nt_Xvaw3456I5hTrSQTL1KNV0yt2ACdBv79lbCU.T5_v54mThZVWocH9oGGeBmKh5cg940oBbXZ3ios3JXZ0jN3Blpj4-HK1-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="9782505132486"
data-product-name="Basara&#x20;&#x28;Star&#x20;Edition&#x29;&#x20;&#x2013;&#x20;Tome&#x20;1"
data-product-price="9.25"
data-product-position="35"
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="/basara/kana/livres/basara-star-edition-t1-c1d522">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782505132486/couv/M266x333/basara-star-edition-t1.jpg"
alt="Basara (Star Edition) – 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">
Basara (Star Edition) – Tome 1
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
9,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 «Basara Star Edition 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="8d711f60-0ce4-46df-a8de-5fd400d45446" />
<input type="hidden" name="_token" value="d4f44355ad6fabeb105698c7.11U174n6wHkLTZQgpQY48HT_i3rhVPjxt-llDvN_x8Q.mh5llt---EBqD8tV43NNvxKVuhGJZJmG2rhTO8ctjpehDVewwLWFLU4b8w" />
</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="9782505141181"
data-product-name="No&#x20;Devil&#x20;&#x2013;&#x20;Tome&#x20;1"
data-product-price="8.1"
data-product-position="36"
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="/no-devil/kana/livres/no-devil-t1-241782">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782505141181/couv/M266x333/no-devil-t1.jpg"
alt="No Devil – 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">
No Devil – 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 «No Devil 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="70def1a0-8b8b-4c2a-87a3-6e4df2c27a12" />
<input type="hidden" name="_token" value="5c687c2a29a5d08288d63.dEDQdeDAPpOakRP_ZatB_9J6Ie0MEQspgPhgCrRnC-4.OQuADLaEBqr700yKI940sLQQEIZkIWpe7alWP4A1Qr0CGLIqqY97x9_HdA" />
</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="9782808513630"
data-product-name="Ce&#x20;que&#x20;j&#x27;ai&#x20;vu&#x20;&#x00E0;&#x20;Auschwitz&#x20;-&#x20;Les&#x20;cahiers&#x20;d&#x27;Alter"
data-product-price="25"
data-product-position="37"
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-cahiers-d-alter-ce-que-j-ai-vu-a-auschwitz-cc70be">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782808513630/couv/M266x333/ce-que-j-ai-vu-a-auschwitz-les-c.jpg"
alt="Ce que j'ai vu à Auschwitz - Les cahiers d'Alter"
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">
Ce que j'ai vu à Auschwitz - Les cahiers d'Alter
</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 «Ce que j'ai vu à Auschwitz - Les cahiers d'Alter» 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="e329dc86-bdfa-4ca3-ade8-2c17968b9735" />
<input type="hidden" name="_token" value="2095a65f4b8157.jchvk95bU1dhBs3G8nvhmi1YtBl860L3DjGE6AG696M.wIM_6ogfa24ARJKztA6U1UsyhXIU2yOAY2Cy3TXovvD7kA3MlxQWAyRQqg" />
</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="9791026823407"
data-product-name="Absolute&#x20;Wonder&#x20;Woman&#x20;&#x2013;&#x20;Tome&#x20;1"
data-product-price="18.5"
data-product-position="38"
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="/wonder-woman/urban-comics/livres/absolute-wonder-woman-tome-1-1e4a82">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9791026823407/couv/M266x333/absolute-wonder-woman-tome-1.jpg"
alt="Absolute Wonder Woman – 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 Wonder Woman – 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 Wonder Woman 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="772c5a35-d014-4efa-8478-d9a1488768f6" />
<input type="hidden" name="_token" value="f4262.xMuSEOs_8Vj1ZJMRbl-YPOGBvTKN8xdeqfOhAgfePvQ.iYDCab17yWGUJsxkKCrtc4frjFnlw3YpxKKXNzOMd6eyk_BPonC0DLAy9A" />
</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="9791026824800"
data-product-name="Absolute&#x20;Green&#x20;Lantern&#x20;&#x2013;&#x20;Tome&#x20;1"
data-product-price="18.5"
data-product-position="39"
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="/green-lantern/urban-comics/livres/absolute-green-lantern-tome-1-09a94f">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9791026824800/couv/M266x333/absolute-green-lantern-tome-1.jpg"
alt="Absolute Green Lantern – 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 Green Lantern – 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 Green Lantern 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="2d31f165-5529-4f9d-9b6a-05d8cbfab64e" />
<input type="hidden" name="_token" value="97671afb0258.a6JHo5TbYexPwlM_ZcHB_5OXw8_kKZyhiw-Mzf3aPR0.JukX2sKfWdUugAxKI7S0sPX98qSMGf3W5l66-MmIdE4d-iX83ZQkuAqUNA" />
</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="16.5"
data-product-position="40"
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"
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 25
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
16,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 «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="a91fd51f0f0a105d1b60.k9c8V-5ZzIkdAPtPjT2TCn4Vzd8b5w7FCSbzCiTeb00.3pxsLrgd9LB8QqQ6y0jmRRh__LRz12-yZHfFPxCMJh7lj14IpxaJ3VhWnA" />
</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="9782808205825"
data-product-name="La&#x20;Course&#x20;du&#x20;si&#x00E8;cle"
data-product-price="20.45"
data-product-position="41"
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="/la-course-du-siecle/le-lombard/livres/la-course-du-siecle-4b7985">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782808205825/couv/M266x333/la-course-du-siecle.jpg"
alt="La Course du siècle"
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 Course du siècle
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
20,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 «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="c211d8eb-cadd-481d-a03b-a6c6ba2177f4" />
<input type="hidden" name="_token" value="28c449311c705fdd1e440bc66f.mcn38dkHF4W4e_pZIp_SKt5yILOwWWCincR76Dgajfc.1IKniI9DL7zZOaUsZOqnZbgYEdjYaQHV8JVN3QxIxKTvkZWukEhS0f0tnQ" />
</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="3701234102283"
data-product-name="Les&#x20;Aventures&#x20;de&#x20;Philip&#x20;et&#x20;Francis&#x20;T1&#x20;et&#x20;2"
data-product-price="12.99"
data-product-position="42"
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/beaux-livres/les-aventures-de-philip-et-francis-t1-et-2-a279f5">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3701234102283/1/M266x333/les-aventures-de-philip-et-franc.jpg"
alt="Les Aventures de Philip et Francis T1 et 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">
Beaux Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Les Aventures de Philip et Francis T1 et 2
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
12,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 «Les Aventures de Philip et Francis T1 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="211afbe2-bb83-48fa-bee9-16f59b9f8cd7" />
<input type="hidden" name="_token" value="0be327e862aead37e7c7.E2dCDnwbsxECPyTjNFFu112S7hUPKCVG4UsCvOE-kSI.XiwSdypfiyhjfXuWciQbmDv4335nGEQxjBo0idVs2HFlPyBRNVT2RUdpQw" />
</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="9782871291282"
data-product-name="D&#x00E9;tective&#x20;Conan&#x20;&#x2013;&#x20;Tome&#x20;1"
data-product-price="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-t1-ed45c9">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782871291282/couv/M266x333/detective-conan-t1.jpg"
alt="Détective Conan – 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">
Détective Conan – Tome 1
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
3,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 «Détective Conan 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="5a43f3c5-4dfb-4193-91a7-2589ee2120fb" />
<input type="hidden" name="_token" value="e4c309f4d425c710931ac5982b5d471._oG9ne1opjINn0DiS2Rh20S9tOP5h4g6OLun3S0RHTg.s8rt5Lssngts3R-XDREUlCLXhYiRt-lNVeqR6BlDVGuI2d_CpCfjZkjJJw" />
</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="3701580714062"
data-product-name="Coffret&#x20;Superman&#x20;Spider-Man&#x20;&#x28;inclus&#x20;&#x23;1&#x20;&#x2B;&#x20;1&#x20;poster&#x29;"
data-product-price="13.9"
data-product-position="44"
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/integrales-et-coffrets/coffret-superman-spider-man-inclus-1-1-poster-76d386">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3701580714062/1/M266x333/coffret-superman-spider-man-incl.jpg"
alt="Coffret Superman Spider-Man (inclus #1 + 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 Superman Spider-Man (inclus #1 + 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 Superman Spider-Man (inclus #1 + 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="8aba974d-43a4-462f-a727-8c02da7dc27e" />
<input type="hidden" name="_token" value="05a4c29cc103405e9364a.dH7vPYdN5KXi5c44Ow9WZM5MdqlzY14kx0xqrFlTHLk.OTW_RNEJ3JyDp5FNfXojK6gmR8IbUz9Tqh1cmW0BVeoCJo1izgKh8aezqQ" />
</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="9782808204880"
data-product-name="Les&#x20;Enfants&#x20;de&#x20;la&#x20;R&#x00E9;sistance&#x20;&#x2013;&#x20;Tome&#x20;8"
data-product-price="13.45"
data-product-position="45"
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/combattre-ou-mourir-54fc98">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782808204880/couv/M266x333/combattre-ou-mourir.jpg"
alt="Les Enfants de la Résistance – Tome 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">
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 8
</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 «Combattre ou mourir» 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="837b3cf5-514c-4895-8ccf-5da7cbb18d27" />
<input type="hidden" name="_token" value="a4b8cce6f9a52f.DeevayWtramF5wnUV3UGCemoH_RVgIfTofH3qsbQlKc.QKz_EnPplZDkpVahEQBzRo_CLp89sOakzKDBn_KC3fR7v800bOLo_cCxbg" />
</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="3701234107196"
data-product-name="Les&#x20;v&#x00E9;hicules&#x20;de&#x20;tintin&#x20;au&#x20;1&#x2F;24&#x20;&#x2013;&#x20;La&#x20;Ford&#x20;T&#x20;grise&#x20;de&#x20;Tintin&#x20;au&#x20;Congo"
data-product-price="89"
data-product-position="46"
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/les-vehicules-de-tintin-au-1-24-la-ford-t-de-tintin-au-congo-3e9359">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3701234107196/1/M266x333/les-vehicules-de-tintin-au-1-24.jpg"
alt="Les véhicules de tintin au 1/24 – La Ford T grise de Tintin au Congo"
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 véhicules de tintin au 1/24 – La Ford T grise de Tintin au Congo
</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 «Les véhicules de tintin au 1/24 – La Ford T grise de Tintin au Congo» 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="dc35f766-2c9b-49d5-97e4-053f04a2769e" />
<input type="hidden" name="_token" value="02e695.5eMuZiebYgoUhCs_aUXWLDPs8MVRYSN7Tjn1F5OkF0g.qKh-H3HfWjN1xnRKLzCjY1WGwa45UUIMI2jDIqf2XhuTu0w5btQnXlHSTA" />
</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="0000000001519"
data-product-name="Peluche&#x20;Marsupilami&#x20;assis&#x20;-&#x20;Petite"
data-product-price="14.9"
data-product-position="47"
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/objets-deco/peluche-marsupilami-assis-petite-472baa">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/0000000001519/1/M266x333/peluche-marsupilami-assis-petite.jpg"
alt="Peluche Marsupilami assis - Petite"
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">
Objets déco
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Peluche Marsupilami assis - Petite
</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 «Peluche Marsupilami assis - Petite» 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="5fbe64fd-3705-40ce-a6f1-d8275ed5511c" />
<input type="hidden" name="_token" value="d3e7.Q1j_vftnPfo3UxKMXil2Crnl03cpLp5J5pZEsRVIslw.DhOvxK0jBcNWEU35GFwDRd-P4hxBHv8-i8dyhCEa-w81AJ3isih4rnIFdQ" />
</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="9782803671182"
data-product-name="Les&#x20;Enfants&#x20;de&#x20;la&#x20;R&#x00E9;sistance&#x20;&#x2013;&#x20;Tome&#x20;4"
data-product-price="13.45"
data-product-position="48"
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/l-escalade-cbbe4f">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782803671182/couv/M266x333/l-escalade.jpg"
alt="Les Enfants de la Résistance – 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">
Les Enfants de la Résistance – Tome 4
</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 «L'Escalade» 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="54721ec5-2805-4011-a669-b7a0512b6afd" />
<input type="hidden" name="_token" value="7e.4Qbxqhv7lmXPNw1-DP0Gq6eOhoBbLNRqDWDsJasKk8k.rE2h002_rlyudVILSohz5MHkt-szHLUdYDHaEJ9Y2pqXXpP1UrTTMYphag" />
</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="9782803670260"
data-product-name="Les&#x20;Enfants&#x20;de&#x20;la&#x20;R&#x00E9;sistance&#x20;&#x2013;&#x20;Tome&#x20;3"
data-product-price="13.45"
data-product-position="49"
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/les-deux-geants-794ffd">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782803670260/couv/M266x333/les-deux-geants.jpg"
alt="Les Enfants de la Résistance – 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">
Les Enfants de la Résistance – Tome 3
</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 «Les Deux géants» 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="bc6a287a-70d7-4a77-bc32-0a762a10cd64" />
<input type="hidden" name="_token" value="901a06df98620e79d.UN6j88HlrgdpTtOV-MUKrH7dDiIDzYLOaoFm38jgbuU.HZXzipehlj4IDIzgvrB_4xi3P0lr_eO5B9BQ6vyyJ7YmhsGsiKrrUywYtA" />
</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="9791026856108"
data-product-name="Batman&#x20;Prime&#x20;&#x2013;&#x20;Tome&#x20;1"
data-product-price="18.5"
data-product-position="50"
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/batman-prime-tome-1-cb7cf6">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9791026856108/couv/M266x333/batman-prime-tome-1.jpg"
alt="Batman Prime – 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">
Batman Prime – 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 «Batman Prime 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="22d4f068-5ae5-4494-b0d2-fc0e9a6199c3" />
<input type="hidden" name="_token" value="e36dfe068e822de8dcb8d27f4a483.nM_IL_Mzmq2puUP28eE54N_sENE8_iXWjE5jSKAaVC4.0YSYVqV3opTI-xyDt5RMr7mGIbpUzkSh4R9VfZRIHX3ql6pwunzf-ezvJA" />
</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="4602200000000"
data-product-name="Figurine&#x20;Tintin&#x20;La&#x20;Licorne&#x20;-&#x20;Mus&#x00E9;e&#x20;imaginaire"
data-product-price="195"
data-product-position="51"
data-product-brand="Tintinimaginatio"
data-product-category="Pop culture"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/inconnu/tintinimaginatio/figurines/figurine-tintin-la-licorne-musee-imaginaire-db910e">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/4602200000000/1/M266x333/figurine-tintin-la-licorne-musee.jpg"
alt="Figurine Tintin La Licorne - Musée imaginaire"
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 Licorne - Musée imaginaire
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
195,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 La Licorne - Musée imaginaire» 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="08826809-c5cc-417d-b64c-44a1d236b617" />
<input type="hidden" name="_token" value="45ece02f378b80f514.sVxHAFmGHjRTTV4L849En69lNC74MwUZsylTT4LZzgI._BcXeQ_CJg0yDwF-tfox0MkPBUWQA2Ru3nhleraLh1HHBCVfEMlbYBYbOQ" />
</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="9782808514958"
data-product-name="La&#x20;r&#x00E9;alit&#x00E9;&#x20;est&#x20;&#x00E9;norme"
data-product-price="20"
data-product-position="52"
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/divers/la-realite-est-enorme-be7bfe">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/9782808514958/1/M266x333/la-realite-est-enorme.jpg"
alt="La réalité est énorme"
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">
Divers
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
La réalité est énorme
</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 «La réalité est énorme» 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="5ea7ec08-a5f5-433c-8ca3-80539f2aefa3" />
<input type="hidden" name="_token" value="c959319ba7add8c6afdbabec71.2aKLMm_pneZ3e8bn0OFmWRjKxtU6qjFwI4fntSUHRrk.lOnbSzmtpd8WOZmSlpQTFn6g975SmlAHTtbRgBFVD-qv-ultJqbYsjItoQ" />
</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="9782505140597"
data-product-name="Kagurabachi&#x20;&#x2013;&#x20;Tome&#x20;8"
data-product-price="7.3"
data-product-position="53"
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/livres/kagurabachi-t8-e613f1">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782505140597/couv/M266x333/kagurabachi-t8.jpg"
alt="Kagurabachi – Tome 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">
Livres
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Kagurabachi – Tome 8
</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 «Kagurabachi T8» 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="c1dbab01-3127-43c2-b970-6156a8b9e9a9" />
<input type="hidden" name="_token" value="dae2ec97dc6bbe6a97711d055b.2bPuzKggzwl0aRxsT4p6P0zxgerOVjTEpEyYaqZcDsQ.lPi-tf5k9zAVK0MZCf8PcCqbsIGmZlWzyR2uX5IOR5ev64yT4W-KXTE_ew" />
</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="54"
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="b49ed0de9ceb4.LIA3ICbybScniiDS56svHTI3Ka5XxIpjpzjulppj3l4.YctnWXC2VR5GyH-nod5aUlRdGMU_9OsUymnYo64xlw1a2FV_b70oc2LcRw" />
</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="9782505123545"
data-product-name="Smoking&#x20;behind&#x20;the&#x20;supermarket&#x20;with&#x20;you&#x20;&#x2013;&#x20;Tome&#x20;1"
data-product-price="7.95"
data-product-position="55"
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="/smoking-behind-the-supermarket-with-you/kana/livres/smoking-behind-the-supermarket-with-you-t1-3790dd">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782505123545/couv/M266x333/smoking-behind-the-supermarket-w.jpg"
alt="Smoking behind the supermarket with you – 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">
Smoking behind the supermarket with you – Tome 1
</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 «Smoking behind the supermarket with you 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="2db1d400-ca31-4c86-9d0c-1fc268600302" />
<input type="hidden" name="_token" value="8356c4f1df41532d4e5eb.NGvlkX9Lu63mOc86G_sjQ-GQP-3saqiCC0tZEJhaX38.eSC16CkPg5SHe5BPXY5WDIf6DoaEWsn1ZhpvJawIFixCM4fONgT--aNvqA" />
</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="56"
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="b13a38ba296890f1a0b6fd76.l9VvB1C4RTIGNwmpP01Avggemn-awaKVVZaZdnjJ-zM.2p4_fgb8fQtndVbceTg18W50qxTy8cPiOMevQ0ybsmDhjQ1YGfcAZkNhbg" />
</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="9782871293842"
data-product-name="D&#x00E9;tective&#x20;Conan&#x20;&#x2013;&#x20;Tome&#x20;2"
data-product-price="3"
data-product-position="57"
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-t2-025e5d">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782871293842/couv/M266x333/detective-conan-t2.jpg"
alt="Détective Conan – 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">
Détective Conan – Tome 2
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
3,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 «Détective Conan T2» 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="8a5fa3a4-559d-4fb8-aeaa-94ffcedef4ab" />
<input type="hidden" name="_token" value="30a4e9a93960207536598fc7547e45bb.34c0izbDuufh6i3XI6EJnpAc3VG4Am5VA2H_4kUIKm0.ksxk8mCHgt6AqHKiZdR80fZ27DrQMg8ibjDJ13FaYz6p31bUf4z_s6S8Sg" />
</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="3521320069500"
data-product-name="Figurine&#x20;Pixi&#x20;Corto&#x20;Maltese&#x20;et&#x20;les&#x20;chats"
data-product-price="250"
data-product-position="58"
data-product-brand="Pixi"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/corto-maltese/pixi/figurines/figurine-pixi-corto-maltese-et-les-chats-b46de7">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3521320069500/1/M266x333/figurine-pixi-corto-maltese-et-l.jpg"
alt="Figurine Pixi Corto Maltese et les chats"
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 Pixi Corto Maltese et les chats
</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 «Figurine Pixi Corto Maltese et les chats» 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="67c15394-3027-4bac-9dc6-3d0e53585320" />
<input type="hidden" name="_token" value="f110add9ead2ed.TRZVayJy66EQo2r2bPx1iA66BHL4s020bLdsTPLF5YQ.AF0FEnQ205hx4TWDKokAx2jQNRmQgyzDAeZaecaXrNc7Tjc0az2u9VX1DQ" />
</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="9782808216937"
data-product-name="Les&#x20;Enfants&#x20;de&#x20;la&#x20;R&#x00E9;sistance&#x20;&#x2013;&#x20;Tome&#x20;10"
data-product-price="13.45"
data-product-position="59"
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/la-guerre-n-est-pas-finie-ae254d">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782808216937/couv/M266x333/la-guerre-n-est-pas-finie.jpg"
alt="Les Enfants de la Résistance – Tome 10"
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 10
</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 «La guerre n'est pas finie» 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="90dc679a-5aab-4501-97da-c62a0a60db31" />
<input type="hidden" name="_token" value="b09.opY3EPKsUwK-pLkiyHxlMp1cM1AGXRNVs2SaPEs5S_0.791naaToazvf5uZXjgkQffs2AjtubXIi3jWsCX9rAq7UzlVPu-MWVvvy3g" />
</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="9782505127574"
data-product-name="Crows&#x20;-&#x20;Tome&#x20;6"
data-product-price="8.1"
data-product-position="60"
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="/crows/kana/livres/crows-t6-ff293c">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/9782505127574/1/M266x333/crows-tome-6.jpg"
alt="Crows - 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">
Crows - 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 «Crows - 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="d491847d-5744-4938-83a8-e0874c3fa1ff" />
<input type="hidden" name="_token" value="43a00efe58918569a.0AOQo1YVJ6UlSIQeZeQpD7az9e8IOf0EImvVKwxFOFQ.nUjA2gBRH5xECttrI5FcQNDZxIRgCZxzTzrjHjgXcQemW_L8H1pi8WAe4w" />
</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="9782205214079"
data-product-name="La&#x20;Cit&#x00E9;&#x20;des&#x20;Dames&#x20;&#x2013;&#x20;Tome&#x20;1"
data-product-price="23"
data-product-position="61"
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-cite-des-dames/dargaud/livres/tome-1-809bb7">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782205214079/couv/M266x333/le-secret-des-sikah.jpg"
alt="La Cité des Dames – 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">
La Cité des Dames – Tome 1
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
23,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 «Le Secret des Sikah» 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="01bf0b39-2234-4be8-b75e-6a928b4d593b" />
<input type="hidden" name="_token" value="3d93db45894e171e0.MLWczroh2O9zwnLf27Zky-wQ4C9aXIl51EzogGFu5fM.ff7Mt-xl4NYSgC2qncMRhIp60UQybOgOuR3etVU8rKBG7f6R826duzaUFQ" />
</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="9791026853794"
data-product-name="Absolute&#x20;Martian&#x20;Manhunter&#x20;&#x2013;&#x20;Tome&#x20;1"
data-product-price="18.5"
data-product-position="62"
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="/dcu/urban-comics/livres/absolute-martian-manhunter-tome-1-c4222d">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9791026853794/couv/M266x333/absolute-martian-manhunter-tome.jpg"
alt="Absolute Martian Manhunter – 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 Martian Manhunter – 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 Martian Manhunter 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="590f08f6-256b-4e3c-835c-cbbad39bdf07" />
<input type="hidden" name="_token" value="388b28a2.xxJvT1jKseGm6RFjyXQmFvqXhWivi7Ib16ByT28MyIE.ilk_Ng6OidjHq04WjwFTWZz9tAPHu9NsuvFEeltegdKxSg0QEYX0teO_dg" />
</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="Michel&#x20;Vaillant&#x20;-&#x20;Saison&#x20;2&#x20;&#x2013;&#x20;Tome&#x20;14"
data-product-price="17.5"
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/98f789">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782390602194/couv/M266x333/remparts.jpg"
alt="Michel Vaillant - Saison 2 – 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">
Michel Vaillant - Saison 2 – Tome 14
</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 «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="e12e8f.hXeL3pkeqP75Nqd5suoR697kixl1BUAz8E59Wl3DcYA.yDzbp89akMeYdPgM9J9kpLiOunIdNSFEnR9Lb2mRONPzL-mB0FHtqrxgwA" />
</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="9782505130086"
data-product-name="Boruto&#x20;-&#x20;Two&#x20;Blue&#x20;Vortex&#x20;&#x2013;&#x20;Tome&#x20;3"
data-product-price="7.3"
data-product-position="64"
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="/boruto/kana/livres/boruto-two-blue-vortex-t3-ba2bf6">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782505130086/couv/M266x333/boruto-two-blue-vortex-t3.jpg"
alt="Boruto - Two Blue Vortex – 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">
Boruto - Two Blue Vortex – Tome 3
</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 «Boruto - Two Blue Vortex - T3» 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="a1d56213-7f02-4eca-8082-37e887b74366" />
<input type="hidden" name="_token" value="08c39778d9df95e056f37092a8f316.PXImZAh7m8PGYJuCLGPCe2S5TOK_Uw6L7d9zHOURPd0.cDl2HV4_o_qnIsT3aha3NALTfYnXY2_8gI5FKdFDdI5LKkQ7QTTel4M2_A" />
</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="9782505133681"
data-product-name="Sexy&#x20;Cosplay&#x20;Doll&#x20;T14"
data-product-price="8.1"
data-product-position="65"
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="/sexy-cosplay-doll/kana/livres/sexy-cosplay-doll-t14-530e7a">
<header>
<img
class="h-56 object-contain"
loading="lazy" src="/build/images/generic/vs_placeholder.webp"
alt="Sexy Cosplay Doll T14"
/>
</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">
Sexy Cosplay Doll T14
</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 «Sexy Cosplay Doll T14» 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="75cbab57-703e-4223-8f55-da0f86762e72" />
<input type="hidden" name="_token" value="fd32514d.ZxyDLwOv58y51EY6fHmCTaNVK4ZWqRRSgQAOOSf3FVU.KlfTVlXr3_XYlhlPOgz3AsU_Gu0-mXUl7FE4DBOlXAYRROFwSuCimPyCIQ" />
</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="9782505129080"
data-product-name="Smoking&#x20;behind&#x20;the&#x20;supermarket&#x20;with&#x20;you&#x20;&#x2013;&#x20;Tome&#x20;2"
data-product-price="7.95"
data-product-position="66"
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="/smoking-behind-the-supermarket-with-you/kana/livres/smoking-behind-the-supermarket-with-you-t2-b3328e">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782505129080/couv/M266x333/smoking-behind-the-supermarket-w.jpg"
alt="Smoking behind the supermarket with you – 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">
Smoking behind the supermarket with you – Tome 2
</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 «Smoking behind the supermarket with you T2» 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="edd1a6bd-3fc6-47b8-8938-ea1ad27778d1" />
<input type="hidden" name="_token" value="d50ad056b1fbcbf59a259.1E1SmmeCb0-RiX-BPS6HKNUTnotME3ZP2oRjbVudTko.mQYC4zHGV3bwyyD0e1vyZ7N5r-AkIxc4t9VVWG_PBxmiFTDFLs0qG9TfGA" />
</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="9782808201278"
data-product-name="Les&#x20;Enfants&#x20;de&#x20;la&#x20;R&#x00E9;sistance&#x20;&#x2013;&#x20;Tome&#x20;7"
data-product-price="13.45"
data-product-position="67"
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/tombes-du-ciel-d4b0a0">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782808201278/couv/M266x333/tombes-du-ciel.jpg"
alt="Les Enfants de la Résistance – 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">
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 7
</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 «Tombés du ciel» 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="d5acb0ea-b3cc-4152-8e08-78a3ac4090ff" />
<input type="hidden" name="_token" value="7c41cdfb10e6ca91227da699f31ad133.Xx_Wl14veNBsh0B1tVKsOVik3U0pOYeKjof_dO00ONc.ElSG7ghrQOkNxR8A8yfZdj7O7CZBCeb949bJQdlmcYQpR7TIF2A9hCnRJw" />
</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="9782808517256"
data-product-name="Gunnar&#x20;le&#x20;vampire&#x20;-&#x20;&#x28;&#x00E9;dition&#x20;sp&#x00E9;ciale&#x29;"
data-product-price="45"
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="/inconnu/dupuis/tirages-de-luxe/guennar-le-vampire-36d4df">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/9782808517256/1/M266x333/gunnar-le-vampire-edition-specia.jpg"
alt="Gunnar le vampire - (édition spéciale)"
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">
Tirages de luxe
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Gunnar le vampire - (édition spéciale)
</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 «Gunnar le vampire - (édition spéciale)» 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="38f83ac2-d628-42e5-856c-f989e0c3ba28" />
<input type="hidden" name="_token" value="277bc3a22e1b47efe88193.Nd7QEF3sVzSOmAHOlJ4cCzVlOIg0IPbOAoa3BqOlDTQ.eJWAaQuobw3v2l670utpRFMPCeNcEJe5b9eBM5f3RGdDhrJPFKMSYMvOZg" />
</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="9782808700108"
data-product-name="Love&#x20;Bullet&#x20;&#x2013;&#x20;Tome&#x20;1"
data-product-price="8.35"
data-product-position="69"
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="/love-bullet/vega/livres/love-bullet-tome-1-titre-provisoire-37a4b5">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782808700108/couv/M266x333/love-bullet-tome-1.jpg"
alt="Love Bullet – 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">
Love Bullet – 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 «Love Bullet, 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="b8b09d59-53a7-4368-a063-2fbd48c25bcb" />
<input type="hidden" name="_token" value="d3f5d7881f50b306d9900e271d1.Wm00aIFDQYOhy92QomuioO6UuPzxSsPVFDpjjivwGmA.FyZkEdcHebrAiYLl5B7X74j-iZeZeqKieWtVux-iUzMsNVY3yAwE1-Sdug" />
</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="70"
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="da08946d75deb8b50b.EZlLwTNrwS5kULs7IK3wtGf_Z4ZzG08-eDfQw9gIk-Y.XNIbuGUv-RcFEuROZtiF-wGVVu0bKy5JFWbm9uxa2rVnwSmeeiSEeiEG3A" />
</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="Lucky&#x20;Luke&#x20;vu&#x20;par...Dakota&#x20;1880"
data-product-price="22"
data-product-position="71"
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/ecommerce/principal/9782884715096/1/M266x333/lucky-luke-vu-par-dakota-1880.jpg"
alt="Lucky Luke vu par...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">
Lucky Luke vu par...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 «Lucky Luke vu par...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="bc5329.peCQmiSaf97f9j5uOVyjfgAFZHPDKA-maaxKAh5P9UI.6KvA43LeR-e-tGEbfynWMWZvVRirGG7RBP18NyodvBHTuPLFbdU6ipqgWQ" />
</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-af2e73b6-67a0-413e-9b3a-9b6a33559a43" 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/pixi/figurines/figurine-pixi-asterix-la-boutique-le-primeur-de-nicae-la-salade-nicaecoise-06f6f7">
<img src="/media/images/tiles/ac95222b-6921-4a1e-bf02-75c99c27191a.jpg" alt="Figurine Pixi Astérix La boutique Le Primeur de Nicae"
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 Pixi Astérix La boutique Le Primeur de Nicae</h3>
<p
class="font-sans font-normal text-base text-Utilities-Text-Secondary line-clamp-2"
>
Nouvelle boutique Pixi Astérix inspirée de l'album Le tour de Gaule d'Astérix</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/pixi/figurines/figurine-pixi-asterix-la-boutique-le-primeur-de-nicae-la-salade-nicaecoise-06f6f7"
>
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="/inconnu/tintinimaginatio/figurines/figurine-tintin-la-licorne-musee-imaginaire-db910e">
<img src="/media/images/tiles/337f6995-70ed-4cee-b40c-382aaa330aa5.png" alt="Figurine Tintin La Licorne"
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 Tintin La Licorne</h3>
<p
class="font-sans font-normal text-base text-Utilities-Text-Secondary line-clamp-2"
>
La figurine du mythique navire La Licorne, en édition limitée et numérotée !</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/tintinimaginatio/figurines/figurine-tintin-la-licorne-musee-imaginaire-db910e"
>
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="/gaston/fariboles/figurines/figurine-fariboles-collection-classique-gaston-deguise-en-marsupilami-34e9a4">
<img src="/media/images/tiles/3a50f9a0-3470-42ac-a30c-14ea46013ba9.jpg" alt="Figurine Pixi Astérix La boutique Le Primeur de Nicae"
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 Fariboles Gaston déguisé en Marsupilami</h3>
<p
class="font-sans font-normal text-base text-Utilities-Text-Secondary line-clamp-3"
>
Notre gaffeur préféré est de retour grimé en Marsupilami</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="/gaston/fariboles/figurines/figurine-fariboles-collection-classique-gaston-deguise-en-marsupilami-34e9a4"
>
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/experience-serigraphie/serigraphies/serigraphie-silence-cauquemare-28274b">
<img src="/media/images/tiles/382891e3-dea8-4db1-bb46-40ceac346ebe.jpg" alt="Figurine Pixi Astérix La boutique Le Primeur de Nicae"
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">Sérigraphie Silence</h3>
<p
class="font-sans font-normal text-base text-Utilities-Text-Secondary line-clamp-3"
>
Découvrez une sérigraphie tirée du manga Silence réalisée par Expérience Sérigraphie</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/experience-serigraphie/serigraphies/serigraphie-silence-cauquemare-28274b"
>
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-2d2ad5c0-a6fa-493a-ad99-8d92cb128041" 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="9791026824527"
data-product-name="Batman&#x20;&amp;&#x20;Robin&#x20;Ann&#x00E9;e&#x20;&#x2013;&#x20;Tome&#x20;1"
data-product-price="20.5"
data-product-position="0"
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/batman-robin-annee-un-a04bc2">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9791026824527/couv/M266x333/batman-robin-annee-un-tome-1.jpg"
alt="Batman & Robin Année – 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">
Batman & Robin Année – 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 «Batman & Robin Année Un 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="28eb58ae-4e07-4773-b502-a27634a11763" />
<input type="hidden" name="_token" value="a1.wUCUZbNRwgbRMomxJox9FrVIRh3goZQUQRDXawyGi_A.jAvEHOUV-j-wcNbEYPkIWdMid3aIkfVjLEHhXjjUwqO3GPY6-h6HUpRk7g" />
</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="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="/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="1c31c.ZE0rc7uJRCfB7_tUwW7905j-pBudzeM_j_Daw5Mriuc.KQZ7Cu3NfB6graQhhxuInP6UlXD1_YJI4qHs9qd5w7QSFUks8sYBc4S5nA" />
</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="66130d295d7.qv6ZqFu_yIm2c5-68m42oRJWlBVNGJV_-rgxhsv1rWs.57XJ0Q378LDXMcDPtBtD7nQ8pX4lKPQIl-kHs_-n5Djcpvv3EvCN3fMl-A" />
</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="aa632052804d6b0b3.sGmcv8oJkvkakSfqDJvdZBp__qBsv4ueBpdhXz3DGeY._SLMxpxNqsB703ifSu6oK3wVz8sEj-rpa8ZXagmRULXGMf7gg0bXrV_HQA" />
</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="9782808504669"
data-product-name="Journal&#x20;d&#x27;une&#x20;bataille&#x00A0;"
data-product-price="45"
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="/6/dupuis/livres/journal-d-une-bataille-facon-legend-93f391">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/9782808504669/1/M266x333/journal-d-une-bataille.jpg"
alt="Journal d'une bataille "
/>
</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">
Journal d'une bataille
</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 «Journal d'une bataille » 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="957b09dd-b740-4558-9fbc-02c4e0b05c7e" />
<input type="hidden" name="_token" value="551f4d0b5c7549858f961081b7.mRrk4e6zq8xghyHyrwi0v8I5bdKAZ5CNdoPe46RPJCk.1FG0mLj3k_UBxX6H6X3B8KRTXLnoV_H6G9Lo1pAdbXrvQoa-p_zumCXRRg" />
</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="9791026827832"
data-product-name="The&#x20;Riddler&#x20;Ann&#x00E9;e&#x20;Un"
data-product-price="25"
data-product-position="5"
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="/vilains/urban-comics/livres/the-riddler-annee-un-d3af3b">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9791026827832/couv/M266x333/the-riddler-annee-un.jpg"
alt="The Riddler Année Un"
/>
</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">
The Riddler Année Un
</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 «The Riddler Année Un» 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="5a10eff0-bd42-4242-b7ae-fba5741f2936" />
<input type="hidden" name="_token" value="3fd9ccb05264adea.j0TvVuF3o1O-VSQ_vSrP8GJ7CDbfYj9ORZw7OGhGmyc.wg-_L7czm2rfF3tK-1-6vwQROV23Ul45KM0NDVwU0nT5HI0JqDjmB_sDQw" />
</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="9782884715102"
data-product-name="La&#x20;longue&#x20;marche&#x20;de&#x20;Lucky&#x20;Luke"
data-product-price="16.5"
data-product-position="6"
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/la-longue-marche-de-lucky-luke-81752d">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782884715102/couv/M266x333/la-longue-marche-de-lucky-luke.jpg"
alt="La longue marche de Lucky Luke"
/>
</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 longue marche de Lucky Luke
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
16,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 longue marche de Lucky Luke» 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="7af9465f-a2a4-4ef8-a4be-7fbb06dbb6df" />
<input type="hidden" name="_token" value="517ea0e.hjU6yIV8yreiLm-JrBNCCwGuImWxvrhbK8_RxyDazbQ.y35qsdM48o7DbDD86mY3RGfEEw7ZjtksRp7n8hSIhOfwbViXzDOP4-d4CA" />
</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="9782505144502"
data-product-name="The&#x20;Strange&#x20;Pictures&#x20;T1"
data-product-price="8.1"
data-product-position="7"
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="/uketsu/kana/livres/hen-na-e-t1-24647b">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/9782505144502/1/M266x333/the-strange-pictures-t1.jpg"
alt="The Strange Pictures T1"
/>
</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">
The Strange Pictures T1
</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 «The Strange Pictures 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="24310700-f923-4b63-bdc0-52eaa5456f85" />
<input type="hidden" name="_token" value="59dcb0acaffe52337e7309ce2da752.vbYtgyrpBTO2TcDryDJobuFbVzB0QR-WXD0rvlalKr0.8P19-nytPQrXD5-ejkcdIYcxZlsccX7hMWwdi2L3Y-7L7k_cY6ZAZ_Mbpw" />
</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="8"
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="86667ce7d3e6a4719180ce2b086a6dd4.342JHKqJUYCT7o27ZOkovkAowQ8fjjt9x5Xt3Rb6Nxk.ksbZZfzNabnyrNLOIpxd8SZC8GR3vloKqsTb6CKofkqp1etD48YU1Na46g" />
</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="9782808701259"
data-product-name="Yakuza&#x20;Zen&#x20;&#x2013;&#x20;Tome&#x20;1"
data-product-price="8.35"
data-product-position="9"
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="/yakuza-zen/vega/livres/yakuza-zen-tome-1-titre-provisoire-1eea27">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782808701259/couv/M266x333/yakuza-zen-tome-1.jpg"
alt="Yakuza Zen – 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">
Yakuza Zen – 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 «Yakuza Zen, 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="6ace6fc4-a6ea-47b8-94d5-96db555c4304" />
<input type="hidden" name="_token" value="7a6a4fe6e7f6.i5w-80AY-u9Ud36MpN8O_m2Ytp0wgyRW2tquXTe_DxU.xtduihZcwtY1NSH54qp7sQvyh_ZYs0Uht4uYaAPtRkb9xFysCVe_uxEhGQ" />
</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="9782364806511"
data-product-name="Filles&#x20;de&#x20;la&#x20;pop"
data-product-price="27"
data-product-position="10"
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="/inconnu/huginn-muninn/livres/filles-de-la-pop-95cdce">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9782364806511/couv/M266x333/filles-de-la-pop.jpg"
alt="Filles de la pop"
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">
Filles de la pop
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
27,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 «Filles de la pop» 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="b911e124-44b2-4fab-b646-c7eca40d620e" />
<input type="hidden" name="_token" value="e8095e5a7.qO13lIUlGFuh9pj8VtQoohQ_BlTm91IeaBidW59Xr8U.5aYn7dNhIGLAtMeJEKFd7XJVNz-OxzNpBUmrbqsF5pbetRXLzGpdD-Sg_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="9791026824435"
data-product-name="Batman&#x20;Cher&#x20;Detective"
data-product-price="20.5"
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/livres/batman-dear-detective-lee-bermejo-a4cba0">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/album/9791026824435/couv/M266x333/batman-cher-detective.jpg"
alt="Batman Cher Detective"
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">
Batman Cher Detective
</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 «Batman Cher Detective» 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="ea7e72c3-6e98-44bd-ba89-3b930bf7e3b6" />
<input type="hidden" name="_token" value="5572815c7195c30f370558b7eb0.uu8DiU703hQGYPvFVRWzF8_f5MfV8ahVowPSjoTUVvU.96RT8Biw5i1nIqSwE2DGWKm11ay9wckizlLku7CGH6bMt2HWB7ubQEM2nA" />
</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-c8ef1e71-7da8-4d12-a365-3a41de7423fa" 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="3665361017837"
data-product-name="Cahier&#x20;A5&#x20;Naruto&#x20;-&#x20;Groupe&#x20;Konoha"
data-product-price="5.99"
data-product-position="0"
data-product-brand="Abysse"
data-product-category="Manga"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/naruto/abysse/papeterie/cahier-a5-groupe-konoha-f70a2b">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3665361017837/1/M266x333/cahier-a5-naruto-groupe-konoha.jpg"
alt="Cahier A5 Naruto - Groupe Konoha"
/>
</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">
Cahier A5 Naruto - Groupe Konoha
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
5,99
<span class="text-Utilities-Error line-through">
10,90
</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 «Cahier A5 Naruto - Groupe Konoha» 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="88e29847-7d76-4d0a-a04a-78f0babfb94e" />
<input type="hidden" name="_token" value="6ceed2cce06.apyP_-DdwBmPyC85A6tIdyZd2TfwFrSPVOGGgsh9-oA.J9ffhraZ-CDuinBMRd49OEA36FyYJtX4ObCwt_wvs9McxO2gqZKFTcqeSA" />
</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="3701234132471"
data-product-name="Donjon&#x20;Potron-Minet&#x20;Trio&#x20;Collector&#x20;&#x2013;&#x20;L.Trondheim,&#x20;J.Sfar&#x20;&amp;&#x20;C.Blain"
data-product-price="159.2"
data-product-position="1"
data-product-brand="Attakus"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/inconnu/attakus/figurines/donjon-potron-minet-trio-collector-l-trondheim-j-sfar-c-blain-2af7cf">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3701234132471/1/M266x333/donjon-potron-minet-trio-collect.jpg"
alt="Donjon Potron-Minet Trio Collector – L.Trondheim, J.Sfar & C.Blain"
/>
</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">
Donjon Potron-Minet Trio Collector – L.Trondheim, J.Sfar & C.Blain
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
159,20
<span class="text-Utilities-Error line-through">
199,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 «Donjon Potron-Minet Trio Collector – L.Trondheim, J.Sfar & C.Blain» 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="1172db2f-8cce-4367-a29d-ac8d36d1f344" />
<input type="hidden" name="_token" value="24e74ec375899dda.L8KO606Fr0G3OUbFSo0-LmfcriLfmHBswWak4qwbgWc.YonekhjBl3jWexmwDPhLYQG2n0m3qBEbrDeS15hJyDRZmuy0B8rqFfJvIQ" />
</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="3521320631110"
data-product-name="FIGURINE&#x20;CALAMITY&#x20;JANE-LUCKY&#x20;LUKE"
data-product-price="6.49"
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="/lucky-luke/dupuis/divers/figurine-calamity-jane-lucky-luke-d67bdf">
<header>
<img
class="h-56 object-contain"
src="/build/images/generic/vs_placeholder.webp"
alt="FIGURINE CALAMITY JANE-LUCKY LUKE"
/>
</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">
Divers
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
FIGURINE CALAMITY JANE-LUCKY LUKE
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
6,49
<span class="text-Utilities-Error line-through">
6,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 «FIGURINE CALAMITY JANE-LUCKY LUKE» 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="088e5184-a594-424e-9ce0-b19a9f173d56" />
<input type="hidden" name="_token" value="11ff64c45faeb4e2.D7BadtQXk_ven9GP8AEFoatg1kMWtpRvGAMCfbe0NQE.QvsKD4JTq8K_3Y76tnRw7s0K5yh-hvUYdVI0SIPmfFJ56DgpnVjWr5vJtg" />
</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="3521320801186"
data-product-name="One&#x20;Piece&#x20;-&#x20;Tirelire&#x20;Vogue&#x20;Merry"
data-product-price="60.13"
data-product-position="3"
data-product-brand="Plastoy"
data-product-category="Manga"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/one-piece/plastoy/tirelire/one-piece-tirelire-vogue-merry-e89be2">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3521320801186/1/M266x333/one-piece-tirelire-vogue-merry.jpg"
alt="One Piece - Tirelire Vogue Merry"
/>
</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">
Tirelire
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
One Piece - Tirelire Vogue Merry
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
60,13
<span class="text-Utilities-Error line-through">
85,90
</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 - Tirelire Vogue Merry» 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="a5ccd1c0-8ffb-44ed-8058-57aa916d279f" />
<input type="hidden" name="_token" value="fc0eef9ac44de05caefa.U7SDzCnEduVUWUCWvYLaMHpDs8ieU7AQhnpdjVfGZoI.Hv_TtX-ATtw1Gx_j-_evfxwpgqP2Y9Fn6ytruGOUL9El7OGTYIszsREPJw" />
</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="3701167147214"
data-product-name="Carnet&#x20;de&#x20;notes&#x20;Manara&#x20;&#x28;rouge&#x29;"
data-product-price="7"
data-product-position="4"
data-product-brand="Comicon Edizioni"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/inconnu/comicon-edizioni/papeterie/carnet-de-notes-manara-rouge-42bff2">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3701167147214/1/M266x333/carnet-de-notes-manara-rouge.jpg"
alt="Carnet de notes Manara (rouge)"
/>
</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">
Carnet de notes Manara (rouge)
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
7,00
<span class="text-Utilities-Error line-through">
10,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 «Carnet de notes Manara (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="ce24ed4a-79db-48ec-9e0a-5d868410deaf" />
<input type="hidden" name="_token" value="5db0e2aeb.yLgSnhA7yVQAAgKQC7ryYT7jdJxSSZ2qT_qbd_vJItc.hfNC50Z_8W1hQF3lTc-HLliJRfc6efzdIqutQs-ba4S-4HDBWXSMAEVUZQ" />
</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="9791032406144"
data-product-name="Batman&#x20;infiltration&#x20;&#x2013;&#x20;le&#x20;jeu&#x20;&#x00E0;&#x20;identit&#x00E9;s&#x20;secr&#x00E8;tes"
data-product-price="11.2"
data-product-position="5"
data-product-brand="404 EDITIONS"
data-product-category="Comics"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/batverse/404-editions/jeux-de-societe/batman-infiltration-le-jeu-a-identites-secretes-741d25">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/9791032406144/1/M266x333/batman-infiltration-le-jeu-a-ide.jpg"
alt="Batman infiltration – le jeu à identités secrètes"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div class="absolute top-0 left-0 -rotate-[33.66deg] -translate-x-1/3 translate-y-16 z-5">
<span class="flex flex-nowrap whitespace-nowrap border-1 border-accent-300 py-xxs bg-accent-200 text-base">
∙
Rupture de stock
∙
Rupture de stock
∙
Rupture de stock
</span>
</div>
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Jeux de société
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Batman infiltration – le jeu à identités secrètes
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
11,20
<span class="text-Utilities-Error line-through">
15,95
</span>
<sup>€</sup>
</div>
<button
title="Cliquez pour recevoir un e-mail de notification lorsque l’article est de nouveau en stock" role="modal-opener" data-http-endpoint="/articles/9791032406144/subscriptions/new" data-modal-class="modal--future-release" data-analytics-event="alert_product_unavailable"
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 cms-page__swiper__full-item-action"
>
<i data-lucide=bell></i>
Être prévenu·e par e-mail
</button>
</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="3701234132464"
data-product-name="Donjon&#x20;Potron-Minet&#x20;Coffret&#x20;Ultra&#x20;Collector&#x20;&#x2013;&#x20;L.Trondheim,&#x20;J.Sfar&#x20;&amp;&#x20;C.Blain"
data-product-price="289"
data-product-position="6"
data-product-brand="Attakus"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/inconnu/attakus/figurines/donjon-potron-minet-coffret-ultra-collector-l-trondheim-j-sfar-c-blain-2ae53c">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3701234132464/1/M266x333/donjon-potron-minet-coffret-ultr.jpg"
alt="Donjon Potron-Minet Coffret Ultra Collector – L.Trondheim, J.Sfar & C.Blain"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div class="absolute top-0 left-0 -rotate-[33.66deg] -translate-x-1/3 translate-y-16 z-5">
<span class="flex flex-nowrap whitespace-nowrap border-1 border-accent-300 py-xxs bg-accent-200 text-base">
∙
Rupture de stock
∙
Rupture de stock
∙
Rupture de stock
</span>
</div>
<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">
Donjon Potron-Minet Coffret Ultra Collector – L.Trondheim, J.Sfar & C.Blain
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
289,00
<span class="text-Utilities-Error line-through">
340,00
</span>
<sup>€</sup>
</div>
<button
title="Cliquez pour recevoir un e-mail de notification lorsque l’article est de nouveau en stock" role="modal-opener" data-http-endpoint="/articles/3701234132464/subscriptions/new" data-modal-class="modal--future-release" data-analytics-event="alert_product_unavailable"
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 cms-page__swiper__full-item-action"
>
<i data-lucide=bell></i>
Être prévenu·e par e-mail
</button>
</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="3521320401065"
data-product-name="Figurine&#x20;Batman"
data-product-price="14.94"
data-product-position="7"
data-product-brand="Plastoy"
data-product-category="Comics"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/batverse/plastoy/figurines/figurine-batman-3af5ca">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3521320401065/1/M266x333/figurine-batman.jpg"
alt="Figurine Batman"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div class="absolute top-0 left-0 -rotate-[33.66deg] -translate-x-1/3 translate-y-16 z-5">
<span class="flex flex-nowrap whitespace-nowrap border-1 border-accent-300 py-xxs bg-accent-200 text-base">
∙
Rupture de stock
∙
Rupture de stock
∙
Rupture de stock
</span>
</div>
<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 Batman
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
14,94
<span class="text-Utilities-Error line-through">
24,90
</span>
<sup>€</sup>
</div>
<button
title="Cliquez pour recevoir un e-mail de notification lorsque l’article est de nouveau en stock" role="modal-opener" data-http-endpoint="/articles/3521320401065/subscriptions/new" data-modal-class="modal--future-release" data-analytics-event="alert_product_unavailable"
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 cms-page__swiper__full-item-action"
>
<i data-lucide=bell></i>
Être prévenu·e par e-mail
</button>
</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="3521320800585"
data-product-name="Tirelire&#x20;Harley&#x20;Quinn&#x20;sur&#x20;coffre-fort"
data-product-price="33"
data-product-position="8"
data-product-brand="Plastoy"
data-product-category="Comics"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/harley-quinn/plastoy/figurines/tirelire-harley-quinn-sur-coffre-fort-1c336a">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3521320800585/1/M266x333/tirelire-harley-quinn-sur-coffre.jpg"
alt="Tirelire Harley Quinn sur coffre-fort"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div class="absolute top-0 left-0 -rotate-[33.66deg] -translate-x-1/3 translate-y-16 z-5">
<span class="flex flex-nowrap whitespace-nowrap border-1 border-accent-300 py-xxs bg-accent-200 text-base">
∙
Rupture de stock
∙
Rupture de stock
∙
Rupture de stock
</span>
</div>
<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">
Tirelire Harley Quinn sur coffre-fort
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
33,00
<span class="text-Utilities-Error line-through">
54,99
</span>
<sup>€</sup>
</div>
<button
title="Cliquez pour recevoir un e-mail de notification lorsque l’article est de nouveau en stock" role="modal-opener" data-http-endpoint="/articles/3521320800585/subscriptions/new" data-modal-class="modal--future-release" data-analytics-event="alert_product_unavailable"
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 cms-page__swiper__full-item-action"
>
<i data-lucide=bell></i>
Être prévenu·e par e-mail
</button>
</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="3521320800646"
data-product-name="Tirelire&#x20;Shenron&#x20;-&#x20;Collector"
data-product-price="30"
data-product-position="9"
data-product-brand="Plastoy"
data-product-category="Manga"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/inconnu/plastoy/figurines/tirelire-shenron-collector-014f64">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3521320800646/1/M266x333/tirelire-shenron-collector.jpg"
alt="Tirelire Shenron - Collector"
/>
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div class="absolute top-0 left-0 -rotate-[33.66deg] -translate-x-1/3 translate-y-16 z-5">
<span class="flex flex-nowrap whitespace-nowrap border-1 border-accent-300 py-xxs bg-accent-200 text-base">
∙
Rupture de stock
∙
Rupture de stock
∙
Rupture de stock
</span>
</div>
<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">
Tirelire Shenron - Collector
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
30,00
<span class="text-Utilities-Error line-through">
54,99
</span>
<sup>€</sup>
</div>
<button
title="Cliquez pour recevoir un e-mail de notification lorsque l’article est de nouveau en stock" role="modal-opener" data-http-endpoint="/articles/3521320800646/subscriptions/new" data-modal-class="modal--future-release" data-analytics-event="alert_product_unavailable"
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 cms-page__swiper__full-item-action"
>
<i data-lucide=bell></i>
Être prévenu·e par e-mail
</button>
</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="3521320065861"
data-product-name="Gaston&#x20;et&#x20;le&#x20;Monorail&#x20;-&#x20;Gaston&#x20;Lagaffe&#x20;-&#x20;Collection&#x20;Bo&#x00EE;te"
data-product-price="90"
data-product-position="10"
data-product-brand="Pixi"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/gaston/pixi/figurines/gaston-et-le-monorail-gaston-lagaffe-collection-boite-7aa5b5">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3521320065861/1/M266x333/gaston-et-le-monorail-gaston-lag.jpg"
alt="Gaston et le Monorail - Gaston Lagaffe - Collection Boîte"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div class="absolute top-0 left-0 -rotate-[33.66deg] -translate-x-1/3 translate-y-16 z-5">
<span class="flex flex-nowrap whitespace-nowrap border-1 border-accent-300 py-xxs bg-accent-200 text-base">
∙
Rupture de stock
∙
Rupture de stock
∙
Rupture de stock
</span>
</div>
<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">
Gaston et le Monorail - Gaston Lagaffe - Collection Boîte
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
90,00
<span class="text-Utilities-Error line-through">
150,00
</span>
<sup>€</sup>
</div>
<button
title="Cliquez pour recevoir un e-mail de notification lorsque l’article est de nouveau en stock" role="modal-opener" data-http-endpoint="/articles/3521320065861/subscriptions/new" data-modal-class="modal--future-release" data-analytics-event="alert_product_unavailable"
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 cms-page__swiper__full-item-action"
>
<i data-lucide=bell></i>
Être prévenu·e par e-mail
</button>
</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="3701167140420"
data-product-name="Billet&#x20;Lanfeust&#x20;de&#x20;Troy"
data-product-price="1.8"
data-product-position="11"
data-product-brand="BandeCiné"
data-product-category="BD"
data-product-price-currency="EUR"
>
<a class="h-56 w-full grid place-items-center relative" href="/inconnu/bandecine/monnaie-et-billets/billet-lanfeust-de-troy-1ca8cc">
<header>
<img
class="h-56 object-contain"
src="//bdi.dlpdomain.com/ecommerce/principal/3701167140420/1/M266x333/billet-lanfeust-de-troy.jpg"
alt="Billet Lanfeust de Troy"
loading="lazy" />
</header>
</a>
<div class="p-m h-full flex flex-col justify-between">
<div class="absolute top-0 left-0 -rotate-[33.66deg] -translate-x-1/3 translate-y-16 z-5">
<span class="flex flex-nowrap whitespace-nowrap border-1 border-accent-300 py-xxs bg-accent-200 text-base">
∙
Rupture de stock
∙
Rupture de stock
∙
Rupture de stock
</span>
</div>
<div>
<p class="font-sans text-[0.75rem] uppercase text-Utilities-Text-Primary leading-3 !mb-0">
Monnaie et billets
</p>
<p class="product-thumb__h3 font-sans font-bold text-Utilities-Text-Primary leading-5 line-clamp-2 !mb-0">
Billet Lanfeust de Troy
</p>
</div>
<div class="w-full text-right my-auto text-Utilities-Text-Secondary">
1,80
<span class="text-Utilities-Error line-through">
5,00
</span>
<sup>€</sup>
</div>
<button
title="Cliquez pour recevoir un e-mail de notification lorsque l’article est de nouveau en stock" role="modal-opener" data-http-endpoint="/articles/3701167140420/subscriptions/new" data-modal-class="modal--future-release" data-analytics-event="alert_product_unavailable"
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 cms-page__swiper__full-item-action"
>
<i data-lucide=bell></i>
Être prévenu·e par e-mail
</button>
</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-15489492-0016-4e40-b3b6-7752d2237ead" 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>
<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="d0a332.xWJkeGSMKIjUQ5-9Lnrhi27a4s1LCBDjaUG791UPwSU.oy5SNUm_TdKdJfzlbTGw_wGC24R8PmmKHXLMhhp_kkm0W11PF8Bxxuc03g" /></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>
<!-- Previous plugin with all reviews displayed (disabled after many bad review)
<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>
-->
<!-- Simple plugin with only the overall note -->
<div class="flex justify-center" id="276b3190-6e52-423d-83f6-bfa11e3c7aed"></div>
<script
async
charset="utf-8"
src="https://widgets.rr.skeepers.io/generated/7c812eed-a810-5d64-e91f-5265c97ce950/276b3190-6e52-423d-83f6-bfa11e3c7aed.js"
></script>
</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.19,"reviewCount":1121,"@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/6/kana/livres/tank-chair-t9-eed6ff","@type":"ListItem"},{"position":2,"url":"https://9e-store.fr/la-famille-bellaventure/le-lombard/livres/ses-plus-belles-fausses-notes-e38b3f","@type":"ListItem"},{"position":3,"url":"https://9e-store.fr/blades-of-the-guardians/kana/livres/blades-of-the-guardians-t3-f0c2aa","@type":"ListItem"},{"position":4,"url":"https://9e-store.fr/urban-comics-nomad/urban-comics/livres/urban-comics-nomad-joker-killer-smile-ff3722","@type":"ListItem"},{"position":5,"url":"https://9e-store.fr/beet-the-vandel-buster/kana/livres/beet-the-vandel-buster-t17-5e82a6","@type":"ListItem"},{"position":6,"url":"https://9e-store.fr/hyouka/vega/livres/hyouka-tome-7-de800e","@type":"ListItem"},{"position":7,"url":"https://9e-store.fr/6/urban-comics/livres/hal-jordan-the-green-lantern-corps-2016-50abe4","@type":"ListItem"},{"position":8,"url":"https://9e-store.fr/magilumiere/kana/livres/magilumiere-co-ltd-t10-f0ff5b","@type":"ListItem"},{"position":9,"url":"https://9e-store.fr/monsieur-blaireau-et-madame-renarde/dargaud/livres/tome-8-97d61b","@type":"ListItem"},{"position":10,"url":"https://9e-store.fr/togen-anki-la-legende-du-sang-maudit/kana/livres/togen-anki-la-legende-du-sang-maudit-t27-5db295","@type":"ListItem"},{"position":11,"url":"https://9e-store.fr/imbattable/dupuis/livres/imbroglio-meteo-e0cd88","@type":"ListItem"},{"position":12,"url":"https://9e-store.fr/dame-dara-de-reiwa/vega/livres/dame-dara-de-reiwa-tome-5-dec05b","@type":"ListItem"},{"position":13,"url":"https://9e-store.fr/naruto/abysse/papeterie/cahier-a5-groupe-konoha-f70a2b","@type":"ListItem"},{"position":14,"url":"https://9e-store.fr/inconnu/attakus/figurines/donjon-potron-minet-trio-collector-l-trondheim-j-sfar-c-blain-2af7cf","@type":"ListItem"},{"position":15,"url":"https://9e-store.fr/lucky-luke/dupuis/divers/figurine-calamity-jane-lucky-luke-d67bdf","@type":"ListItem"},{"position":16,"url":"https://9e-store.fr/one-piece/plastoy/tirelire/one-piece-tirelire-vogue-merry-e89be2","@type":"ListItem"},{"position":17,"url":"https://9e-store.fr/inconnu/comicon-edizioni/papeterie/carnet-de-notes-manara-rouge-42bff2","@type":"ListItem"},{"position":18,"url":"https://9e-store.fr/batverse/404-editions/jeux-de-societe/batman-infiltration-le-jeu-a-identites-secretes-741d25","@type":"ListItem"},{"position":19,"url":"https://9e-store.fr/inconnu/attakus/figurines/donjon-potron-minet-coffret-ultra-collector-l-trondheim-j-sfar-c-blain-2ae53c","@type":"ListItem"},{"position":20,"url":"https://9e-store.fr/batverse/plastoy/figurines/figurine-batman-3af5ca","@type":"ListItem"},{"position":21,"url":"https://9e-store.fr/harley-quinn/plastoy/figurines/tirelire-harley-quinn-sur-coffre-fort-1c336a","@type":"ListItem"},{"position":22,"url":"https://9e-store.fr/inconnu/plastoy/figurines/tirelire-shenron-collector-014f64","@type":"ListItem"},{"position":23,"url":"https://9e-store.fr/gaston/pixi/figurines/gaston-et-le-monorail-gaston-lagaffe-collection-boite-7aa5b5","@type":"ListItem"},{"position":24,"url":"https://9e-store.fr/inconnu/bandecine/monnaie-et-billets/billet-lanfeust-de-troy-1ca8cc","@type":"ListItem"},{"position":25,"url":"https://9e-store.fr/batverse/urban-comics/livres/batman-robin-annee-un-a04bc2","@type":"ListItem"},{"position":26,"url":"https://9e-store.fr/atellie/kana/livres/atellie-t1-728df0","@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/6/dupuis/livres/journal-d-une-bataille-facon-legend-93f391","@type":"ListItem"},{"position":30,"url":"https://9e-store.fr/vilains/urban-comics/livres/the-riddler-annee-un-d3af3b","@type":"ListItem"},{"position":31,"url":"https://9e-store.fr/un-hommage-a-lucky-luke-par/lucky-comics/livres/la-longue-marche-de-lucky-luke-81752d","@type":"ListItem"},{"position":32,"url":"https://9e-store.fr/uketsu/kana/livres/hen-na-e-t1-24647b","@type":"ListItem"},{"position":33,"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":34,"url":"https://9e-store.fr/yakuza-zen/vega/livres/yakuza-zen-tome-1-titre-provisoire-1eea27","@type":"ListItem"},{"position":35,"url":"https://9e-store.fr/inconnu/huginn-muninn/livres/filles-de-la-pop-95cdce","@type":"ListItem"},{"position":36,"url":"https://9e-store.fr/batverse/urban-comics/livres/batman-dear-detective-lee-bermejo-a4cba0","@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>
Sitemap
Кол-во: 0
XML-карта сайта для поисковиков
?
Sitemap.xml помогает поисковику быстрее находить и индексировать страницы. Особенно важен для крупных сайтов и новых страниц, на которые ещё нет входящих ссылок.
Robots.txt не содержит ссылку на карту сайта. Рекомендуется добавить карту сайта и указать ссылку на нее в robots.txt.
Внутренние ссылки
Кол-во: 504
Ссылки на другие страницы своего сайта
?
Внутренние ссылки распределяют ссылочный вес между страницами и помогают поисковику обходить сайт. Пустые анкоры и ссылки на запрещённые robots.txt страницы — типичные ошибки.
Внутренних ссылок на странице 504 слишком много. Проведите оптимизацию сайта!
Внутренние ссылки не запрещены к индексации в robots.txt.
На странице присутствуют изображения 130.
Показать первые 100 внутренних ссылок
| Url | Анкор | Состояние | Анализировать |
|---|---|---|---|
| /personnages-et-univers |
BD
|
|
Анализировать url |
| /asterix-3 |
Astérix
|
|
Анализировать url |
| /blake-et-mortimer |
Blake et Mortimer
|
|
Анализировать url |
| /gaston-lagaffe |
Gaston Lagaffe
|
|
Анализировать url |
| /largo-winch |
Largo Winch
|
|
Анализировать url |
| /schtroumpfs |
Les Schtroumpfs
|
|
Анализировать url |
| /les-tuniques-bleues |
Les Tuniques Bleues
|
|
Анализировать url |
| /lucky-luke |
Lucky Luke
|
|
Анализировать url |
| /marsupilami |
Marsupilami
|
|
Анализировать url |
| /michel-vaillant |
Michel Vaillant
|
|
Анализировать url |
| /spirou-et-fantasio |
Spirou et Fantasio
|
|
Анализировать url |
| /thorgal |
Thorgal
|
|
Анализировать url |
| /tintin-3 |
Tintin
|
|
Анализировать url |
| /personnages-et-univers |
Tous les univers
<i class="size-3" data-lucide="chevron-right"></i>
|
|
Анализировать url |
| /personnages-et-univers |
MANGA
|
|
Анализировать url |
| /assassination-classroom |
Assassination Classroom
|
|
Анализировать url |
| /black-butler |
Black Butler
|
|
Анализировать url |
| /naruto |
Naruto
|
|
Анализировать url |
| /death-note |
Death Note
|
|
Анализировать url |
| /detective-conan |
Detective Conan
|
|
Анализировать url |
| /gundam |
Gundam
|
|
Анализировать url |
| /hunter-x-hunter |
Hunter x Hunter
|
|
Анализировать url |
| /kagurabachi |
Kagurabachi
|
|
Анализировать url |
| /one-piece |
One Piece
|
|
Анализировать url |
| /saint-seiya-chevaliers-du-zodiaque |
Saint Seiya
|
|
Анализировать url |
| /slam-dunk |
Slam Dunk
|
|
Анализировать url |
| /personnages-et-univers |
Tous les univers
<i class="size-3" data-lucide="chevron-right"></i>
|
|
Анализировать url |
| /personnages-et-univers |
COMICS
|
|
Анализировать url |
| /batman |
Batman
|
|
Анализировать url |
| /harley-quinn |
Harley Quinn
|
|
Анализировать url |
| /joker-1 |
Joker
|
|
Анализировать url |
| /superman |
Superman
|
|
Анализировать url |
| /watchmen |
Watchmen
|
|
Анализировать url |
| /wonder-woman |
Wonder Woman
|
|
Анализировать url |
| /personnages-et-univers |
Tous les univers
<i class="size-3" data-lucide="chevron-right"></i>
|
|
Анализировать url |
| /personnages-et-univers |
Univers
|
|
Анализировать url |
| /asterix-3 |
Astérix
|
|
Анализировать url |
| /blake-et-mortimer |
Blake et Mortimer
|
|
Анализировать url |
| /gaston-lagaffe |
Gaston Lagaffe
|
|
Анализировать url |
| /largo-winch |
Largo Winch
|
|
Анализировать url |
| /schtroumpfs |
Les Schtroumpfs
|
|
Анализировать url |
| /les-tuniques-bleues |
Les Tuniques Bleues
|
|
Анализировать url |
| /lucky-luke |
Lucky Luke
|
|
Анализировать url |
| /marsupilami |
Marsupilami
|
|
Анализировать url |
| /michel-vaillant |
Michel Vaillant
|
|
Анализировать url |
| /spirou-et-fantasio |
Spirou et Fantasio
|
|
Анализировать url |
| /thorgal |
Thorgal
|
|
Анализировать url |
| /tintin-3 |
Tintin
|
|
Анализировать url |
| /personnages-et-univers |
Tous les univers
<i class="size-3" data-lucide="chevron-right"></i>
|
|
Анализировать url |
| /auteurs |
Auteur incontournables
|
|
Анализировать url |
| /auteurs/cauvin |
Cauvin
|
|
Анализировать url |
| /auteurs/edgar-p-jacobs |
Edgar P. Jacobs
|
|
Анализировать url |
| /auteurs/franquin |
Franquin
|
|
Анализировать url |
| /auteurs/goscinny |
Goscinny
|
|
Анализировать url |
| /auteurs/jean-graton |
Jean Graton
|
|
Анализировать url |
| /auteurs/grzegorz-rosinski |
Grzegorz Rosiński
|
|
Анализировать url |
| /auteurs/herge |
Hergé
|
|
Анализировать url |
| /auteurs/pratt |
Hugo Pratt
|
|
Анализировать url |
| /auteurs/jean-giraud |
Jean Giraud - Moëbius
|
|
Анализировать url |
| /auteurs/jean-van-hamme |
Jean Van Hamme
|
|
Анализировать url |
| /auteurs/lambil |
Lambil
|
|
Анализировать url |
| /auteurs/peyo |
Peyo
|
|
Анализировать url |
| /auteurs |
Tous les auteurs
<i class="size-3" data-lucide="chevron-right"></i>
|
|
Анализировать url |
| /bd-meilleures-ventes |
MEILLEURES VENTES
|
|
Анализировать url |
| /bd-meilleures-ventes |
Toutes nos meilleures ventes BD
<i class="size-3" data-lucide="chevron-right"></i>
|
|
Анализировать url |
| /personnages-et-univers |
Univers
|
|
Анализировать url |
| /assassination-classroom |
Assassination Classroom
|
|
Анализировать url |
| /black-butler |
Black Butler
|
|
Анализировать url |
| /naruto |
Naruto
|
|
Анализировать url |
| /death-note |
Death Note
|
|
Анализировать url |
| /detective-conan |
Detective Conan
|
|
Анализировать url |
| /gundam |
Gundam
|
|
Анализировать url |
| /hunter-x-hunter |
Hunter x Hunter
|
|
Анализировать url |
| /kagurabachi |
Kagurabachi
|
|
Анализировать url |
| /one-piece |
One Piece
|
|
Анализировать url |
| /saint-seiya-chevaliers-du-zodiaque |
Saint Seiya
|
|
Анализировать url |
| /slam-dunk |
Slam Dunk
|
|
Анализировать url |
| /personnages-et-univers |
Tous les univers
<i class="size-3" data-lucide="chevron-right"></i>
|
|
Анализировать url |
| /auteurs |
Auteurs
|
|
Анализировать url |
| /auteurs/gosho-aoyama |
Gosho Aoyama
|
|
Анализировать url |
| /auteurs/inio-asano |
Inio Asano
|
|
Анализировать url |
| /auteurs/jiro-taniguchi |
Jiro Taniguchi
|
|
Анализировать url |
| /auteurs/leiji-matsumoto |
Leiji Matsumoto
|
|
Анализировать url |
| /auteurs/masashi-kishimoto |
Masashi Kishimoto
|
|
Анализировать url |
| /auteurs/mikio-ikemoto |
Mikio Ikemoto
|
|
Анализировать url |
| /auteurs/naoki-urasawa |
Naoki Urasawa
|
|
Анализировать url |
| /auteurs/taiyo-matsumoto |
Taiyo Matsumoto
|
|
Анализировать url |
| /auteurs/yana-toboso |
Yana Toboso
|
|
Анализировать url |
| /auteurs/yoshihiro-togashi |
Yoshihiro Togashi
|
|
Анализировать url |
| /auteurs/yusei-matsui |
Yusei Matsui
|
|
Анализировать url |
| /auteurs |
Tous les auteurs
<i class="size-3" data-lucide="chevron-right"></i>
|
|
Анализировать url |
| /manga-meilleures-ventes |
MEILLEURES VENTES
|
|
Анализировать url |
| /manga-meilleures-ventes |
Toutes nos meilleures ventes Manga
<i class="size-3" data-lucide="chevron-right"></i>
|
|
Анализировать url |
| /personnages-et-univers |
Univers
|
|
Анализировать url |
| /batman |
Batman
|
|
Анализировать url |
| /dc-comics |
DC universe
|
|
Анализировать url |
| /energon-universe |
Energon Universe
|
|
Анализировать url |
| /fables |
Fables
|
|
Анализировать url |
| /flash |
Flash
|
|
Анализировать url |
| /indies |
Indies
|
|
Анализировать url |
Внешние ссылки
Кол-во: 12
Ссылки на сторонние сайты
?
Исходящие внешние ссылки передают часть ссылочного веса на чужие сайты. Ссылки на авторитетные ресурсы безопасны; ссылки на мусорные сайты могут навредить репутации страницы.
Внешних ссылок на странице 12 слишком много. Спрячьте лишние ссылки в тег noindex или атрибут rel='nofollow'!
Показать внешние ссылки
| Url | Анкор | Анализировать |
|---|---|---|
| 9e-store.fr |
en cliquant ici
|
Анализировать url |
| facebook.com |
<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>
|
|
| instagram.com |
<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>
|
|
| tiktok.com |
<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>
|
|
| careers.smartrecruiters.com |
Nos offres d'emploi
|
Анализировать url |
| dargaud.com |
Dargaud
|
Анализировать url |
| dupuis.com |
Dupuis
|
Анализировать url |
| huginnmuninn.fr |
Huginn & Muninn
|
Анализировать url |
| kana.fr |
Kana
|
Анализировать url |
| mangas.io |
Mangas.io
|
Анализировать url |
| lelombard.com |
Le Lombard
|
Анализировать url |
| urban-comics.com |
Urban Comics
|
Анализировать url |
Конкуренты Готовность: 0%
Конкуренты в Яндексе
Кол-во: 0
Топ сайтов-конкурентов в Яндексе
?
Сайты, чаще всего появляющиеся в ТОПе Яндекса по запросам из семантического ядра этой страницы.
Мы не нашли у вас конкурентов в Яндексе. Сайт или очень молодой или плохо продвигается.
Конкурентов в ТОП-10 Яндекса не нашлось.
Конкуренты в Google
Кол-во: 0
Топ сайтов-конкурентов в Google
?
Сайты, чаще всего появляющиеся в ТОПе Google по запросам из семантического ядра этой страницы.
Конкуренты в Google тоже не найдены. Займитесь продвижением сайта!
Конкурентов в ТОП-10 Google не нашлось.
ЗоЗПП: права потребителей Готовность: 100%
Нарушения
Не выявлены
Признаков дистанционной продажи товаров (интернет-магазина) не обнаружено — требования ЗоЗПП о раскрытии информации продавца к сайту не применяются. Нарушений нет.
ФЗ-149: рекомендательные технологии Готовность: 100%
Нарушения
Не выявлены
Рекомендательные блоки («с этим покупают», «похожие товары» и т.п.) на сайте не обнаружены — требования ст. 10.7 ФЗ-149 к сайту не применяются. Нарушений нет.
ФЗ-38: реклама Готовность: 100%
Нарушения
Не выявлены
Рекламных тематик с обязательными оговорками (медицина, БАД, кредиты и займы, новостройки) на сайте не обнаружено. Нарушений нет.
ФЗ-436: защита детей Готовность: 100%
Нарушения
Не выявлены
Признаков информационной продукции (новости, видео, книги, игры, курсы) не обнаружено — обязательная возрастная маркировка по ФЗ-436 сайту не требуется. Нарушений нет.
Вердикт
Анализ сайта collectorbd.com, слабо оптимизирован на 58%. Для хорошей оптимизации и выхода на первые места в поиске требуется:
Исправьте ошибки в мета-тегах.
Исправьте ошибки индексации.
Поделитесь с друзьями: