{"id":3423,"date":"2025-07-15T20:31:47","date_gmt":"2025-07-15T18:31:47","guid":{"rendered":"https:\/\/editionlimiteevichy.com\/?page_id=3423"},"modified":"2025-07-20T12:23:09","modified_gmt":"2025-07-20T10:23:09","slug":"ogon","status":"publish","type":"page","link":"https:\/\/editionlimiteevichy.com\/index.php\/ogon\/","title":{"rendered":"Ogon"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Navbar 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 }\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 }\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 ul.submenu2 {\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.submenu2 {\r\n top: 0;\r\n left: 100%;\r\n }\r\n\r\n ul.submenu li a,\r\n ul.submenu2 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 }\r\n\r\n ul.submenu li a:hover,\r\n ul.submenu2 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 }\r\n\r\n ul.submenu li.has-submenu > a::after {\r\n content: ' \u25b6';\r\n float: right;\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\r\n ul.submenu li:hover > ul.submenu2 {\r\n display: block;\r\n }\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 }\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 }\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 ul.submenu2 {\r\n position: static;\r\n background: transparent;\r\n padding: 0;\r\n box-shadow: none;\r\n }\r\n\r\n ul.submenu li a,\r\n ul.submenu2 li a {\r\n padding-left: 30px;\r\n border-bottom: 1px solid #444;\r\n background: #111;\r\n }\r\n\r\n ul.submenu.show,\r\n ul.submenu2.show {\r\n display: block;\r\n }\r\n\r\n li.has-submenu > a::after {\r\n float: right;\r\n }\r\n}\r\n\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\/index.php\/bienvenue-a-aquilon\/\">\r\n <img decoding=\"async\" src=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/logotype-edition-limitee-noir-mondeDaquilon.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><a href=\"https:\/\/editionlimiteevichy.com\/index.php\/les-createurs\/\">Cr\u00e9ateurs<\/a><\/li>\r\n\r\n <li class=\"has-submenu\">\r\n <a href=\"https:\/\/editionlimiteevichy.com\/index.php\/le-monde-daquilion\/\" class=\"submenu-toggle\">Univers<\/a>\r\n <ul class=\"submenu\">\r\n <li><a href=\"https:\/\/editionlimiteevichy.com\/index.php\/arran\/\">Terres d\u2019Arran<\/a><\/li>\r\n <li><a href=\"https:\/\/editionlimiteevichy.com\/index.php\/ogon\/\">Terres d\u2019Ogon<\/a><\/li>\r\n <\/ul>\r\n <\/li>\r\n\r\n <li class=\"has-submenu\">\r\n <a href=\"https:\/\/editionlimiteevichy.com\/index.php\/les-races\/\" class=\"submenu-toggle\">Races<\/a>\r\n <ul class=\"submenu\">\r\n <li class=\"has-submenu\">\r\n <a href=\"https:\/\/editionlimiteevichy.com\/index.php\/les-elfes\/\" class=\"submenu-toggle\">Elfes<\/a>\r\n <ul class=\"submenu2\">\r\n <li><a href=\"https:\/\/editionlimiteevichy.com\/index.php\/les-elfes-bleus\/\">Elfes Bleus<\/a><\/li>\r\n <li><a href=\"https:\/\/editionlimiteevichy.com\/index.php\/les-elfes-blancs\/\">Elfes Blancs<\/a><\/li>\r\n <li><a href=\"https:\/\/editionlimiteevichy.com\/index.php\/les-elfes-noirs\/\">Elfes Noirs<\/a><\/li>\r\n <li><a href=\"https:\/\/editionlimiteevichy.com\/index.php\/les-elfes-rouges\/\">Elfes Rouges<\/a><\/li>\r\n <li><a href=\"https:\/\/editionlimiteevichy.com\/index.php\/les-elfes-sylvains\/\">Elfes Sylvains<\/a><\/li>\r\n <li><a href=\"https:\/\/editionlimiteevichy.com\/index.php\/les-semi-elfes\/\">Semi-Elfes<\/a><\/li>\r\n <\/ul>\r\n <\/li>\r\n\r\n <li class=\"has-submenu\">\r\n <a href=\"https:\/\/editionlimiteevichy.com\/index.php\/les-nains\/\" class=\"submenu-toggle\">Nains<\/a>\r\n <ul class=\"submenu2\">\r\n <li><a href=\"https:\/\/editionlimiteevichy.com\/index.php\/lordre-de-la-forge\/\">Ordre de la Forge<\/a><\/li>\r\n <li><a href=\"https:\/\/editionlimiteevichy.com\/index.php\/lodre-du-talion\/\">Ordre du Talion<\/a><\/li>\r\n <li><a href=\"https:\/\/editionlimiteevichy.com\/index.php\/lordre-des-errants\/\">Ordres des Errants<\/a><\/li>\r\n <li><a href=\"https:\/\/editionlimiteevichy.com\/index.php\/lordre-du-temple\/\">Ordre du Temple<\/a><\/li>\r\n <li><a href=\"https:\/\/editionlimiteevichy.com\/index.php\/lordre-du-bouclier\/\">Ordre du Bouclier<\/a><\/li>\r\n <\/ul>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"https:\/\/editionlimiteevichy.com\/index.php\/les-mages\/\r\n\" class=\"submenu-toggle\">Mages<\/a>\r\n <\/li>\r\n\r\n <li class=\"has-submenu\">\r\n <a href=\"https:\/\/editionlimiteevichy.com\/index.php\/les-orcsgobelins\/\" class=\"submenu-toggle\">Orcs & Gobelins<\/a>\r\n <ul class=\"submenu2\">\r\n <li><a href=\"https:\/\/editionlimiteevichy.com\/index.php\/orcs\/\">Orcs<\/a><\/li>\r\n <li><a href=\"https:\/\/editionlimiteevichy.com\/index.php\/gobelins\/\">Gobelins<\/a><\/li>\r\n <\/ul>\r\n <\/li>\r\n <\/ul>\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 \/\/ Mobile dropdown toggle\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 && (submenu.classList.contains('submenu') || submenu.classList.contains('submenu2'))) {\r\n e.preventDefault();\r\n submenu.classList.toggle('show');\r\n }\r\n });\r\n });\r\n\r\n \/\/ Fermer le menu mobile au clic d\u2019un lien (hors 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, .submenu2').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-df37747 e-con-full e-flex e-con e-parent\" data-id=\"df37747\" data-element_type=\"container\" data-settings=\"{"background_background":"slideshow","background_slideshow_gallery":[{"id":3460,"url":"https:\\\/\\\/editionlimiteevichy.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/bandeauOgon.png"}],"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-e523b48 elementor-widget elementor-widget-html\" data-id=\"e523b48\" 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=Cinzel:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"golden-gradient-text\">Les Terres d'Ogon<\/div>\r\n\r\n<style>\r\n.golden-gradient-text {\r\n font-family: Cinzel, Sans-Serif;\r\n font-size: 4rem;\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 #cca676,\r\n #2b1c14,\r\n #68453d,\r\n #b38646\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@media (max-width: 480px) {\r\n .golden-gradient-text {\r\n font-size: 3em;\r\n }\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 class=\"elementor-element elementor-element-4fdaf8e elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"4fdaf8e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Quatre grandes races se partagent les Terres d\u2019Arran. Chacune poss\u00e8de son propre destin, ses h\u00e9ros et ses conflits, d\u00e9voil\u00e9s \u00e0 travers des s\u00e9ries de BD \u00e9piques et interconnect\u00e9es.<\/h2>\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-c4a74ce e-con-full e-flex e-con e-parent\" data-id=\"c4a74ce\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6cc8500 elementor-widget elementor-widget-heading\" data-id=\"6cc8500\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Le continent de l'est <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-01e25c2 e-con-full e-flex e-con e-child\" data-id=\"01e25c2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b412cc elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"4b412cc\" 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=\"575\" data-end=\"1129\">A l’Est du monde d’Aquilon, les Terres d’Ogon sont s\u00e9par\u00e9s des Terres d’Arran par la<em> faille.<\/em> Le seul moyen de s’y rendre est de passer la douane au mur d\u2019Ar\u2019Theker , hautement gard\u00e9 par l’Ordre du Talion du peuple Nains. Ce continent forme un territoire extr\u00eamement vari\u00e9, compos\u00e9 de steppes, de savanes arides, de jungles luxuriantes, de montagnes enneig\u00e9es et de d\u00e9serts br\u00fblants. Des r\u00e9gions comme le Tangana offrent des paysages riches, entre rochers sacr\u00e9s et march\u00e9s anim\u00e9s, tandis que le Morongo est une cha\u00eene de montagnes abritant des communaut\u00e9s naines isol\u00e9es. Ses habitants, majoritairement des tribus \u00e0 la peau \u00e9b\u00e8ne, vivent dans le respect de traditions ancestrales et v\u00e9n\u00e8rent des dieux anciens, pratiquant une magie rituelle li\u00e9e aux esprits et \u00e0 la nature, diff\u00e9rente de celle des terres d\u2019Arran qui ne fonctionne pas de ce cot\u00e9 du monde.<\/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-7380c3f elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"7380c3f\" 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 fetchpriority=\"high\" decoding=\"async\" width=\"655\" height=\"598\" src=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/OgonPersonnage18.png\" class=\"attachment-large size-large wp-image-3859\" alt=\"\" srcset=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/OgonPersonnage18.png 655w, https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/OgonPersonnage18-300x274.png 300w\" sizes=\"(max-width: 655px) 100vw, 655px\" \/>\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>\n\t\t<div class=\"elementor-element elementor-element-2a462b5 e-con-full e-flex e-con e-child\" data-id=\"2a462b5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e0cf87e elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"e0cf87e\" 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=\"598\" height=\"219\" src=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/MurdArTheker.png\" class=\"attachment-medium_large size-medium_large wp-image-3855\" alt=\"\" srcset=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/MurdArTheker.png 598w, https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/MurdArTheker-300x110.png 300w\" sizes=\"(max-width: 598px) 100vw, 598px\" \/>\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>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-de322f9 e-con-full e-flex e-con e-parent\" data-id=\"de322f9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2aa1156 elementor-widget elementor-widget-heading\" data-id=\"2aa1156\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Les peuples d'Ogon<\/h2>\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-6e0a158 e-con-full e-flex e-con e-parent\" data-id=\"6e0a158\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b5de798 elementor-widget elementor-widget-html\" data-id=\"b5de798\" 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 id=\"ogon-widget\" class=\"ogon-container\">\r\n <!-- Carte pour chaque peuple -->\r\n <div class=\"ogon-card\" data-aos=\"fade-up\" style=\"background-image: url('https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/OgonPersonnage10.png');\">\r\n <div class=\"ogon-overlay\">\r\n <h3>Akala<\/h3>\r\n <p>Les Akala sont l\u2019un des peuples les plus redout\u00e9s des Terres d\u2019Ogon. Tribu nomade et guerri\u00e8re vivant dans la r\u00e9gion de Tangana, ils sont r\u00e9put\u00e9s pour leur extr\u00eame violence et leurs pratiques cannibales.Ils v\u00e9n\u00e8rent Asla-Oarag, la m\u00e8re des verts g\u00e9ants et vivent d'ailleurs comme ces derniers.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ogon-card\" data-aos=\"fade-up\" style=\"background-image: url('https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/OgonPersonnage07.png');\">\r\n <div class=\"ogon-overlay\">\r\n <h3>Les Togs<\/h3>\r\n <p>Les Tog sont des hommes-singes vivant dans les jungles profondes des Terres d\u2019Ogon. Sauvages, agiles et puissants, ils forment une soci\u00e9t\u00e9 tribale fortement hi\u00e9rarchis\u00e9e, marqu\u00e9e par la force physique et l\u2019instinct de survie. Leur culture est orale, animiste, et centr\u00e9e sur la v\u00e9n\u00e9ration des esprits de la jungle.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ogon-card\" data-aos=\"fade-up\" style=\"background-image: url('https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/OgonPersonnage11.png');\">\r\n <div class=\"ogon-overlay\">\r\n <h3>Wallakis<\/h3>\r\n <p>Les Wallakis, tribu guerri\u00e8re de Tangana, vivent de conflits, pillages et guerres tribales. Dirig\u00e9s par un roi et un sorcier souvent rivaux, ils pratiquent la magie noire et les rites sanglants. Fiers et impulsifs, ils incarnent la sauvagerie impr\u00e9visible des Terres d\u2019Ogon.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ogon-card\" data-aos=\"fade-up\" style=\"background-image: url('https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/OgonPersonnage08.png');\">\r\n <div class=\"ogon-overlay\">\r\n <h3>Les Kulus<\/h3>\r\n <p>Les Kulus, appel\u00e9s \"peuple des cornes\", vivent \u00e0 Kamina, au nord d\u2019Ogon. Inspir\u00e9s des Mursi d\u2019Afrique, ils forment une soci\u00e9t\u00e9 tribale valorisant la loyaut\u00e9 et le courage. Le port des cornes, obtenu par un rituel initiatique, symbolise leur bravoure et leur appartenance.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ogon-card\" data-aos=\"fade-up\" style=\"background-image: url('https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/OgonPersonnage06.png');\">\r\n <div class=\"ogon-overlay\">\r\n <h3>Zul Kassai<\/h3>\r\n <p> Les Zul Kassa\u00ef sont des guerriers mythiques, survivants du peuple disparu des Elfes Rouges. Surnomm\u00e9s les \u201cdieux rouges\u201d, ils surgissent comme des entit\u00e9s l\u00e9gendaires, porteurs de magie, de vengeance et de silence. Leur culture mystique incarne la puissance spirituelle d\u2019Ogon.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"ogon-card\" data-aos=\"fade-up\" style=\"background-image: url('https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/OgonPersonnage13.png');\">\r\n <div class=\"ogon-overlay\">\r\n <h3>Les Blanc-Visages<\/h3>\r\n <p>Les Blanc-Visages sont un peuple paisible et spirituel des Terres d\u2019Ogon, vivant dans les savanes ouvertes. Reconnaissables \u00e0 leurs masques sacr\u00e9s blancs, ils sont les gardiens d\u2019anciens rituels et de puissants artefacts mystiques. Ils vivent en harmonie avec la nature.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ogon-card\" data-aos=\"fade-up\" style=\"background-image: url('https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/OgonPersonnage05.png');\">\r\n <div class=\"ogon-overlay\">\r\n <h3>Centaures-Girafes<\/h3>\r\n <p>Peuple hybride mi-homme mi-girafe, les Centaures-Girafes vivent aux abords de Pumaranga, ils partagent leurs terres avec les Blanc-Visages.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ogon-card\" data-aos=\"fade-up\" style=\"background-image: url('https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/OgonPersonnage12.png');\">\r\n <div class=\"ogon-overlay\">\r\n <h3>Les Chasseurs Verts<\/h3>\r\n <p>Les Chasseurs Verts sont les elfes sylvains d\u2019Ogon. Vivant dans la savane, ce peuple se distingue de celui d\u2019Arran par leur peau verte.\"<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n .ogon-container {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 1.5rem;\r\n padding: 2rem;\r\n background: linear-gradient(180deg, #f8f4ec, #d2b48c);\r\n }\r\n\r\n .ogon-card {\r\n position: relative;\r\n background-size: cover;\r\n background-position: center;\r\n border-radius: 16px;\r\n height: 280px;\r\n overflow: hidden;\r\n box-shadow: 0 6px 20px rgba(0,0,0,0.2);\r\n display: flex;\r\n align-items: flex-end;\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n.ogon-card::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(0, 0, 0, 0.4); \r\n transition: background 0.3s ease;\r\n z-index: 1;\r\n}\r\n\r\n.ogon-card:hover {\r\n transform: translateY(-6px);\r\n}\r\n\r\n.ogon-card:hover::before {\r\n background: rgba(0, 0, 0, 0);\r\n}\r\n\r\n.ogon-overlay {\r\n position: relative;\r\n background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0));\r\n color: #fff;\r\n padding: 1rem;\r\n width: 100%;\r\n z-index: 2;\r\n transition: opacity 0.3s ease;\r\n}\r\n\r\n.ogon-card:hover .ogon-overlay {\r\n opacity: 0;\r\n pointer-events: none;\r\n}\r\n\r\n.ogon-overlay h3 {\r\n margin: 0 0 0.5rem;\r\n font-size: 1.2rem;\r\n color: #D4AF37;\r\n font-weight: bold;\r\n font-family: \"Montserrat\", sans-serif;\r\n}\r\n\r\n.ogon-overlay p \r\n{\r\n font-family: \"Montserrat\", sans-serif;\r\n color: #f5f5f5;\r\n font-size: 0.9rem;\r\n line-height: 1.4;\r\n margin: 0;\r\n -webkit-text-stroke-width: 0.01rem;\r\n -webkit-text-stroke-color: #f5f5f5;\r\n}\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');\r\n\r\n<\/style>\r\n\r\n<!-- AOS (Animate on Scroll) -->\r\n<link href=\"https:\/\/unpkg.com\/aos@2.3.4\/dist\/aos.css\" rel=\"stylesheet\"\/>\r\n<script src=\"https:\/\/unpkg.com\/aos@2.3.4\/dist\/aos.js\"><\/script>\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function () {\r\n AOS.init({\r\n duration: 1200, \/\/ Dur\u00e9e des animations un peu plus longue\r\n easing: 'ease-in-out', \/\/ Courbe d\u2019animation plus fluide\r\n once: false, \/\/ Permet de rejouer l\u2019animation quand on remonte la page\r\n mirror: true, \/\/ Animation aussi quand on fait d\u00e9filer vers le haut\r\n offset: 120, \/\/ D\u00e9calage avant d\u00e9clenchement (px)\r\n debounceDelay: 50, \/\/ Optimisation du recalcul lors du redimensionnement\r\n throttleDelay: 99, \/\/ Optimisation du scroll\r\n });\r\n\r\n \/\/ Optionnel : re-initialiser AOS au redimensionnement de la fen\u00eatre\r\n window.addEventListener('resize', () => {\r\n AOS.refresh();\r\n });\r\n });\r\n<\/script>\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-43ab53c e-flex e-con-boxed e-con e-parent\" data-id=\"43ab53c\" 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-7312daa elementor-widget elementor-widget-heading\" data-id=\"7312daa\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Paysages d'Ogon<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e294af elementor-widget elementor-widget-html\" data-id=\"4e294af\" 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<!-- Bootstrap 5 CSS\/JS n\u00e9cessaires -->\r\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n\r\n<div id=\"ogonCarousel\" class=\"carousel slide carousel-fade\" data-bs-ride=\"carousel\">\r\n <div class=\"carousel-inner\">\r\n \r\n <div class=\"carousel-item active\">\r\n <img decoding=\"async\" src=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/TerredOgon7.png\" class=\"d-block w-100\" alt=\"7\">\r\n <div class=\"carousel-caption d-none d-md-block\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"carousel-item\">\r\n <img decoding=\"async\" src=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/TerredOgon9.png\" class=\"d-block w-100\" alt=\"9\">\r\n <div class=\"carousel-caption d-none d-md-block\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"carousel-item\">\r\n <img decoding=\"async\" src=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/TerredOgon10.png\" class=\"d-block w-100\" alt=\"10\">\r\n <div class=\"carousel-caption d-none d-md-block\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"carousel-item\">\r\n <img decoding=\"async\" src=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/TerredOgon11.png\" class=\"d-block w-100\" alt=\"11\">\r\n <div class=\"carousel-caption d-none d-md-block\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"carousel-item\">\r\n <img decoding=\"async\" src=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/TerredOgon14.png\" class=\"d-block w-100\" alt=\"14\">\r\n <div class=\"carousel-caption d-none d-md-block\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"carousel-item\">\r\n <img decoding=\"async\" src=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/TerredOgon13.png\" class=\"d-block w-100\" alt=\"13\">\r\n <div class=\"carousel-caption d-none d-md-block\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"carousel-item\">\r\n <img decoding=\"async\" src=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/TerredOgon15.png\" class=\"d-block w-100\" alt=\"15\">\r\n <div class=\"carousel-caption d-none d-md-block\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"carousel-item\">\r\n <img decoding=\"async\" src=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/TerredOgon16.png\" class=\"d-block w-100\" alt=\"Slide2\">\r\n <div class=\"carousel-caption d-none d-md-block\">\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Ajoutez autant de slides que n\u00e9cessaire -->\r\n <\/div>\r\n <button class=\"carousel-control-prev\" type=\"button\" data-bs-target=\"#ogonCarousel\" data-bs-slide=\"prev\">\r\n <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"><\/span>\r\n <\/button>\r\n <button class=\"carousel-control-next\" type=\"button\" data-bs-target=\"#ogonCarousel\" data-bs-slide=\"next\">\r\n <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"><\/span>\r\n <\/button>\r\n\r\n <!-- Miniatures sous le carrousel -->\r\n<div class=\"mt-3 d-flex justify-content-center flex-wrap gap-2\">\r\n <img decoding=\"async\" src=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/TerredOgon7.png\"\r\n class=\"mini-thumb mx-1 active-thumb\"\r\n data-bs-target=\"#ogonCarousel\" data-bs-slide-to=\"0\"\r\n role=\"button\" tabindex=\"0\" aria-label=\"Voir l\u2019image 1\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/TerredOgon9.png\"\r\n class=\"mini-thumb mx-1\"\r\n data-bs-target=\"#ogonCarousel\" data-bs-slide-to=\"1\"\r\n role=\"button\" tabindex=\"0\" aria-label=\"Voir l\u2019image 2\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/TerredOgon10.png\"\r\n class=\"mini-thumb mx-1\"\r\n data-bs-target=\"#ogonCarousel\" data-bs-slide-to=\"2\"\r\n role=\"button\" tabindex=\"0\" aria-label=\"Voir l\u2019image 3\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/TerredOgon11.png\"\r\n class=\"mini-thumb mx-1\"\r\n data-bs-target=\"#ogonCarousel\" data-bs-slide-to=\"3\"\r\n role=\"button\" tabindex=\"0\" aria-label=\"Voir l\u2019image 4\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/TerredOgon14.png\"\r\n class=\"mini-thumb mx-1\"\r\n data-bs-target=\"#ogonCarousel\" data-bs-slide-to=\"4\"\r\n role=\"button\" tabindex=\"0\" aria-label=\"Voir l\u2019image 5\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/TerredOgon13.png\"\r\n class=\"mini-thumb mx-1\"\r\n data-bs-target=\"#ogonCarousel\" data-bs-slide-to=\"5\"\r\n role=\"button\" tabindex=\"0\" aria-label=\"Voir l\u2019image 6\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/TerredOgon15.png\"\r\n class=\"mini-thumb mx-1\"\r\n data-bs-target=\"#ogonCarousel\" data-bs-slide-to=\"6\"\r\n role=\"button\" tabindex=\"0\" aria-label=\"Voir l\u2019image 7\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/TerredOgon16.png\"\r\n class=\"mini-thumb mx-1\"\r\n data-bs-target=\"#ogonCarousel\" data-bs-slide-to=\"7\"\r\n role=\"button\" tabindex=\"0\" aria-label=\"Voir l\u2019image 8\">\r\n<\/div>\r\n\r\n\r\n<style>\r\n .mini-thumb {\r\n width: 60px;\r\n height: 40px;\r\n object-fit: cover;\r\n cursor: pointer;\r\n opacity: 0.6;\r\n border: 2px solid transparent;\r\n transition: opacity 0.3s, border-color 0.3s;\r\n border-radius: 4px;\r\n}\r\n\r\n.mini-thumb:hover,\r\n.active-thumb {\r\n opacity: 1;\r\n border-color: #ffd700;\r\n}\r\n\r\n@media (max-width: 576px) {\r\n .mini-thumb {\r\n width: 50px;\r\n height: 35px;\r\n }\r\n}\r\n\r\n \r\n .carousel-control-prev-icon,\r\n .carousel-control-next-icon {\r\n background-color: transparent !important; \/* Supprime tout fond rose ou autre *\/\r\n background-image: none !important; \/* Supprime l\u2019ic\u00f4ne Bootstrap *\/\r\n width: 3rem;\r\n height: 3rem;\r\n position: relative;\r\n }\r\n\r\n \/* Fl\u00e8che gauche *\/\r\n .carousel-control-prev-icon::after {\r\n content: '\u2039';\r\n font-size: 2.5rem;\r\n color: #151515;\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n }\r\n\r\n \/* Fl\u00e8che droite *\/\r\n .carousel-control-next-icon::after {\r\n content: '\u203a';\r\n font-size: 2.5rem;\r\n color: #151515;\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n }\r\n\r\n \/* Hover dor\u00e9 *\/\r\n .carousel-control-prev:hover .carousel-control-prev-icon::after,\r\n .carousel-control-next:hover .carousel-control-next-icon::after {\r\n color: #D4AF37;\r\n background-color: transparent !important;\r\n }\r\n \r\n<\/style>\r\n\r\n<script>\r\n document.querySelectorAll('.mini-thumb').forEach((thumb) => {\r\n thumb.addEventListener('click', () => {\r\n document.querySelectorAll('.mini-thumb').forEach(t => t.classList.remove('active-thumb'));\r\n thumb.classList.add('active-thumb');\r\n });\r\n});\r\n\r\ndocument.getElementById('ogonCarousel').addEventListener('slide.bs.carousel', (ev) => {\r\n document.querySelectorAll('.mini-thumb').forEach(t => t.classList.remove('active-thumb'));\r\n const targetThumb = document.querySelector(`.mini-thumb[data-bs-slide-to=\"${ev.to}\"]`);\r\n if (targetThumb) targetThumb.classList.add('active-thumb');\r\n});\r\n\r\n<\/script>\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-2f2a974 e-con-full e-flex e-con e-parent\" data-id=\"2f2a974\" data-element_type=\"container\" data-settings=\"{"background_background":"slideshow","background_slideshow_gallery":[{"id":3963,"url":"https:\\\/\\\/editionlimiteevichy.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/Ogon-bandeau.png"}],"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-ff7cd21 elementor-widget elementor-widget-html\" data-id=\"ff7cd21\" 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=Cinzel:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"blue-gradient-text\">Tomes li\u00e9s<\/div>\r\n\r\n<style>\r\n.blue-gradient-text {\r\n font-family: 'Cinzel', serif;\r\n font-size: 4rem;\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 #cca676,\r\n #2b1c14,\r\n #68453d,\r\n #b38646\r\n );\r\n background-size: 300% 100%;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n animation: blueMove 6s ease-in-out infinite;\r\n}\r\n\r\n@keyframes blueMove {\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 class=\"elementor-element elementor-element-ee5d287 elementor-widget elementor-widget-html\" data-id=\"ee5d287\" 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<!-- Carrousel Ogon -->\r\n<div class=\"carousel-container\">\r\n <button class=\"carousel-arrow left\" onclick=\"scrollCarouselOgon(-1)\">\u276e<\/button>\r\n <div class=\"temple-carousel\">\r\n <div class=\"carousel-track\" id=\"carouselTrackOgon\">\r\n <div class=\"tome\" onclick=\"openModalOgon(1)\">\r\n <img decoding=\"async\" src=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/Ogon01.jpeg\" alt=\"Tome 01\">\r\n <div class=\"tome-label\">Tome 01<\/div>\r\n <\/div>\r\n <div class=\"tome\" onclick=\"openModalOgon(2)\">\r\n <img decoding=\"async\" src=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/Ogon02.jpeg\" alt=\"Tome 02\">\r\n <div class=\"tome-label\">Tome 02<\/div>\r\n <\/div>\r\n <div class=\"tome\" onclick=\"openModalOgon(3)\">\r\n <img decoding=\"async\" src=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/Ogon03.jpeg\" alt=\"Tome 03\">\r\n <div class=\"tome-label\">Tome 03<\/div>\r\n <\/div>\r\n <div class=\"tome\" onclick=\"openModalOgon(4)\">\r\n <img decoding=\"async\" src=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/Ogon04.jpeg\" alt=\"Tome 04\">\r\n <div class=\"tome-label\">Tome 04<\/div>\r\n <\/div>\r\n <div class=\"tome\" onclick=\"openModalOgon(5)\">\r\n <img decoding=\"async\" src=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/Ogon05.jpeg\" alt=\"Tome 05\">\r\n <div class=\"tome-label\">Tome 05<\/div>\r\n <\/div>\r\n <div class=\"tome\" onclick=\"openModalOgon(6)\">\r\n <img decoding=\"async\" src=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/Ogon06.jpeg\" alt=\"Tome 06\">\r\n <div class=\"tome-label\">Tome 06<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <button class=\"carousel-arrow right\" onclick=\"scrollCarouselOgon(1)\">\u276f<\/button>\r\n<\/div>\r\n\r\n\r\n<!-- Modale Ogon -->\r\n<div id=\"tomeModalOgon\" class=\"modal\">\r\n <div class=\"modal-content\" id=\"modalContentOgon\">\r\n <span class=\"close-btn\" onclick=\"closeModalOgon()\">×<\/span>\r\n <div class=\"modal-columns\">\r\n <div class=\"modal-image\">\r\n <img decoding=\"async\" id=\"modal-img-ogon\" src=\"\" alt=\"Tome image\">\r\n <\/div>\r\n <div class=\"modal-info\">\r\n <div id=\"modal-number-ogon\" class=\"modal-number\"><\/div>\r\n <div id=\"modal-title-ogon\" class=\"modal-title\"><\/div>\r\n <\/div>\r\n <div class=\"modal-summary\" id=\"modal-summary-ogon\"><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<style>\r\n\/* Carrousel + fl\u00e8ches *\/\r\n.carousel-container {\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n overflow: hidden;\r\n}\r\n\r\n\r\n.temple-carousel {\r\n overflow-x: auto;\r\n white-space: nowrap;\r\n}\r\n\r\n\r\n.forge-carousel {\r\n overflow-x: auto;\r\n scroll-behavior: smooth;\r\n white-space: nowrap;\r\n padding: 10px 0;\r\n scrollbar-width: none;\r\n flex: 1;\r\n}\r\n.forge-carousel::-webkit-scrollbar {\r\n display: none;\r\n}\r\n.carousel-track {\r\n display: flex;\r\n gap: 20px;\r\n align-items: center;\r\n}\r\n.carousel-arrow {\r\n background-color: rgba(0, 0, 0, 0.5);\r\n color: #f1c40f;\r\n font-size: 2rem;\r\n border: none;\r\n cursor: pointer;\r\n padding: 0 15px;\r\n z-index: 10;\r\n}\r\n.carousel-arrow.left {\r\n margin-right: 10px;\r\n}\r\n.carousel-arrow.right {\r\n margin-left: 10px;\r\n}\r\n\r\n\/* Tomes *\/\r\n.tome {\r\n position: relative;\r\n display: inline-block;\r\n width: 180px;\r\n flex-shrink: 0;\r\n border-radius: 8px;\r\n overflow: hidden;\r\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);\r\n cursor: pointer;\r\n transition: transform 0.3s ease;\r\n}\r\n.tome:hover {\r\n transform: scale(1.05);\r\n}\r\n.tome img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n}\r\n.tome-label {\r\n position: absolute;\r\n bottom: 0;\r\n width: 100%;\r\n background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);\r\n color: #f1c40f;\r\n text-align: center;\r\n font-family: 'Cinzel', serif;\r\n font-size: 1.1rem;\r\n padding: 8px 0;\r\n font-weight: bold;\r\n text-shadow: 1px 1px 2px #000;\r\n}\r\n\r\n\/* Modale *\/\r\n.modal {\r\n display: none;\r\n position: fixed;\r\n z-index: 9999;\r\n left: 0;\r\n top: 0;\r\n width: 100%;\r\n height: 100%;\r\n backdrop-filter: blur(6px);\r\n background-color: rgba(0, 0, 0, 0.7);\r\n}\r\n.modal-content {\r\n margin: 5% auto;\r\n padding: 30px;\r\n border-radius: 10px;\r\n width: 90%;\r\n max-width: 1000px;\r\n position: relative;\r\n color: #f1c40f;\r\n font-family: 'Cinzel', serif;\r\n background-size: cover;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n box-shadow: 0 0 10px #000;\r\n background-blend-mode: multiply;\r\n background-color: rgba(0, 0, 0, 0.6);\r\n}\r\n.modal-columns {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 30px;\r\n align-items: flex-start;\r\n z-index: 2;\r\n position: relative;\r\n}\r\n.modal-image img {\r\n max-width: 180px;\r\n border-radius: 8px;\r\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);\r\n}\r\n.modal-info {\r\n flex: 1;\r\n min-width: 200px;\r\n}\r\n.modal-number {\r\n font-size: 1.3rem;\r\n font-weight: bold;\r\n margin-bottom: 8px;\r\n}\r\n.modal-title {\r\n font-size: 1.1rem;\r\n}\r\n.modal-summary {\r\n flex: 2;\r\n min-width: 250px;\r\n font-size: 0.95rem;\r\n line-height: 1.5;\r\n color: #e0e0e0;\r\n}\r\n.close-btn {\r\n position: absolute;\r\n top: 15px;\r\n right: 20px;\r\n font-size: 28px;\r\n color: #f1c40f;\r\n cursor: pointer;\r\n}\r\n\r\n.carousel-arrow {\r\n background-color: transparent;\r\n font-size: 2rem;\r\n border: none;\r\n cursor: pointer;\r\n padding: 0 15px;\r\n z-index: 10;\r\n transition: none;\r\n}\r\n\r\n.carousel-arrow:hover {\r\n background-color: transparent;\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\nconst summariesOgon = {\r\n 1: {\r\n image: \"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/Ogon01.jpeg\",\r\n number: \"Tome 01\",\r\n title: \"Zul kassai\",\r\n text: \"Au nord d'Ogon on dit que le peuple Kulu est sous la protection des Zul Kassa\u00ef, dieux immortels \u00e0 la peau rouge, Lorsqu'un Tog sanguinaire assassine la famille du jeune Ubu, ce dernier se pr\u00e9sente \u00e0 ses dieux r\u00e9clamant justice. La d\u00e9cision est prise : les Zul Kassa\u00ef ne feront pas la guerre aux Tog. Roass'aa n'est pas de cet avis et d\u00e9cide de braver l'interdit et d'accompagner Ubu en pays tog.\"\r\n },\r\n 2: {\r\n image: \"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/Ogon02.jpeg\",\r\n number: \"Tome 02\",\r\n title: \"Blancs visages\",\r\n text: \"Pour sauver son fr\u00e8re, Itom\u00eb pactise avec un ancien esprit malfaisant. Bannie par les siens pour avoir brav\u00e9 les lois sacr\u00e9es de son clan, luttant contre l'esprit du sorcier qui cherche \u00e0 s'emparer de son \u00e2me, elle entreprend une qu\u00eate sans retour \u00e0 travers les terres d'Ogon. Mais Itom\u00eb l'a jur\u00e9 : quelles que soient les \u00e9preuves qui l'attendent elle ne laissera plus la peur guider ses choix.\"\r\n },\r\n 3: {\r\n image: \"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/Ogon03.jpeg\",\r\n number: \"Tome 03\",\r\n title: \"Ma'a-kuru\",\r\n text: \"Apr\u00e8s l'attaque de hordes putr\u00e9fi\u00e9es de Ma'a-kuru sur sa cit\u00e9, le mythique Juka'Eyo, le chef le plus craint et ha\u00ef du Kwalundia, se retrouve sans guerrier. Il s'entoure alors de ses rivaux pour remonter la piste des Ma'a-kuru et les traquer jusqu'en Akarda, le Pays des Morts. L'impensable les attends tous l\u00e0-bas et le grand Juka'Eyo devra y mener un combat \u00e0 la hauteur de sa l\u00e9gende... le dernier.\"\r\n },\r\n 4: {\r\n image: \"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/Ogon04.jpeg\",\r\n number: \"Tome 04\",\r\n title: \"Mystic\",\r\n text: \"Q\u00e2a est le fruit d'un amour interdit, le b\u00e2tard du roi et d'une femme du peuple. Il survit comme une ombre jusqu'au jour o\u00f9 il croise Am\u00e9nop\u00e9e, pour qui les passages d\u00e9rob\u00e9s du palais n'ont pas de secret. Il y rencontrera un ma\u00eetre d'armes ainsi qu'un vieil \u00e9rudit. Commence pour Q\u00e2a sa v\u00e9ritable initiation, il d\u00e9couvrira le myst\u00e8re entourant sa naissance et la mal\u00e9diction dont il est le porteur...\"\r\n },\r\n 5: {\r\n image: \"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/Ogon05.jpeg\",\r\n number: \"Tome 05\",\r\n title: \"Amoun le Manha\",\r\n text: \"Le p\u00e8re d'Amoun a p\u00e9ri en combattant les esprits grisonnants. D\u00e9termin\u00e9 \u00e0 lui rendre un dernier hommage, Amoun entreprend un voyage pour rejoindre sa d\u00e9pouille, accompagn\u00e9 de ses amis : Sukal, un orphelin handicap\u00e9 ; Osoj, victime des abus de son beau-p\u00e8re ; et Loma\u00e9, hant\u00e9e par son manque de confiance. Ensemble, ils affrontent l'adversit\u00e9 et de multiples \u00e9preuves lors d'un p\u00e9riple vers la mort.\"\r\n },\r\n 6: {\r\n image: \"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/Ogon06.jpeg\",\r\n number: \"Tome 06\",\r\n title: \"Syneria\",\r\n text: \"Quand le fils de Syneria est choisi pour \u00eatre sacrifi\u00e9 \u00e0 Asla-Oarag, la foi de la jeune m\u00e8re vacille et elle s'enfuit avec lui. Dans leur p\u00e9riple, ils croisent un esprit-malin qui s'empare du corps de Syneria et d\u00e9vore l'enfant. Les Akala deviennent alors un troupeau dont il pourra se repa\u00eetre. Ils sont si prompts \u00e0 servir de pitance \u00e0 leur d\u00e9esse... Cela tombe bien. Ils nourriront une autre bouche.\"\r\n }\r\n};\r\n\r\nfunction openModalOgon(tomeNumber) {\r\n const tome = summariesOgon[tomeNumber];\r\n document.getElementById('modal-img-ogon').src = tome.image;\r\n document.getElementById('modal-number-ogon').innerText = tome.number;\r\n document.getElementById('modal-title-ogon').innerText = tome.title;\r\n document.getElementById('modal-summary-ogon').innerText = tome.text;\r\n const modal = document.getElementById('tomeModalOgon');\r\n const content = document.getElementById('modalContentOgon');\r\n content.style.backgroundImage = `url('${tome.image}')`;\r\n modal.style.display = 'block';\r\n}\r\n\r\nfunction closeModalOgon() {\r\n document.getElementById('tomeModalOgon').style.display = 'none';\r\n}\r\n\r\nfunction scrollCarouselOgon(direction) {\r\n const container = document.querySelector('.ogon-carousel');\r\n const scrollAmount = 220; \r\n container.scrollBy({\r\n left: scrollAmount * direction,\r\n behavior: 'smooth'\r\n });\r\n}\r\n<\/script>\r\n\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-bfd7f8a e-flex e-con-boxed e-con e-parent\" data-id=\"bfd7f8a\" 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-10df120 e-con-full e-flex e-con e-child\" data-id=\"10df120\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3e7de9 elementor-widget elementor-widget-image\" data-id=\"e3e7de9\" 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\/07\/logotype-edition-limitee-noir-mondeDaquilon-300x150.png\" class=\"attachment-medium size-medium wp-image-2738\" alt=\"\" srcset=\"https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/logotype-edition-limitee-noir-mondeDaquilon-300x150.png 300w, https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/logotype-edition-limitee-noir-mondeDaquilon-1024x512.png 1024w, https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/logotype-edition-limitee-noir-mondeDaquilon-768x384.png 768w, https:\/\/editionlimiteevichy.com\/wp-content\/uploads\/2025\/07\/logotype-edition-limitee-noir-mondeDaquilon.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-149eedc elementor-shape-rounded elementor-grid-0 e-grid-align-center elementor-widget elementor-widget-social-icons\" data-id=\"149eedc\" 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 sans Bootstrap \u2630 Cr\u00e9ateurs Univers Terres d\u2019Arran Terres d\u2019Ogon Races Elfes Elfes Bleus Elfes Blancs Elfes Noirs Elfes Rouges Elfes Sylvains Semi-Elfes Nains Ordre de la Forge Ordre du Talion Ordres des Errants Ordre du Temple Ordre du Bouclier Mages Orcs & Gobelins Orcs Gobelins Les Terres d’Ogon Quatre grandes races se partagent les […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"folder":[5],"class_list":["post-3423","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/editionlimiteevichy.com\/index.php\/wp-json\/wp\/v2\/pages\/3423","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=3423"}],"version-history":[{"count":445,"href":"https:\/\/editionlimiteevichy.com\/index.php\/wp-json\/wp\/v2\/pages\/3423\/revisions"}],"predecessor-version":[{"id":4613,"href":"https:\/\/editionlimiteevichy.com\/index.php\/wp-json\/wp\/v2\/pages\/3423\/revisions\/4613"}],"wp:attachment":[{"href":"https:\/\/editionlimiteevichy.com\/index.php\/wp-json\/wp\/v2\/media?parent=3423"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/editionlimiteevichy.com\/index.php\/wp-json\/wp\/v2\/folder?post=3423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}