Navbar responsive sans Bootstrap<\/title>\r\n\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n body {\r\n font-family: Cinzel, sans-serif;\r\n background: #ffffff;\r\n margin: 0;\r\n }\r\n\r\n nav {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n background: transparent;\r\n z-index: 999;\r\n padding: 10px 20px;\r\n }\r\n\r\n .logo img {\r\n width: 50%;\r\n margin-left: 25%;\r\n height: auto;\r\n }\r\n\r\n .menu-toggle {\r\n display: none;\r\n cursor: pointer;\r\n font-size: 2.5rem;\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 z-index: 999;\r\n margin-right: 25%;\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 font-size: 2.2vh;\r\n text-decoration: none;\r\n color: #1d1d1b;\r\n padding: 8px 12px;\r\n display: block;\r\n cursor: pointer;\r\n user-select: none;\r\n white-space: nowrap;\r\n }\r\n\r\n ul.menu > li > a:hover {\r\n background: #d8b65d;\r\n color: #ffffff;\r\n border-radius: 4px;\r\n }\r\n\r\n ul.submenu {\r\n background-color: #151515;\r\n border-radius: 4px;\r\n padding: 5px 0;\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n min-width: 180px;\r\n list-style: none;\r\n display: none;\r\n z-index: 9999;\r\n }\r\n\r\n ul.submenu li a {\r\n color: #ffffff;\r\n padding: 10px 15px;\r\n text-decoration: none;\r\n display: block;\r\n white-space: nowrap;\r\n }\r\n\r\n ul.submenu li a:hover {\r\n background: #d8b65d;\r\n color: #ffffff;\r\n border-radius: 4px;\r\n }\r\n\r\n li.has-submenu > a::after {\r\n content: ' \u25bc';\r\n font-size: 0.6em;\r\n }\r\n\r\n ul.menu > li:hover > ul.submenu {\r\n display: block;\r\n }\r\n\r\n @media (max-width: 767px) {\r\n nav {\r\n flex-wrap: wrap;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n padding: 10px 15px;\r\n }\r\n\r\n .logo img {\r\n width: 50%;\r\n margin-left: 0;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .menu-toggle {\r\n display: block;\r\n text-align: center;\r\n width: 100%;\r\n }\r\n\r\n ul.menu {\r\n flex-direction: column;\r\n width: 100%;\r\n margin: 0;\r\n gap: 0;\r\n overflow: hidden;\r\n max-height: 0;\r\n transition: max-height 0.3s ease-in-out;\r\n }\r\n\r\n ul.menu.show {\r\n max-height: 1000px;\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 display: none;\r\n background-color: transparent;\r\n padding-left: 15px;\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 display: block;\r\n max-height: 1000px;\r\n }\r\n\r\n ul.submenu li a {\r\n padding-left: 30px;\r\n border-bottom: 1px solid #444;\r\n color: #151515;\r\n }\r\n\r\n ul.menu > li:hover > ul.submenu {\r\n display: none;\r\n }\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 <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<nav>\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\">\u2630<\/div>\r\n\r\n <ul class=\"menu\" id=\"menu\">\r\n <li class=\"has-submenu\">\r\n <a href=\"#\">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=\"#\">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 menuToggle.addEventListener('click', () => {\r\n menu.classList.toggle('show');\r\n });\r\n\r\n document.querySelectorAll('.has-submenu > a').forEach(toggle => {\r\n toggle.addEventListener('click', e => {\r\n const submenu = toggle.nextElementSibling;\r\n if (window.innerWidth <= 767 && submenu) {\r\n e.preventDefault();\r\n submenu.classList.toggle('show');\r\n }\r\n });\r\n });\r\n\r\n document.querySelectorAll('.menu a').forEach(link => {\r\n link.addEventListener('click', () => {\r\n if (window.innerWidth <= 767) {\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-84a1105 e-flex e-con-boxed e-con e-parent\" data-id=\"84a1105\" 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-f1f4602 elementor-widget elementor-widget-spacer\" data-id=\"f1f4602\" 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\t\t<div class=\"elementor-element elementor-element-8cff164 elementor-widget elementor-widget-html\" data-id=\"8cff164\" 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<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n <style>\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n background: radial-gradient(ellipse at center, #1a1a1a 0%, #000000 100%);\r\n font-family: 'Segoe UI', sans-serif;\r\n color: #fff;\r\n height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n overflow: hidden;\r\n }\r\n\r\n .speech-bubble {\r\n position: absolute;\r\n background: #fff;\r\n color: #000;\r\n padding: 12px 20px;\r\n border-radius: 30px;\r\n font-size: 1.2rem;\r\n font-weight: bold;\r\n white-space: nowrap;\r\n box-shadow: 0 0 15px rgba(255, 255, 255, 0.3);\r\n opacity: 0;\r\n animation: popInOut 6s infinite ease-in-out;\r\n }\r\n\r\n .speech-bubble::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -12px;\r\n left: 30px;\r\n width: 0;\r\n height: 0;\r\n border: 10px solid transparent;\r\n border-top-color: #fff;\r\n }\r\n\r\n .bubble1 { animation-delay: 0s; top: 20%; left: 50%; transform: translateX(-50%); }\r\n .bubble2 { animation-delay: 2s; top: 30%; left: 60%; transform: translateX(-50%); }\r\n .bubble3 { animation-delay: 4s; top: 25%; left: 40%; transform: translateX(-50%); }\r\n\r\n @keyframes popInOut {\r\n 0%, 20% { opacity: 0; transform: scale(0.8); }\r\n 30%, 50% { opacity: 1; transform: scale(1); }\r\n 60%, 100% { opacity: 0; transform: scale(0.8); }\r\n }\r\n\r\n h1 {\r\n position: absolute;\r\n bottom: 80px;\r\n font-size: 2rem;\r\n color: #ffd700;\r\n text-shadow: 0 0 10px #ffcc00;\r\n animation: fadeIn 2s ease-in-out;\r\n }\r\n\r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n footer {\r\n position: absolute;\r\n bottom: 20px;\r\n font-size: 0.9rem;\r\n color: #666;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"speech-bubble bubble1\">BD<\/div>\r\n <div class=\"speech-bubble bubble2\">Comics<\/div>\r\n <div class=\"speech-bubble bubble3\">Manga<\/div>\r\n\r\n <h1>Page \u00e0 venir...<\/h1>\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 class=\"elementor-element elementor-element-f5662b9 elementor-widget elementor-widget-spacer\" data-id=\"f5662b9\" 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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4782058d e-flex e-con-boxed e-con e-parent\" data-id=\"4782058d\" 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-406851d e-con-full e-flex e-con e-child\" data-id=\"406851d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-590fc660 elementor-widget elementor-widget-image\" data-id=\"590fc660\" 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<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\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-617f5784 elementor-shape-rounded elementor-grid-0 e-grid-align-center elementor-widget elementor-widget-social-icons\" data-id=\"617f5784\" 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 BD Comics Manga Page \u00e0 venir… Facebook Instagram Envelope<\/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-2688","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/editionlimiteevichy.com\/index.php\/wp-json\/wp\/v2\/pages\/2688","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=2688"}],"version-history":[{"count":25,"href":"https:\/\/editionlimiteevichy.com\/index.php\/wp-json\/wp\/v2\/pages\/2688\/revisions"}],"predecessor-version":[{"id":4624,"href":"https:\/\/editionlimiteevichy.com\/index.php\/wp-json\/wp\/v2\/pages\/2688\/revisions\/4624"}],"wp:attachment":[{"href":"https:\/\/editionlimiteevichy.com\/index.php\/wp-json\/wp\/v2\/media?parent=2688"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/editionlimiteevichy.com\/index.php\/wp-json\/wp\/v2\/folder?post=2688"}],"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\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n body {\r\n font-family: Cinzel, sans-serif;\r\n background: #ffffff;\r\n margin: 0;\r\n }\r\n\r\n nav {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n background: transparent;\r\n z-index: 999;\r\n padding: 10px 20px;\r\n }\r\n\r\n .logo img {\r\n width: 50%;\r\n margin-left: 25%;\r\n height: auto;\r\n }\r\n\r\n .menu-toggle {\r\n display: none;\r\n cursor: pointer;\r\n font-size: 2.5rem;\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 z-index: 999;\r\n margin-right: 25%;\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 font-size: 2.2vh;\r\n text-decoration: none;\r\n color: #1d1d1b;\r\n padding: 8px 12px;\r\n display: block;\r\n cursor: pointer;\r\n user-select: none;\r\n white-space: nowrap;\r\n }\r\n\r\n ul.menu > li > a:hover {\r\n background: #d8b65d;\r\n color: #ffffff;\r\n border-radius: 4px;\r\n }\r\n\r\n ul.submenu {\r\n background-color: #151515;\r\n border-radius: 4px;\r\n padding: 5px 0;\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n min-width: 180px;\r\n list-style: none;\r\n display: none;\r\n z-index: 9999;\r\n }\r\n\r\n ul.submenu li a {\r\n color: #ffffff;\r\n padding: 10px 15px;\r\n text-decoration: none;\r\n display: block;\r\n white-space: nowrap;\r\n }\r\n\r\n ul.submenu li a:hover {\r\n background: #d8b65d;\r\n color: #ffffff;\r\n border-radius: 4px;\r\n }\r\n\r\n li.has-submenu > a::after {\r\n content: ' \u25bc';\r\n font-size: 0.6em;\r\n }\r\n\r\n ul.menu > li:hover > ul.submenu {\r\n display: block;\r\n }\r\n\r\n @media (max-width: 767px) {\r\n nav {\r\n flex-wrap: wrap;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n padding: 10px 15px;\r\n }\r\n\r\n .logo img {\r\n width: 50%;\r\n margin-left: 0;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .menu-toggle {\r\n display: block;\r\n text-align: center;\r\n width: 100%;\r\n }\r\n\r\n ul.menu {\r\n flex-direction: column;\r\n width: 100%;\r\n margin: 0;\r\n gap: 0;\r\n overflow: hidden;\r\n max-height: 0;\r\n transition: max-height 0.3s ease-in-out;\r\n }\r\n\r\n ul.menu.show {\r\n max-height: 1000px;\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 display: none;\r\n background-color: transparent;\r\n padding-left: 15px;\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 display: block;\r\n max-height: 1000px;\r\n }\r\n\r\n ul.submenu li a {\r\n padding-left: 30px;\r\n border-bottom: 1px solid #444;\r\n color: #151515;\r\n }\r\n\r\n ul.menu > li:hover > ul.submenu {\r\n display: none;\r\n }\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 <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<nav>\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\">\u2630<\/div>\r\n\r\n <ul class=\"menu\" id=\"menu\">\r\n <li class=\"has-submenu\">\r\n <a href=\"#\">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=\"#\">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 menuToggle.addEventListener('click', () => {\r\n menu.classList.toggle('show');\r\n });\r\n\r\n document.querySelectorAll('.has-submenu > a').forEach(toggle => {\r\n toggle.addEventListener('click', e => {\r\n const submenu = toggle.nextElementSibling;\r\n if (window.innerWidth <= 767 && submenu) {\r\n e.preventDefault();\r\n submenu.classList.toggle('show');\r\n }\r\n });\r\n });\r\n\r\n document.querySelectorAll('.menu a').forEach(link => {\r\n link.addEventListener('click', () => {\r\n if (window.innerWidth <= 767) {\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-84a1105 e-flex e-con-boxed e-con e-parent\" data-id=\"84a1105\" 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-f1f4602 elementor-widget elementor-widget-spacer\" data-id=\"f1f4602\" 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\t\t<div class=\"elementor-element elementor-element-8cff164 elementor-widget elementor-widget-html\" data-id=\"8cff164\" 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<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n <style>\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n background: radial-gradient(ellipse at center, #1a1a1a 0%, #000000 100%);\r\n font-family: 'Segoe UI', sans-serif;\r\n color: #fff;\r\n height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n overflow: hidden;\r\n }\r\n\r\n .speech-bubble {\r\n position: absolute;\r\n background: #fff;\r\n color: #000;\r\n padding: 12px 20px;\r\n border-radius: 30px;\r\n font-size: 1.2rem;\r\n font-weight: bold;\r\n white-space: nowrap;\r\n box-shadow: 0 0 15px rgba(255, 255, 255, 0.3);\r\n opacity: 0;\r\n animation: popInOut 6s infinite ease-in-out;\r\n }\r\n\r\n .speech-bubble::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -12px;\r\n left: 30px;\r\n width: 0;\r\n height: 0;\r\n border: 10px solid transparent;\r\n border-top-color: #fff;\r\n }\r\n\r\n .bubble1 { animation-delay: 0s; top: 20%; left: 50%; transform: translateX(-50%); }\r\n .bubble2 { animation-delay: 2s; top: 30%; left: 60%; transform: translateX(-50%); }\r\n .bubble3 { animation-delay: 4s; top: 25%; left: 40%; transform: translateX(-50%); }\r\n\r\n @keyframes popInOut {\r\n 0%, 20% { opacity: 0; transform: scale(0.8); }\r\n 30%, 50% { opacity: 1; transform: scale(1); }\r\n 60%, 100% { opacity: 0; transform: scale(0.8); }\r\n }\r\n\r\n h1 {\r\n position: absolute;\r\n bottom: 80px;\r\n font-size: 2rem;\r\n color: #ffd700;\r\n text-shadow: 0 0 10px #ffcc00;\r\n animation: fadeIn 2s ease-in-out;\r\n }\r\n\r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n footer {\r\n position: absolute;\r\n bottom: 20px;\r\n font-size: 0.9rem;\r\n color: #666;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"speech-bubble bubble1\">BD<\/div>\r\n <div class=\"speech-bubble bubble2\">Comics<\/div>\r\n <div class=\"speech-bubble bubble3\">Manga<\/div>\r\n\r\n <h1>Page \u00e0 venir...<\/h1>\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 class=\"elementor-element elementor-element-f5662b9 elementor-widget elementor-widget-spacer\" data-id=\"f5662b9\" 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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4782058d e-flex e-con-boxed e-con e-parent\" data-id=\"4782058d\" 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-406851d e-con-full e-flex e-con e-child\" data-id=\"406851d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-590fc660 elementor-widget elementor-widget-image\" data-id=\"590fc660\" 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<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\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-617f5784 elementor-shape-rounded elementor-grid-0 e-grid-align-center elementor-widget elementor-widget-social-icons\" data-id=\"617f5784\" 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 BD Comics Manga Page \u00e0 venir… Facebook Instagram Envelope<\/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-2688","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/editionlimiteevichy.com\/index.php\/wp-json\/wp\/v2\/pages\/2688","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=2688"}],"version-history":[{"count":25,"href":"https:\/\/editionlimiteevichy.com\/index.php\/wp-json\/wp\/v2\/pages\/2688\/revisions"}],"predecessor-version":[{"id":4624,"href":"https:\/\/editionlimiteevichy.com\/index.php\/wp-json\/wp\/v2\/pages\/2688\/revisions\/4624"}],"wp:attachment":[{"href":"https:\/\/editionlimiteevichy.com\/index.php\/wp-json\/wp\/v2\/media?parent=2688"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/editionlimiteevichy.com\/index.php\/wp-json\/wp\/v2\/folder?post=2688"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}