Navbar responsive sans Bootstrap<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n <style>\r\n body {\r\n font-family: 'Cinzel', sans-serif;\r\n margin: 0;\r\n background: #fff;\r\n }\r\n\r\n nav {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 10px 20px;\r\n position: relative;\r\n z-index: 999;\r\n }\r\n\r\n .logo img {\r\n max-width: 180px;\r\n height: auto;\r\n margin-left: 25%;\r\n }\r\n\r\n .menu-toggle {\r\n display: none;\r\n font-size: 2.5rem;\r\n cursor: pointer;\r\n user-select: none;\r\n }\r\n\r\n ul.menu {\r\n list-style: none;\r\n display: flex;\r\n gap: 25px;\r\n margin: 0 25% 0 0;\r\n padding: 0;\r\n }\r\n\r\n ul.menu li {\r\n position: relative;\r\n }\r\n\r\n ul.menu > li > a {\r\n text-decoration: none;\r\n color: #151515;\r\n font-size: 2.2vh;\r\n padding: 8px 12px;\r\n display: block;\r\n user-select: none;\r\n white-space: nowrap;\r\n }\r\n\r\n ul.menu > li:first-child > a,\r\n ul.menu > li:nth-child(2) > a,\r\n ul.menu > li:nth-child(3) > a {\r\n font-size: 4vh;\r\n }\r\n\r\n ul.menu > li > a:hover {\r\n background: #D4AF37;\r\n color: #fff;\r\n border-radius: 4px;\r\n }\r\n\r\n ul.submenu {\r\n display: none;\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n min-width: 180px;\r\n background: #151515;\r\n list-style: none;\r\n padding: 5px 0;\r\n border-radius: 4px;\r\n z-index: 1000;\r\n }\r\n\r\n ul.submenu li a {\r\n color: #fff;\r\n padding: 10px 15px;\r\n text-decoration: none;\r\n display: block;\r\n font-size: 2.2vh;\r\n white-space: nowrap;\r\n }\r\n\r\n ul.submenu li a:hover {\r\n background: #D4AF37;\r\n color: #fff;\r\n }\r\n\r\n li.has-submenu > a::after {\r\n content: ' \u25bc';\r\n font-size: 0.6em;\r\n user-select: none;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n ul.menu > li:hover > ul.submenu {\r\n display: block;\r\n }\r\n .menu-toggle {\r\n display: none;\r\n }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n nav {\r\n flex-wrap: nowrap;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 10px 15px;\r\n }\r\n\r\n .logo img {\r\n width: 150px;\r\n margin: 0;\r\n }\r\n\r\n .menu-toggle {\r\n display: block;\r\n font-size: 2rem;\r\n margin-left: auto;\r\n user-select: none;\r\n }\r\n\r\n ul.menu {\r\n flex-direction: column;\r\n width: 100%;\r\n display: none;\r\n margin: 10px 0 0;\r\n gap: 0;\r\n overflow: hidden;\r\n }\r\n\r\n ul.menu.show {\r\n display: flex;\r\n }\r\n\r\n ul.menu > li {\r\n width: 100%;\r\n }\r\n\r\n ul.menu > li > a {\r\n padding: 12px 15px;\r\n border-bottom: 1px solid #ccc;\r\n }\r\n\r\n ul.submenu {\r\n position: static;\r\n background: transparent;\r\n padding: 0;\r\n box-shadow: none;\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.3s ease-in-out;\r\n }\r\n\r\n ul.submenu.show {\r\n max-height: 500px; \/* assez grand pour le contenu *\/\r\n display: block;\r\n }\r\n\r\n ul.submenu li a {\r\n padding-left: 30px;\r\n border-bottom: 1px solid #444;\r\n background: #111;\r\n color: #fff;\r\n }\r\n\r\n li.has-submenu > a::after {\r\n float: right;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<nav role=\"navigation\" aria-label=\"Menu principal\">\r\n <div class=\"logo\">\r\n <a href=\"https:\/\/editionlimiteevichy.com\/\">\r\n <img decoding=\"async\" src=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/06\/logotype-edition-limitee-noir.png\" alt=\"Logo Librairie\" \/>\r\n <\/a>\r\n <\/div>\r\n\r\n <div id=\"menuToggle\" class=\"menu-toggle\" aria-label=\"Ouvrir le menu\">\u2630<\/div>\r\n\r\n <ul class=\"menu\" id=\"menu\">\r\n <li class=\"has-submenu\">\r\n <a href=\"#\" class=\"submenu-toggle\">BD<\/a>\r\n <ul class=\"submenu\">\r\n <li><a href=\"https:\/\/editionlimiteevichy.com\/index.php\/bienvenue-a-aquilon\/\">Aquilon<\/a><\/li>\r\n <\/ul>\r\n <\/li>\r\n <li class=\"has-submenu\">\r\n <a href=\"#\" class=\"submenu-toggle\">Comics<\/a>\r\n <ul class=\"submenu\">\r\n <li><a href=\"https:\/\/editionlimiteevichy.com\/index.php\/guide-star-wars\/\">Star Wars<\/a><\/li>\r\n <li><a href=\"https:\/\/editionlimiteevichy.com\/index.php\/editionlimitee-accueil\/guide-batman\/\">Batman<\/a><\/li>\r\n <\/ul>\r\n <\/li>\r\n <li>\r\n <a href=\"https:\/\/editionlimiteevichy.com\/index.php\/page-a-venir\/\">Manga<\/a>\r\n <\/li>\r\n <\/ul>\r\n<\/nav>\r\n\r\n<script>\r\n const menuToggle = document.getElementById('menuToggle');\r\n const menu = document.getElementById('menu');\r\n\r\n \/\/ Toggle menu burger\r\n menuToggle.addEventListener('click', () => {\r\n menu.classList.toggle('show');\r\n });\r\n\r\n \/\/ Toggle sous-menus mobiles\r\n document.querySelectorAll('.submenu-toggle').forEach(toggle => {\r\n toggle.addEventListener('click', e => {\r\n const submenu = toggle.nextElementSibling;\r\n if (window.innerWidth < 768 && submenu) {\r\n e.preventDefault();\r\n submenu.classList.toggle('show');\r\n }\r\n });\r\n });\r\n\r\n \/\/ Fermer le menu mobile quand on clique sur un lien (hors sous-menus toggles)\r\n document.querySelectorAll('.menu a:not(.submenu-toggle)').forEach(link => {\r\n link.addEventListener('click', () => {\r\n if (window.innerWidth < 768) {\r\n menu.classList.remove('show');\r\n document.querySelectorAll('.submenu').forEach(sub => sub.classList.remove('show'));\r\n }\r\n });\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-444a56b e-con-full e-flex elementor-invisible e-con e-parent\" data-id=\"444a56b\" data-element_type=\"container\" data-settings=\"{"background_background":"slideshow","background_slideshow_gallery":[{"id":3399,"url":"https:\\\/\\\/editionlimiteevichy.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/istockphoto-854608904-612x612-1.jpg"}],"animation":"fadeIn","background_slideshow_loop":"yes","background_slideshow_slide_duration":5000,"background_slideshow_slide_transition":"fade","background_slideshow_transition_duration":500}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d05138a elementor-widget elementor-widget-html\" data-id=\"d05138a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Beau+Rivage&display=swap\" rel=\"stylesheet\">\r\n\r\n\r\n<div class=\"golden-gradient-text\">Edition Limitee<\/div>\r\n\r\n<style>\r\n.golden-gradient-text {\r\n font-family: 'Beau Rivage', Sans-Serif;\r\n font-size: 5rem;\r\n font-weight: bold;\r\n text-align: center;\r\n margin: 20px auto;\r\n display: inline-block;\r\n background: linear-gradient(\r\n 90deg,\r\n #1c1c1e,\r\n #2e2e2e,\r\n #f5f5f5,\r\n #888888,\r\n #444444\r\n \r\n );\r\n background-size: 300% 100%;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n animation: goldenMove 5s linear infinite;\r\n}\r\n\r\n@keyframes goldenMove {\r\n 0% {\r\n background-position: 0% 50%;\r\n }\r\n 50% {\r\n background-position: 100% 50%;\r\n }\r\n 100% {\r\n background-position: 0% 50%;\r\n }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-16d3dfb e-con-full e-flex e-con e-parent\" data-id=\"16d3dfb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b59d6d elementor-widget elementor-widget-spacer\" data-id=\"3b59d6d\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f31a76e e-con-full e-flex e-con e-child\" data-id=\"f31a76e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-239b203 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"239b203\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"167\" data-end=\"494\">Port\u00e9e par la passion de Julien Brisse, grand amateur de bande dessin\u00e9e, de manga et de comics, la librairie vous propose une s\u00e9lection exigeante d\u2019ouvrages allant des classiques incontournables aux \u00e9ditions les plus rares. Situ\u00e9e \u00e0 Vichy, elle est un v\u00e9ritable lieu de rendez-vous pour les passionn\u00e9s d\u2019univers graphiques.<\/p><p data-start=\"496\" data-end=\"987\">Ce site vous permettra de prolonger l\u2019exp\u00e9rience au-del\u00e0 des rayons de la boutique. Il met en lumi\u00e8re les multiples facettes de la bande dessin\u00e9e : science-fiction, fantastique, r\u00e9cits historiques ou super-h\u00e9ro\u00efques. L\u2019objectif est clair : vous guider dans ces mondes parfois complexes, vous orienter dans vos lectures, vous aider \u00e0 savoir par o\u00f9 commencer ou dans quel ordre d\u00e9couvrir les \u0153uvres… et surtout, vous faire rencontrer des r\u00e9cits qui valent vraiment le d\u00e9tour !<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-81242d3 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-image\" data-id=\"81242d3\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"203\" height=\"300\" src=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/JulienBrisse-1-203x300.png\" class=\"elementor-animation-bounce-in attachment-medium size-medium wp-image-3410\" alt=\"\" srcset=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/JulienBrisse-1-203x300.png 203w, https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/JulienBrisse-1.png 489w\" sizes=\"(max-width: 203px) 100vw, 203px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Julien Brisse<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-96c8d56 e-flex e-con-boxed e-con e-parent\" data-id=\"96c8d56\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2381ece elementor-widget elementor-widget-html\" data-id=\"2381ece\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"dropping-container\">\r\n <h1 class=\"main-title\">D\u00e9couvrez nos univers !<\/h1>\r\n <div class=\"dropping-texts\">\r\n <div>BD<\/div>\r\n <div>Mangas<\/div>\r\n <div>Comics<\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css?family=Montserrat:300,400,700');\r\n\r\n.dropping-container {\r\n flex-direction: column;\r\n font-family: Montserrat, Sans-Serif;\r\n}\r\n\r\n.main-title {\r\n color: #ffffff;\r\n font-size: 3rem;\r\n z-index: 1;\r\n}\r\n\r\n.dropping-texts \r\n{\r\n font-size: 1.5rem;\r\n height: 100vm;\r\n text-align: center;\r\n width: 100%;\r\n height: 3rem; \/*donne une hauteur pour pas que le container bouge*\/\r\n}\r\n\r\n.dropping-texts > div {\r\n font-size: 0px;\r\n opacity: 0;\r\n font-weight: 300;\r\n color: #d8b65d;\r\n text-shadow: 0 0 5px #d8b65d, 0 0 10px #d8b65d33, 0 0 15px #d8b65d55;\r\n\r\n}\r\n\r\n.dropping-texts > div:nth-child(1) {\r\n animation: roll 5s linear infinite 0s;\r\n}\r\n.dropping-texts > div:nth-child(2) {\r\n animation: roll 5s linear infinite 1s;\r\n}\r\n.dropping-texts > div:nth-child(3) {\r\n animation: roll 5s linear infinite 2s;\r\n}\r\n\r\n\/* ANIMATIONS *\/\r\n@keyframes roll {\r\n 0% {\r\n font-size: 0px;\r\n opacity: 0;\r\n transform: translateY(0) rotate(-25deg);\r\n }\r\n 3% {\r\n opacity: 1;\r\n transform: rotate(0deg);\r\n }\r\n 5% {\r\n font-size: 2rem;\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n 20% {\r\n font-size: 2rem;\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n 27% {\r\n font-size: 0px;\r\n opacity: 0.5;\r\n transform: translateY(50px);\r\n }\r\n 100% {\r\n font-size: 0px;\r\n opacity: 0;\r\n transform: translateY(0) rotate(15deg);\r\n }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6c99d8d e-flex e-con-boxed e-con e-parent\" data-id=\"6c99d8d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-05b4693 elementor-widget elementor-widget-html\" data-id=\"05b4693\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n .image-wrapper {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 100%;\r\n gap: 0.5rem;\r\n position: relative;\r\n font-family: 'Montserrat', sans-serif;\r\n }\r\n\r\n .image-caption {\r\n writing-mode: vertical-rl;\r\n transform: rotate(180deg);\r\n font-size: 1rem;\r\n background: rgba(0, 0, 0, 0.85);\r\n color: white;\r\n padding: 8px;\r\n border-radius: 6px;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n pointer-events: none;\r\n z-index: 2;\r\n position: absolute;\r\n left: 8px;\r\n top: 50%;\r\n transform: translateY(-50%) rotate(180deg);\r\n }\r\n\r\n .image-wrapper:hover .image-caption {\r\n opacity: 1;\r\n }\r\n\r\n .image-container {\r\n border-radius: 12px;\r\n border: 4px solid #D8B65D;\r\n width: 100%;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n .image-container img {\r\n width: 100%;\r\n height: auto;\r\n object-fit: cover;\r\n opacity: 0.5;\r\n transition: transform 0.4s ease, opacity 0.4s ease;\r\n display: block;\r\n }\r\n\r\n .image-container:hover img {\r\n transform: scale(1.05);\r\n opacity: 1;\r\n }\r\n\r\n \/* Mobile adjustments *\/\r\n @media (max-width: 768px) {\r\n .image-wrapper {\r\n flex-direction: column;\r\n align-items: stretch;\r\n gap: 0;\r\n }\r\n\r\n .image-caption {\r\n writing-mode: horizontal-tb;\r\n transform: none;\r\n font-size: 0.9rem;\r\n padding: 6px 10px;\r\n position: absolute;\r\n top: 10px;\r\n left: 10px;\r\n opacity: 1;\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"container-fluid px-3 py-4\">\r\n <div class=\"row g-4 align-items-stretch\">\r\n\r\n \r\n <div class=\"col-12 col-md-4\">\r\n <a href=\"https:\/\/editionlimiteevichy.com\/index.php\/guide-star-wars\/\" class=\"text-decoration-none d-block\">\r\n <div class=\"image-wrapper\">\r\n <div class=\"image-caption\">Guide de lecture Star Wars<\/div>\r\n <div class=\"image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/06\/DarkVador.gif\" alt=\"Star Wars\">\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"col-12 col-md-4\">\r\n <a href=\"https:\/\/editionlimiteevichy.com\/index.php\/bienvenue-a-aquilon\/\" class=\"text-decoration-none d-block\">\r\n <div class=\"image-wrapper\">\r\n <div class=\"image-caption\">L'univers d'Aquilon<\/div>\r\n <div class=\"image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/06\/elfesrougesfond.gif\" alt=\"Aquilon\">\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"col-12 col-md-4\">\r\n <a href=\"https:\/\/editionlimiteevichy.com\/index.php\/editionlimitee-accueil\/guide-batman\/\" class=\"text-decoration-none d-block\">\r\n <div class=\"image-wrapper\">\r\n <div class=\"image-caption\">Guide de lecture Batman<\/div>\r\n <div class=\"image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/06\/BatmanPluie.gif\" alt=\"Batman\">\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1c5f6f80 e-flex e-con-boxed e-con e-parent\" data-id=\"1c5f6f80\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5e705f69 e-con-full e-flex e-con e-child\" data-id=\"5e705f69\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4700f590 elementor-widget elementor-widget-image\" data-id=\"4700f590\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/editionlimiteevichy.com\/\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"150\" src=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/06\/logotype-edition-limitee-noir-300x150.png\" class=\"attachment-medium size-medium wp-image-2636\" alt=\"\" srcset=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/06\/logotype-edition-limitee-noir-300x150.png 300w, https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/06\/logotype-edition-limitee-noir-1024x512.png 1024w, https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/06\/logotype-edition-limitee-noir-768x384.png 768w, https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/06\/logotype-edition-limitee-noir.png 1182w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fb8b687 elementor-shape-rounded elementor-grid-0 e-grid-align-center elementor-widget elementor-widget-social-icons\" data-id=\"fb8b687\" data-element_type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\" role=\"list\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-repeater-item-c8e86c2\" href=\"https:\/\/www.facebook.com\/p\/BD-Fugue-Vichy-61551056007550\/?locale=fr_FR\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Facebook<\/span>\n\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fab-facebook\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-eae05d6\" href=\"https:\/\/www.instagram.com\/bdfugue_vichy\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fab-instagram\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-envelope elementor-repeater-item-d72639e\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Envelope<\/span>\n\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fas-envelope\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Navbar responsive sans Bootstrap \u2630 BD Aquilon Comics Star Wars Batman Manga Edition Limitee Port\u00e9e par la passion de Julien Brisse, grand amateur de bande dessin\u00e9e, de manga et de comics, la librairie vous propose une s\u00e9lection exigeante d\u2019ouvrages allant des classiques incontournables aux \u00e9ditions les plus rares. Situ\u00e9e \u00e0 Vichy, elle est un v\u00e9ritable […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"folder":[10],"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/editionlimiteevichy.com\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/editionlimiteevichy.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/editionlimiteevichy.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/editionlimiteevichy.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/editionlimiteevichy.com\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":122,"href":"https:\/\/editionlimiteevichy.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":4675,"href":"https:\/\/editionlimiteevichy.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/4675"}],"wp:attachment":[{"href":"https:\/\/editionlimiteevichy.com\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/editionlimiteevichy.com\/index.php\/wp-json\/wp\/v2\/folder?post=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Navbar responsive sans Bootstrap<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n <style>\r\n body {\r\n font-family: 'Cinzel', sans-serif;\r\n margin: 0;\r\n background: #fff;\r\n }\r\n\r\n nav {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 10px 20px;\r\n position: relative;\r\n z-index: 999;\r\n }\r\n\r\n .logo img {\r\n max-width: 180px;\r\n height: auto;\r\n margin-left: 25%;\r\n }\r\n\r\n .menu-toggle {\r\n display: none;\r\n font-size: 2.5rem;\r\n cursor: pointer;\r\n user-select: none;\r\n }\r\n\r\n ul.menu {\r\n list-style: none;\r\n display: flex;\r\n gap: 25px;\r\n margin: 0 25% 0 0;\r\n padding: 0;\r\n }\r\n\r\n ul.menu li {\r\n position: relative;\r\n }\r\n\r\n ul.menu > li > a {\r\n text-decoration: none;\r\n color: #151515;\r\n font-size: 2.2vh;\r\n padding: 8px 12px;\r\n display: block;\r\n user-select: none;\r\n white-space: nowrap;\r\n }\r\n\r\n ul.menu > li:first-child > a,\r\n ul.menu > li:nth-child(2) > a,\r\n ul.menu > li:nth-child(3) > a {\r\n font-size: 4vh;\r\n }\r\n\r\n ul.menu > li > a:hover {\r\n background: #D4AF37;\r\n color: #fff;\r\n border-radius: 4px;\r\n }\r\n\r\n ul.submenu {\r\n display: none;\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n min-width: 180px;\r\n background: #151515;\r\n list-style: none;\r\n padding: 5px 0;\r\n border-radius: 4px;\r\n z-index: 1000;\r\n }\r\n\r\n ul.submenu li a {\r\n color: #fff;\r\n padding: 10px 15px;\r\n text-decoration: none;\r\n display: block;\r\n font-size: 2.2vh;\r\n white-space: nowrap;\r\n }\r\n\r\n ul.submenu li a:hover {\r\n background: #D4AF37;\r\n color: #fff;\r\n }\r\n\r\n li.has-submenu > a::after {\r\n content: ' \u25bc';\r\n font-size: 0.6em;\r\n user-select: none;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n ul.menu > li:hover > ul.submenu {\r\n display: block;\r\n }\r\n .menu-toggle {\r\n display: none;\r\n }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n nav {\r\n flex-wrap: nowrap;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 10px 15px;\r\n }\r\n\r\n .logo img {\r\n width: 150px;\r\n margin: 0;\r\n }\r\n\r\n .menu-toggle {\r\n display: block;\r\n font-size: 2rem;\r\n margin-left: auto;\r\n user-select: none;\r\n }\r\n\r\n ul.menu {\r\n flex-direction: column;\r\n width: 100%;\r\n display: none;\r\n margin: 10px 0 0;\r\n gap: 0;\r\n overflow: hidden;\r\n }\r\n\r\n ul.menu.show {\r\n display: flex;\r\n }\r\n\r\n ul.menu > li {\r\n width: 100%;\r\n }\r\n\r\n ul.menu > li > a {\r\n padding: 12px 15px;\r\n border-bottom: 1px solid #ccc;\r\n }\r\n\r\n ul.submenu {\r\n position: static;\r\n background: transparent;\r\n padding: 0;\r\n box-shadow: none;\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.3s ease-in-out;\r\n }\r\n\r\n ul.submenu.show {\r\n max-height: 500px; \/* assez grand pour le contenu *\/\r\n display: block;\r\n }\r\n\r\n ul.submenu li a {\r\n padding-left: 30px;\r\n border-bottom: 1px solid #444;\r\n background: #111;\r\n color: #fff;\r\n }\r\n\r\n li.has-submenu > a::after {\r\n float: right;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<nav role=\"navigation\" aria-label=\"Menu principal\">\r\n <div class=\"logo\">\r\n <a href=\"https:\/\/editionlimiteevichy.com\/\">\r\n <img decoding=\"async\" src=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/06\/logotype-edition-limitee-noir.png\" alt=\"Logo Librairie\" \/>\r\n <\/a>\r\n <\/div>\r\n\r\n <div id=\"menuToggle\" class=\"menu-toggle\" aria-label=\"Ouvrir le menu\">\u2630<\/div>\r\n\r\n <ul class=\"menu\" id=\"menu\">\r\n <li class=\"has-submenu\">\r\n <a href=\"#\" class=\"submenu-toggle\">BD<\/a>\r\n <ul class=\"submenu\">\r\n <li><a href=\"https:\/\/editionlimiteevichy.com\/index.php\/bienvenue-a-aquilon\/\">Aquilon<\/a><\/li>\r\n <\/ul>\r\n <\/li>\r\n <li class=\"has-submenu\">\r\n <a href=\"#\" class=\"submenu-toggle\">Comics<\/a>\r\n <ul class=\"submenu\">\r\n <li><a href=\"https:\/\/editionlimiteevichy.com\/index.php\/guide-star-wars\/\">Star Wars<\/a><\/li>\r\n <li><a href=\"https:\/\/editionlimiteevichy.com\/index.php\/editionlimitee-accueil\/guide-batman\/\">Batman<\/a><\/li>\r\n <\/ul>\r\n <\/li>\r\n <li>\r\n <a href=\"https:\/\/editionlimiteevichy.com\/index.php\/page-a-venir\/\">Manga<\/a>\r\n <\/li>\r\n <\/ul>\r\n<\/nav>\r\n\r\n<script>\r\n const menuToggle = document.getElementById('menuToggle');\r\n const menu = document.getElementById('menu');\r\n\r\n \/\/ Toggle menu burger\r\n menuToggle.addEventListener('click', () => {\r\n menu.classList.toggle('show');\r\n });\r\n\r\n \/\/ Toggle sous-menus mobiles\r\n document.querySelectorAll('.submenu-toggle').forEach(toggle => {\r\n toggle.addEventListener('click', e => {\r\n const submenu = toggle.nextElementSibling;\r\n if (window.innerWidth < 768 && submenu) {\r\n e.preventDefault();\r\n submenu.classList.toggle('show');\r\n }\r\n });\r\n });\r\n\r\n \/\/ Fermer le menu mobile quand on clique sur un lien (hors sous-menus toggles)\r\n document.querySelectorAll('.menu a:not(.submenu-toggle)').forEach(link => {\r\n link.addEventListener('click', () => {\r\n if (window.innerWidth < 768) {\r\n menu.classList.remove('show');\r\n document.querySelectorAll('.submenu').forEach(sub => sub.classList.remove('show'));\r\n }\r\n });\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-444a56b e-con-full e-flex elementor-invisible e-con e-parent\" data-id=\"444a56b\" data-element_type=\"container\" data-settings=\"{"background_background":"slideshow","background_slideshow_gallery":[{"id":3399,"url":"https:\\\/\\\/editionlimiteevichy.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/istockphoto-854608904-612x612-1.jpg"}],"animation":"fadeIn","background_slideshow_loop":"yes","background_slideshow_slide_duration":5000,"background_slideshow_slide_transition":"fade","background_slideshow_transition_duration":500}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d05138a elementor-widget elementor-widget-html\" data-id=\"d05138a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Beau+Rivage&display=swap\" rel=\"stylesheet\">\r\n\r\n\r\n<div class=\"golden-gradient-text\">Edition Limitee<\/div>\r\n\r\n<style>\r\n.golden-gradient-text {\r\n font-family: 'Beau Rivage', Sans-Serif;\r\n font-size: 5rem;\r\n font-weight: bold;\r\n text-align: center;\r\n margin: 20px auto;\r\n display: inline-block;\r\n background: linear-gradient(\r\n 90deg,\r\n #1c1c1e,\r\n #2e2e2e,\r\n #f5f5f5,\r\n #888888,\r\n #444444\r\n \r\n );\r\n background-size: 300% 100%;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n animation: goldenMove 5s linear infinite;\r\n}\r\n\r\n@keyframes goldenMove {\r\n 0% {\r\n background-position: 0% 50%;\r\n }\r\n 50% {\r\n background-position: 100% 50%;\r\n }\r\n 100% {\r\n background-position: 0% 50%;\r\n }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-16d3dfb e-con-full e-flex e-con e-parent\" data-id=\"16d3dfb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b59d6d elementor-widget elementor-widget-spacer\" data-id=\"3b59d6d\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f31a76e e-con-full e-flex e-con e-child\" data-id=\"f31a76e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-239b203 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"239b203\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"167\" data-end=\"494\">Port\u00e9e par la passion de Julien Brisse, grand amateur de bande dessin\u00e9e, de manga et de comics, la librairie vous propose une s\u00e9lection exigeante d\u2019ouvrages allant des classiques incontournables aux \u00e9ditions les plus rares. Situ\u00e9e \u00e0 Vichy, elle est un v\u00e9ritable lieu de rendez-vous pour les passionn\u00e9s d\u2019univers graphiques.<\/p><p data-start=\"496\" data-end=\"987\">Ce site vous permettra de prolonger l\u2019exp\u00e9rience au-del\u00e0 des rayons de la boutique. Il met en lumi\u00e8re les multiples facettes de la bande dessin\u00e9e : science-fiction, fantastique, r\u00e9cits historiques ou super-h\u00e9ro\u00efques. L\u2019objectif est clair : vous guider dans ces mondes parfois complexes, vous orienter dans vos lectures, vous aider \u00e0 savoir par o\u00f9 commencer ou dans quel ordre d\u00e9couvrir les \u0153uvres… et surtout, vous faire rencontrer des r\u00e9cits qui valent vraiment le d\u00e9tour !<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-81242d3 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-image\" data-id=\"81242d3\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"203\" height=\"300\" src=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/JulienBrisse-1-203x300.png\" class=\"elementor-animation-bounce-in attachment-medium size-medium wp-image-3410\" alt=\"\" srcset=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/JulienBrisse-1-203x300.png 203w, https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/JulienBrisse-1.png 489w\" sizes=\"(max-width: 203px) 100vw, 203px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Julien Brisse<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-96c8d56 e-flex e-con-boxed e-con e-parent\" data-id=\"96c8d56\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2381ece elementor-widget elementor-widget-html\" data-id=\"2381ece\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"dropping-container\">\r\n <h1 class=\"main-title\">D\u00e9couvrez nos univers !<\/h1>\r\n <div class=\"dropping-texts\">\r\n <div>BD<\/div>\r\n <div>Mangas<\/div>\r\n <div>Comics<\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css?family=Montserrat:300,400,700');\r\n\r\n.dropping-container {\r\n flex-direction: column;\r\n font-family: Montserrat, Sans-Serif;\r\n}\r\n\r\n.main-title {\r\n color: #ffffff;\r\n font-size: 3rem;\r\n z-index: 1;\r\n}\r\n\r\n.dropping-texts \r\n{\r\n font-size: 1.5rem;\r\n height: 100vm;\r\n text-align: center;\r\n width: 100%;\r\n height: 3rem; \/*donne une hauteur pour pas que le container bouge*\/\r\n}\r\n\r\n.dropping-texts > div {\r\n font-size: 0px;\r\n opacity: 0;\r\n font-weight: 300;\r\n color: #d8b65d;\r\n text-shadow: 0 0 5px #d8b65d, 0 0 10px #d8b65d33, 0 0 15px #d8b65d55;\r\n\r\n}\r\n\r\n.dropping-texts > div:nth-child(1) {\r\n animation: roll 5s linear infinite 0s;\r\n}\r\n.dropping-texts > div:nth-child(2) {\r\n animation: roll 5s linear infinite 1s;\r\n}\r\n.dropping-texts > div:nth-child(3) {\r\n animation: roll 5s linear infinite 2s;\r\n}\r\n\r\n\/* ANIMATIONS *\/\r\n@keyframes roll {\r\n 0% {\r\n font-size: 0px;\r\n opacity: 0;\r\n transform: translateY(0) rotate(-25deg);\r\n }\r\n 3% {\r\n opacity: 1;\r\n transform: rotate(0deg);\r\n }\r\n 5% {\r\n font-size: 2rem;\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n 20% {\r\n font-size: 2rem;\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n 27% {\r\n font-size: 0px;\r\n opacity: 0.5;\r\n transform: translateY(50px);\r\n }\r\n 100% {\r\n font-size: 0px;\r\n opacity: 0;\r\n transform: translateY(0) rotate(15deg);\r\n }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6c99d8d e-flex e-con-boxed e-con e-parent\" data-id=\"6c99d8d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-05b4693 elementor-widget elementor-widget-html\" data-id=\"05b4693\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n .image-wrapper {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 100%;\r\n gap: 0.5rem;\r\n position: relative;\r\n font-family: 'Montserrat', sans-serif;\r\n }\r\n\r\n .image-caption {\r\n writing-mode: vertical-rl;\r\n transform: rotate(180deg);\r\n font-size: 1rem;\r\n background: rgba(0, 0, 0, 0.85);\r\n color: white;\r\n padding: 8px;\r\n border-radius: 6px;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n pointer-events: none;\r\n z-index: 2;\r\n position: absolute;\r\n left: 8px;\r\n top: 50%;\r\n transform: translateY(-50%) rotate(180deg);\r\n }\r\n\r\n .image-wrapper:hover .image-caption {\r\n opacity: 1;\r\n }\r\n\r\n .image-container {\r\n border-radius: 12px;\r\n border: 4px solid #D8B65D;\r\n width: 100%;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n .image-container img {\r\n width: 100%;\r\n height: auto;\r\n object-fit: cover;\r\n opacity: 0.5;\r\n transition: transform 0.4s ease, opacity 0.4s ease;\r\n display: block;\r\n }\r\n\r\n .image-container:hover img {\r\n transform: scale(1.05);\r\n opacity: 1;\r\n }\r\n\r\n \/* Mobile adjustments *\/\r\n @media (max-width: 768px) {\r\n .image-wrapper {\r\n flex-direction: column;\r\n align-items: stretch;\r\n gap: 0;\r\n }\r\n\r\n .image-caption {\r\n writing-mode: horizontal-tb;\r\n transform: none;\r\n font-size: 0.9rem;\r\n padding: 6px 10px;\r\n position: absolute;\r\n top: 10px;\r\n left: 10px;\r\n opacity: 1;\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"container-fluid px-3 py-4\">\r\n <div class=\"row g-4 align-items-stretch\">\r\n\r\n \r\n <div class=\"col-12 col-md-4\">\r\n <a href=\"https:\/\/editionlimiteevichy.com\/index.php\/guide-star-wars\/\" class=\"text-decoration-none d-block\">\r\n <div class=\"image-wrapper\">\r\n <div class=\"image-caption\">Guide de lecture Star Wars<\/div>\r\n <div class=\"image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/06\/DarkVador.gif\" alt=\"Star Wars\">\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"col-12 col-md-4\">\r\n <a href=\"https:\/\/editionlimiteevichy.com\/index.php\/bienvenue-a-aquilon\/\" class=\"text-decoration-none d-block\">\r\n <div class=\"image-wrapper\">\r\n <div class=\"image-caption\">L'univers d'Aquilon<\/div>\r\n <div class=\"image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/06\/elfesrougesfond.gif\" alt=\"Aquilon\">\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"col-12 col-md-4\">\r\n <a href=\"https:\/\/editionlimiteevichy.com\/index.php\/editionlimitee-accueil\/guide-batman\/\" class=\"text-decoration-none d-block\">\r\n <div class=\"image-wrapper\">\r\n <div class=\"image-caption\">Guide de lecture Batman<\/div>\r\n <div class=\"image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/06\/BatmanPluie.gif\" alt=\"Batman\">\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1c5f6f80 e-flex e-con-boxed e-con e-parent\" data-id=\"1c5f6f80\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5e705f69 e-con-full e-flex e-con e-child\" data-id=\"5e705f69\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4700f590 elementor-widget elementor-widget-image\" data-id=\"4700f590\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/editionlimiteevichy.com\/\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"150\" src=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/06\/logotype-edition-limitee-noir-300x150.png\" class=\"attachment-medium size-medium wp-image-2636\" alt=\"\" srcset=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/06\/logotype-edition-limitee-noir-300x150.png 300w, https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/06\/logotype-edition-limitee-noir-1024x512.png 1024w, https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/06\/logotype-edition-limitee-noir-768x384.png 768w, https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/06\/logotype-edition-limitee-noir.png 1182w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fb8b687 elementor-shape-rounded elementor-grid-0 e-grid-align-center elementor-widget elementor-widget-social-icons\" data-id=\"fb8b687\" data-element_type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\" role=\"list\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-repeater-item-c8e86c2\" href=\"https:\/\/www.facebook.com\/p\/BD-Fugue-Vichy-61551056007550\/?locale=fr_FR\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Facebook<\/span>\n\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fab-facebook\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-eae05d6\" href=\"https:\/\/www.instagram.com\/bdfugue_vichy\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fab-instagram\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-envelope elementor-repeater-item-d72639e\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Envelope<\/span>\n\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fas-envelope\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Navbar responsive sans Bootstrap \u2630 BD Aquilon Comics Star Wars Batman Manga Edition Limitee Port\u00e9e par la passion de Julien Brisse, grand amateur de bande dessin\u00e9e, de manga et de comics, la librairie vous propose une s\u00e9lection exigeante d\u2019ouvrages allant des classiques incontournables aux \u00e9ditions les plus rares. Situ\u00e9e \u00e0 Vichy, elle est un v\u00e9ritable […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"folder":[10],"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/editionlimiteevichy.com\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/editionlimiteevichy.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/editionlimiteevichy.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/editionlimiteevichy.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/editionlimiteevichy.com\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":122,"href":"https:\/\/editionlimiteevichy.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":4675,"href":"https:\/\/editionlimiteevichy.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/4675"}],"wp:attachment":[{"href":"https:\/\/editionlimiteevichy.com\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/editionlimiteevichy.com\/index.php\/wp-json\/wp\/v2\/folder?post=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}