CINXE.COM

Page non trouvée - Astérix

<!DOCTYPE html> <html lang="fr-FR"> <head> <meta charset="UTF-8" /> <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"> <link rel="profile" href="https://gmpg.org/xfn/11" /> <link rel="pingback" href="https://asterix.com/xmlrpc.php" /> <meta name='robots' content='noindex, follow' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <!-- This site is optimized with the Yoast SEO plugin v24.4 - https://yoast.com/wordpress/plugins/seo/ --> <title>Page non trouvée - Astérix</title> <meta property="og:locale" content="fr_FR" /> <meta property="og:title" content="Page non trouvée - Astérix" /> <meta property="og:site_name" content="Astérix" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://asterix.com/#website","url":"https://asterix.com/","name":"Astérix","description":"Le site officiel","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://asterix.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}</script> <!-- / Yoast SEO plugin. --> <link rel='dns-prefetch' href='//cdn.jsdelivr.net' /> <link rel='dns-prefetch' href='//cdnjs.cloudflare.com' /> <link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link rel="alternate" type="application/rss+xml" title="Astérix &raquo; Flux" href="https://asterix.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="Astérix &raquo; Flux des commentaires" href="https://asterix.com/comments/feed/" /> <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/asterix.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=1ef6f28904aab10e83684b2c39cd77b2"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://asterix.com/wp-includes/css/dist/block-library/style.min.css?ver=1ef6f28904aab10e83684b2c39cd77b2' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='wpml-blocks-css' href='https://asterix.com/wp-content/plugins/sitepress-multilingual-cms/dist/css/blocks/styles.css?ver=4.6.15' type='text/css' media='all' /> <link rel='stylesheet' id='contact-form-7-css' href='https://asterix.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.0.3' type='text/css' media='all' /> <link rel='stylesheet' id='easy-content-adder-css' href='https://asterix.com/wp-content/plugins/easy-content-adder/public/css/easy-content-adder-public.css?ver=1.1.2' type='text/css' media='all' /> <link rel='stylesheet' id='wpml-legacy-horizontal-list-0-css' href='https://asterix.com/wp-content/plugins/sitepress-multilingual-cms/templates/language-switchers/legacy-list-horizontal/style.min.css?ver=1' type='text/css' media='all' /> <link rel='stylesheet' id='slick-css-css' href='https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css?ver=1ef6f28904aab10e83684b2c39cd77b2' type='text/css' media='all' /> <link rel='stylesheet' id='slick-theme-css-css' href='https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css?ver=1ef6f28904aab10e83684b2c39cd77b2' type='text/css' media='all' /> <link rel='stylesheet' id='magnific-popup-css-css' href='https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css?ver=1ef6f28904aab10e83684b2c39cd77b2' type='text/css' media='all' /> <link rel='stylesheet' id='mediaelement-css' href='https://asterix.com/wp-includes/js/mediaelement/mediaelementplayer-legacy.min.css?ver=4.2.17' type='text/css' media='all' /> <link rel='stylesheet' id='wp-mediaelement-css' href='https://asterix.com/wp-includes/js/mediaelement/wp-mediaelement.min.css?ver=1ef6f28904aab10e83684b2c39cd77b2' type='text/css' media='all' /> <link rel='stylesheet' id='bridge-default-style-css' href='https://asterix.com/wp-content/themes/bridge/style.css?ver=1ef6f28904aab10e83684b2c39cd77b2' type='text/css' media='all' /> <link rel='stylesheet' id='bridge-qode-font_awesome-css' href='https://asterix.com/wp-content/themes/bridge/css/font-awesome/css/font-awesome.min.css?ver=1ef6f28904aab10e83684b2c39cd77b2' type='text/css' media='all' /> <link rel='stylesheet' id='bridge-qode-font_elegant-css' href='https://asterix.com/wp-content/themes/bridge/css/elegant-icons/style.min.css?ver=1ef6f28904aab10e83684b2c39cd77b2' type='text/css' media='all' /> <link rel='stylesheet' id='bridge-qode-linea_icons-css' href='https://asterix.com/wp-content/themes/bridge/css/linea-icons/style.css?ver=1ef6f28904aab10e83684b2c39cd77b2' type='text/css' media='all' /> <link rel='stylesheet' id='bridge-qode-dripicons-css' href='https://asterix.com/wp-content/themes/bridge/css/dripicons/dripicons.css?ver=1ef6f28904aab10e83684b2c39cd77b2' type='text/css' media='all' /> <link rel='stylesheet' id='bridge-qode-kiko-css' href='https://asterix.com/wp-content/themes/bridge/css/kiko/kiko-all.css?ver=1ef6f28904aab10e83684b2c39cd77b2' type='text/css' media='all' /> <link rel='stylesheet' id='bridge-qode-font_awesome_5-css' href='https://asterix.com/wp-content/themes/bridge/css/font-awesome-5/css/font-awesome-5.min.css?ver=1ef6f28904aab10e83684b2c39cd77b2' type='text/css' media='all' /> <link rel='stylesheet' id='bridge-stylesheet-css' href='https://asterix.com/wp-content/themes/bridge/css/stylesheet.min.css?ver=1ef6f28904aab10e83684b2c39cd77b2' type='text/css' media='all' /> <style id='bridge-stylesheet-inline-css' type='text/css'> .error404.disabled_footer_top .footer_top_holder, .error404.disabled_footer_bottom .footer_bottom_holder { display: none;} </style> <link rel='stylesheet' id='bridge-print-css' href='https://asterix.com/wp-content/themes/bridge/css/print.css?ver=1ef6f28904aab10e83684b2c39cd77b2' type='text/css' media='all' /> <link rel='stylesheet' id='bridge-style-dynamic-css' href='https://asterix.com/wp-content/themes/bridge/css/style_dynamic.css?ver=1738857705' type='text/css' media='all' /> <link rel='stylesheet' id='bridge-responsive-css' href='https://asterix.com/wp-content/themes/bridge/css/responsive.min.css?ver=1ef6f28904aab10e83684b2c39cd77b2' type='text/css' media='all' /> <link rel='stylesheet' id='bridge-style-dynamic-responsive-css' href='https://asterix.com/wp-content/themes/bridge/css/style_dynamic_responsive.css?ver=1738857705' type='text/css' media='all' /> <style id='bridge-style-dynamic-responsive-inline-css' type='text/css'> @font-face { font-family: 'Uderzo Titre'; src: url("https://asterix.com/wp-content/uploads/2024/07/UderzoTitre-Regular.woff2") format('woff2'), url("https://asterix.com/wp-content/uploads/2024/07/UderzoTitre-Regular.woff") format('woff'), url("https://asterix.com/wp-content/uploads/2024/07/UderzoTitre-Regular.ttf") format('truetype'), url("https://asterix.com/wp-content/uploads/2024/07/UderzoTitre-Regular.otf") format('opentype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Uderzo Texte'; src: url("https://asterix.com/wp-content/uploads/2024/07/UderzoTexte-Regular.woff2") format('woff2'), url("https://asterix.com/wp-content/uploads/2024/07/UderzoTexte-Regular.woff") format('woff'), url("https://asterix.com/wp-content/uploads/2024/07/UderzoTexte-Regular.ttf") format('truetype'), url("https://asterix.com/wp-content/uploads/2024/07/UderzoTexte-Regular.otf") format('opentype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Proxima Nova'; src: url("https://asterix.com/wp-content/uploads/2024/07/ProximaNova-Regular.woff2") format('woff2'), url("https://asterix.com/wp-content/uploads/2024/07/ProximaNova-Regular.woff") format('woff'), url("https://asterix.com/wp-content/uploads/2024/07/ProximaNova-Regular.ttf") format('truetype'), url("https://asterix.com/wp-content/uploads/2024/07/ProximaNova-Regular.otf") format('opentype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Proxima Nova'; src: url("https://asterix.com/wp-content/uploads/2024/07/ProximaNova-Medium.woff2") format('woff2'), url("https://asterix.com/wp-content/uploads/2024/07/ProximaNova-Medium.woff") format('woff'), url("https://asterix.com/wp-content/uploads/2024/07/ProximaNova-Medium.ttf") format('truetype'), url("https://asterix.com/wp-content/uploads/2024/07/ProximaNova-Medium.otf") format('opentype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Proxima Nova'; src: url("https://asterix.com/wp-content/uploads/2024/07/ProximaNova-Bold.woff2") format('woff2'), url("https://asterix.com/wp-content/uploads/2024/07/ProximaNova-Bold.woff") format('woff'), url("https://asterix.com/wp-content/uploads/2024/07/ProximaNova-Bold.ttf") format('truetype'), url("https://asterix.com/wp-content/uploads/2024/07/ProximaNova-Bold.otf") format('opentype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Proxima Nova'; src: url("https://asterix.com/wp-content/uploads/2024/07/ProximaNova-Black.woff2") format('woff2'), url("https://asterix.com/wp-content/uploads/2024/07/ProximaNova-Black.woff") format('woff'), url("https://asterix.com/wp-content/uploads/2024/07/ProximaNova-Black.ttf") format('truetype'), url("https://asterix.com/wp-content/uploads/2024/07/ProximaNova-Black.otf") format('opentype'); font-weight: 900; font-style: normal; font-display: swap; } header .logo_wrapper { display: none; } @media screen and (min-width: 1001px) { .header_top { height: auto !important; padding: 20px 80px; } .content.content_top_margin { margin-top: 177px !important; padding-top: 0 !important; } } @media only screen and (max-width: 1000px) { .header_top .right { float: right !important } } .header_top .container_inner.clearfix { width: 90%; } @media only screen and (max-width: 1000px) { .header_top .container_inner.clearfix { width: calc(100% - 40px); padding-top: 20px; } } .header_top #searchform input[type=text], .widget.widget_search form input[type=text] { background-color: #f5f5f5 !important; border-radius: 20px; font-weight: 700 !important; padding-left: 25px; text-align: center; font-size: 13px; height: 25px; line-height: 25px; width: 85% !important; margin-top: 2px; } .header_top #searchform { padding: 0; margin-right: 5px; } .header_top .fa5.fa, .fa5.fas { font-weight: 300 !important; } .header_top .qode-input-holder { position: relative; } .header_top .qode-input-holder::before { content: url('https://asterix.com/wp-content/uploads/2024/09/icone-search.svg'); position: absolute; left: 45px; top: 3px; width: 12px; height: 12px; } #qode-search-form-1::placeholder { color: #32404D; } .header_top .left { position: relative; } .inner .header-widget.widget_block.header-right-widget:last-of-type { width: 100%; } .header_top .right .inner>div { float: right; } .header-right-widget .is-layout-grid { display: flex; flex-direction: row-reverse; } .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column { flex-basis: auto !important; } .header-right-widget .wp-block-button .wp-block-button__link, .header-left-widget .wp-block-button .wp-block-button__link { color: #000000 !important; background-color: #FFD504; font-size: 12px; letter-spacing: 0; line-height: 27px !important; height: 25px; padding: 0 12px; border: none; border-radius: 15px; margin: 2px; } .header-right-widget .wp-block-button .wp-block-button__link:hover { color: #ffffff!important; background-color: #E30521; } .header-right-widget .wp-block-buttons:first-child .wp-block-button__link { color: #ffffff !important; background-color: #E30521; } .header-right-widget .wp-block-buttons:first-child .wp-block-button__link:hover { background-color: #32404D; } #btn-newsletter-mobile.wp-block-button a { color: #ffffff !important; background-color: #E30521; position: absolute; left: 0; top: 20px; height: 30px; font-size: 14px; line-height: 30px !important; } header:not(.with_hover_bg_color) nav.main_menu>ul>li>a>span:not(.plus) { vertical-align: middle; text-align: center; } ul#menu-menu-principal { justify-content: space-evenly; display: flex; text-align: center; } nav.main_menu>ul>li { border-right: 1px solid #ffffff; flex: 1; } nav.main_menu>ul>li:last-child{ border-right: none !important; } .drop_down .narrow .second .inner ul li a { text-align: left; } li.narrow .second .inner ul { padding: 0 20px; } .drop_down .second .inner ul li { padding: 0 } .drop_down .second .inner ul li a { padding-left: 0 !important; padding-right: 0 !important; } .drop_down .second { top: calc(100% + 9px) !important; } #nav-menu-item-14909.menu-item > .second>.inner>ul>li { width: 250px; } @media screen and (min-width: 1001px) { header.centered_logo .header_inner_right, header.centered_logo .header_inner_left { display: none; } } nav.main_menu.drop_down.center { padding: 10px 0; } @media screen and (min-width: 1001px) { #btn-newsletter-mobile.wp-block-button { display: none; } } @media screen and (max-width: 1000px) { div#btn-biblio, div#btn-boutique, div#btn-newsletter, .header_top .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow:nth-child(2) { display: none; } .header-right-widget .wp-container-core-columns-is-layout-1 { position: absolute; top: 42px; left: 125px; } .header_top #searchform input[type=text] { padding: 3px 5px 3px 15px; } .header_top .qode-input-holder::before { left: 30px; top: 4px; } .header-widget.widget_block.widget_media_image.header-left-widget { margin-bottom: -30px; margin-top: 60px; } .mobile_menu_button { background-color: #2065AA; height: 40px; width: 40px; border-radius: 50%; margin-right: 20px; float: right; position: absolute; top: -130px; right: 0px; } .header_bottom .container_inner { width: 100%; } nav.mobile_menu>ul { width: 100%; padding: 0 15px; } .header_bottom { background-color: transparent !important; position: absolute; top: 165px; z-index: 1000; padding: 0; width: 100%; } .mobile_menu_button .icon_menu { font-size: 36px; line-height: 36px !important; text-align: center; margin: 0 auto; display: table; } nav.mobile_menu { margin-top: 0; } ul#menu-menu-mobile { padding: 0 20px; } header.centered_logo .header_inner_right { display: none; } .wpml-ls-sidebars-header_right.wpml-ls.wpml-ls-legacy-list-horizontal { position: absolute !important; top: 0 !important ; padding: 0 7px !important; left: 50%; transform: translateX(-50%); right: unset !important; } } @media screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 0) { nav.mobile_menu { margin-top: 0; } } @media screen and (max-width: 600px) { .header-left-widget .wp-block-image img { padding: 3.5% 10%; } } .mobile_menu_button.menu-open .icon_menu:before { content: ''; display: block; width: 22px; height: 22px; background-image: url('https://asterix.com/wp-content/uploads/2024/09/icon-hamburger-open.svg'); background-size: contain; background-repeat: no-repeat; } .footer_top .widget_nav_menu ul li { padding: 0; } .footer_inner { background-position: right; background-size: cover; background-repeat: no-repeat; } .contact-footer-row { padding-top: 0px; padding-bottom: 200px; background-image: url(https://asterix.com/wp-content/uploads/2024/07/contact-form-bg.png)!important; background-position: bottom center !important; background-color: #f5f5f5; } .contact-footer-row .section_inner_margin { margin: 0; } @media screen and (max-width: 991px) { .contact-footer-row { background-size: 1000px !important; padding-bottom: 150px !important; } } .contact-footer-col { margin-top: -50px !important; padding: 30px !important; background-color: #ffffff !important; } .footer_bottom p { font-size: 11px; line-height: normal; } a.wp-block-button__link.wp-element-button { background-color: #ffffff; color: #32404D; border: none; border-radius: 25px; font-size: 15px; line-height: 35px; height: 35px; letter-spacing: 0; padding: 0 15px; } .footer_bottom .fa5 { font-weight: 300 !important; } .footer_bottom .q_social_icon_holder { margin-bottom: 5px; } @media screen and (min-width: 1001px) { .footer_bottom .q_social_icon_holder { display: none; } } @media screen and (max-width: 1000px) { .footer_top { display: none; } .footer_bottom .wp-block-buttons.is-content-justification-right { justify-content: center; } .two_columns_50_50.footer_bottom_columns.clearfix { display: flex; flex-direction: column; } .column1.footer_bottom_column { order: 2; } .footer_bottom_column { width: 100% !important; } .footer_bottom { text-align: center !important; } } #menu-footer_col_5 a { font-size: 12px; font-weight: 700; letter-spacing: 1px; margin-bottom: 20px; } .qbutton { z-index: 1; } .qbutton::before { content: ''; position: absolute; top: 0; left: -10px; width: calc(100% + 20px); height: 100%; background-color: #DA102B; clip-path: polygon(3% 7%, 98% 0, 100% 94%, 0% 100%) !important; z-index: -1; } .qbutton:hover::before { background-color: #32404D; } input.wpcf7-form-control.wpcf7-submit { font-family: 'Proxima Nova' !important; font-size: 15px !important; padding: 8px 35px !important; height: 20px !important; line-height: 20px !important; background-color: #E30521 !important; margin: 5px 0 0 !important; font-weight: 500 !important; } input.wpcf7-form-control, select.wpcf7-form-control { background-color: #F5F5F5 !important; padding: 10px 15px !important; border-radius: 20px !important; font-weight: 600 !important; } select.wpcf7-form-control, input.wpcf7-form-control::placeholder { color: #32404D !important; } input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover { background-color: #32404D !important; } input[type="radio"]:checked { accent-color: #E30521 !important; } .wpcf7-radio span.wpcf7-list-item-label { font-size: 15px; } /*ARTICLE*/ .single-post nav.main_menu li#nav-menu-item-15090 a { color: #ffdc00; } .blog_holder.blog_single article { padding-top: 35px; } .single-post .container_inner.default_template_holder { max-width: 850px; } .blog_single .post_image { /* Proportions basées sur 1086 / 562 */ width: 100%; padding-top: 51.75%; /* (562 / 1086) * 100 = 51.75% */ background-size: contain; /* L'image couvrira tout le conteneur */ background-position: center center; background-repeat: no-repeat; background-color: #ffffff; } .blog_single .post-background-overlay { position: absolute; top: 0; left: 50%; width: 100vw; height: 350px; transform: translateX(-50%); background: #2665AB; background: linear-gradient(90deg, #2665AB 0%, #2665AB 50%, #00ACFF 100%); clip-path: polygon(0 0%, 100% 0%, 100% calc(100% - 70px), 0 100%); z-index: -1; } @media screen and (max-width: 600px) { .blog_single .post-background-overlay { clip-path: polygon(0 0%, 100% 0%, 100% calc(100% - 50px), 0 100%); padding-bottom: 100px; } .blog_single .post_title h1 { font-size: 35px !important; text-align: center; } .blog_single .post_title_infos { display: block !important; } .blog_single .post_title_infos>div { width: 100% !important; } .blog_single .post_title p { font-size: 15px !important; } .post_title_infos .post_share p { text-align: left !important; padding-top: 0 !important; margin-bottom: 22px !important; } .post_title_infos .post_share a { float: right !important; margin: 0 3px !important; } .single-post .blog_single .contact-footer-row { padding-top: 130px !important; clip-path: polygon(0 40px, 100% 0%, 100% 100%, 0 100%) !important; margin-top: 20px; } article>.post_share *{ text-align: center !important; } } .blog_single .post_title *{ color: #ffffff; } .blog_single .post_title h1 { font-size: 49px; line-height: normal; letter-spacing: 0.3px; } .blog_single .post_title p { padding: 15px 0 12px; font-size: 16px !important; line-height: 30px !important; } .blog_single .post_title_infos { display: flex; } .blog_single .post_title_infos>div { width: 50%; } .blog_single .post_share p { text-align: right; } .blog_single .post_share { text-align: center; } .blog_single .post_share .icon-circle { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background-color: #32404d; color: #ffffff; font-size: 18px; } .blog_single .post_text { padding-top: 30px; } .single-post .blog_single p { font-size: 14px; line-height: normal; } .single-post .blog_single .qode-btn { padding: 3px 20px; border-radius: 20px; } .blog_single article>.post_share p { text-align: center; font-size: 16px !important; margin: 10px 0; } .single-post .blog_single .contact-footer-row { width: 100vw; margin-left: calc(-50vw + 50%); padding-top: 200px; clip-path: polygon(0 14%, 100% 0%, 100% 100%, 0 100%); } /* PORTFOLIO */ .single-portfolio_page .container_inner.default_template_holder { max-width: 1065px; } .portfolio_single { padding-top: 60px; } .portfolio_single h1 { color : #ffffff; font-size: 42px; line-height: 50px; margin-bottom: 20px; } .portfolio_single h2 { color : #ffffff; font-size: 35px; margin-bottom: 30px; } .portfolio_single .background-blue-overlay { position: absolute; top: -60px; left: 0; width: 100vw; height: 240px; background: rgb(33, 97, 168); background: linear-gradient(90deg, rgba(33, 97, 168, 1) 0%, rgba(108, 165, 219, 1) 100%); clip-path: polygon(0 0%, 100% 0%, 100% 83%, 0 100%); z-index: -1; margin-left: calc(-50vw + 50%); } .portfolio_detail { padding-left: 50px; } .fiche_presentation * { color: #000000 !important; font-size: 14px; text-align: left; } .fiche_presentation h2 { font-size: 26px; margin-bottom: 0; padding: 0 10px; } .fiche_presentation { margin-left: -20px; max-width: 450px; padding: 40px 50px; background-color: #FFD504; clip-path: polygon(0 0, 100% 6%, 95% 93%, 4% 100%); } @media screen and (min-width: 768px) { .fiche_presentation td { width: 50%; } } .presentation p { font-size: 14px; line-height: 18px; font-weight: 500; } .presentation ul li { font-size: 14px; line-height: 22px; font-weight: 500; } .presentation { padding: 40px 0; } .presentation-cta .btn-portfolio { font-family: 'Proxima Nova' !important; font-size: 15px !important; padding: 8px 25px !important; height: 20px !important; line-height: 20px !important; color: #ffffff; background-color: #E30521 !important; border-radius: 25px; margin: 5px 0 !important; font-weight: 600 !important; white-space: nowrap; display: inline-flex; } .presentation-cta .btn-portfolio:hover { background-color: #32404D !important; } .presentation .presentation-cta .btn-portfolio { background-color: #32404D !important; } .presentation .presentation-cta .btn-portfolio:hover { background-color: #E30521 !important; } a.btn-portfolio.btn-extrait { background-color: #FFD504 !important; color: #000000; } a.btn-portfolio.btn-extrait:hover { color: #ffffff; } a.btn-portfolio.btn-extrait:hover img { filter: invert(1); } a.btn-portfolio img { object-fit: contain; margin-right: 7px; } .portfolio-content { position: relative; padding: 100px 20px; } .portfolio-content .background-grey-overlay { position: absolute; top: 0; left: 0; width: 100vw; height: 100%; background: #f5f5f5; clip-path: polygon(0 0, 100% 100px, 100% 100%, 0 100%); z-index: -1; margin-left: calc(-50vw + 50%); } .portfolio-content h3 { color: #E30521; font-size: 32px; margin-bottom: 25px !important; } .portfolio-content p, .portfolio-content ul li { font-size: 14px; line-height: 18px; font-weight: 500; } @media screen and (min-width: 768px) { .portfolio-content .vc_col-sm-3\/5 .wpb_text_column { padding-right : 10%; } } .portfolio-carousel { position: relative; text-align: center; padding-bottom: 50px; } .portfolio-carousel .background-blue-overlay { position: absolute; top: -100px; left: 0; width: 100vw; height: 100%; background: #2161A8; z-index: -1; margin-left: calc(-50vw + 50%); padding-bottom: 120px; clip-path: polygon(0 0, 100% 100px, 100% 100%, 0 100%); } .portfolio-carousel .slick-slide { padding: 0 35px; } .slick-next:before { content: "\f105"; font-family: 'FontAwesome'; } .slick-prev:before { content: "\f104"; font-family: 'FontAwesome'; } .slick-prev:before, .slick-next:before { font-size: 45px; line-height: 40px !important; line-height: 1; opacity: 1 !important; color: #ffffff; } .slick-prev, .slick-next { background-color: #32404D; height: 45px; width: 45px; line-height: 45px; border-radius: 50%; } ul.slick-dots { display: none !important; } .portfolio-personnages .projects_holder:after, .projects_holder:before { content: none; } .portfolio-personnages .projects_holder>.mix { visibility: visible !important; width: 100% !important; } .portfolio-personnages .projects_holder { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; } .portfolio-personnages .text_holder { display: none !important; } .portfolio-personnages a.listing-btn { display: block; color: #ffffff; background-color: #32404D; font-family: 'Uderzo Titre'; font-size: 23px; line-height: 15px; padding: 25px 10px 10px 15px; clip-path: polygon(0 20%, 100% 0, 100% 100%, 0% 100%); position: absolute; bottom: 0; width: 100%; text-align: left; box-sizing: border-box; } .portfolio-personnages span.listing-btn-icon-holder { font-size: 0.9em; float: right; } .portfolio-personnages .projects_holder>.mix { list-style-type: none; background-color: #f5f5f5; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); } .portfolio-personnages .projects_holder article .portfolio_description { padding: 20px 0 22px; text-align: center; background-color: #fff; border-style: none; border-top: none !important; border-width: 1px; border-color: #fefefe; } .portfolio-personnages h5.portfolio_title { font-family: 'Uderzo Titre'; font-size: 23px; line-height: 24px; text-align: center; padding: 0 5px; word-wrap: break-word; word-break: break-word; overflow-wrap: break-word; hyphens: auto; } .portfolio-personnages .portfolio-description-text { min-height: 80px; position: relative; } .portfolio-personnages .projects_holder .image_holder { padding: 20px 35px 0; background-color: #ffffff; } .portfolio-personnages .projects_holder .image_holder img { border-radius: 50%; clip-path: circle(calc(50% - 2px) at center); } .portfolio-personnages { position: relative; } .portfolio-personnages .background-orange-overlay { position: absolute; top: 0; left: 0; width: 100vw; height: 100%; background: #F5A604; z-index: -1; margin-left: calc(-50vw + 50%); } .portfolio-personnages .projects_holder article span.text_holder { background-color: transparent !important; } .portfolio-personnages .projects_holder .mix .image { border-radius: 50%; background-color: #ffffff; } .portfolio-personnages .projects_holder .mix .image { height: auto; display: block; } .portfolio-traductions { padding-top: 50px !important; z-index: 10; } .portfolio-traductions h2 { color: #32404D; } .portfolio-traductions .projects_holder:after, .projects_holder:before { content: none; } .portfolio-traductions .projects_holder>.mix { list-style-type: none; background-color: #f5f5f5; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); visibility: visible !important; width: 100% !important; max-width: 200px; } .portfolio-traductions .projects_holder { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; } .portfolio-traductions a.listing-btn { display: block; color: #ffffff; background-color: #32404D; font-family: 'Uderzo Titre'; font-size: 23px; line-height: 15px; padding: 25px 10px 10px 15px; clip-path: polygon(0 20%, 100% 0, 100% 100%, 0% 100%); position: absolute; bottom: 0; width: 100%; text-align: left; box-sizing: border-box; } .portfolio-traductions .listing-btn i { font-size: 0.9em; float: right; } .portfolio-traductions .projects_holder article .portfolio_description { padding: 20px 0 22px; text-align: center; background-color: #fff; border-style: none; border-top: none !important; border-width: 1px; border-color: #fefefe; } .portfolio-traductions h5.portfolio_title { font-family: 'Uderzo Titre'; font-size: 23px; line-height: 24px; text-align: center; padding: 0 5px; margin-bottom: 0 !important; } .portfolio-traductions h5.titre-2 { font-family: 'Uderzo Titre'; line-height: 18px; } .portfolio-traductions .portfolio-description-text { min-height: 150px; padding: 0 3px; } .portfolio-traductions { position: relative; } .portfolio-traductions .image_holder img { max-height: 263px; } .portfolio_single a.listing-btn:hover { background-color: #D90E23; } .portfolio_single .portfolio_title a:hover { color: #da102b; } .portfolio-traductions p.album-edition { font-size: 14px; line-height: 18px; font-weight: 500; margin-top: 7px; } .portfolio-coin-libraire { position: relative; padding: 50px 0 80px; z-index: 1; } .portfolio-coin-libraire p { font-size: 14px; line-height: 18px; font-weight: 500; } .portfolio-coin-libraire .background-blue-overlay { position: absolute; top: 0px; left: 0; width: 100vw; height: 100%; background: #2161A8; z-index: -10; margin-left: calc(-50vw + 50%); clip-path: polygon(0 0%, 100% 0%, 100% calc(100% - 80px), 0 100%); } .portfolio-coin-libraire * { color: #ffffff !important; text-align: left; } .image_holder.traductions-img { cursor: pointer; } .portfolio_single .portfolio_navigation { display: none; } .portfolio_single .contact-footer-row { width: 100vw; margin-left: calc(-50vw + 50%) !important; padding-top: 80px; margin-top: -80px; z-index: 0; } .portfolio_single .portfolio_navigation { display: none; } .single-personnages .portfolio_single .contact-footer-row { z-index: 10 !important; } .single-personnages .portfolio_single .contact-footer-col { padding-top: 0px; margin-top: -0px; } .portfolio_single .contact-footer-col { margin-top: 50px !important; } .fiche_presentation.fiche-hidden { visibility: hidden; } @media screen and (max-width: 991px) { div.grid_section .section_inner { width: 85%; } .container_inner { width: 90%; } } @media screen and (max-width: 1182px) { .portfolio-personnages h5.portfolio_title { font-size: 23px; line-height: normal; letter-spacing: -0.2px; } .portfolio-personnages .projects_holder { gap: 12px; } } @media screen and (max-width: 991px) { .portfolio_single .projects_holder { grid-template-columns: repeat(4, 1fr); } .portfolio-personnages h5.portfolio_title { letter-spacing: -0.5px; } } @media screen and (max-width: 767px) { .portfolio_single .projects_holder { grid-template-columns: repeat(3, 1fr); } .portfolio-personnages h5.portfolio_title { font-size: 22px; font-weight: 500; letter-spacing: -0.5px; } .portfolio_images { text-align: center; margin: 0 auto; } .portfolio_detail { padding-left: 0; } .fiche_presentation.fiche-hidden { display: none !important; } } @media screen and (max-width: 600px) { .portfolio_detail { padding-left: 0; } .fiche_presentation { margin-left: 0; } .fiche_presentation td { width: 100%; display: block; text-align: center; } .fiche_presentation h2, .fiche_presentation table td { padding: 0; } .fiche_presentation tbody, .fiche_presentation tr { display: block; } .presentation-cta { text-align: center; } .portfolio-content h3 { text-align: center; } .portfolio-content .wpb_text_column { padding: 0; } .portfolio-content .background-grey-overlay { clip-path: polygon(0 0, 100% 70px, 100% 100%, 0 100%); } .slick-prev, .slick-next { height: 35px; width: 35px; line-height: 35px; } .slick-prev:before, .slick-next:before { font-size: 32px; line-height: 32px !important; } .portfolio-carousel .slick-slide { padding: 0 10px; } .portfolio_single h2 { font-size: 28px; line-height: 35px; } .portfolio-personnages { text-align: center; } .portfolio_single .projects_holder { display: block; } .portfolio_single .projects_holder.v5 .mix { margin: 3% 1%; width: 47% !important; display: inline-block; } .portfolio-personnages h5.portfolio_title { font-size: 21px; font-weight: 500; letter-spacing: -0.5px; line-height: normal; } .portfolio-personnages .portfolio-description-text { min-height: 70px; } .portfolio_single a.listing-btn { font-size: 19px; padding: 18px 10px 7px 10px; } } /* PERSONNAGES */ .single-personnages .content { margin: 0 auto; } .single-personnages .background-green-overlay { position: absolute; top: -60px; left: 0; width: 100vw; height: 370px; background: #45AC34; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 130px)); z-index: -1; margin-left: calc(-50vw + 50%); } .single-personnages .fiche_presentation { display: inline-block; min-width: 160px; min-height: 50px; } @media screen and (min-width: 768px) { .single-personnages .portfolio_images { text-align: right; } } .single-personnages .portfolio_images .image-container { border-radius: 50%; border: 10px solid #ffffff; width: 200px; height: 200px; box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.4); margin: 30px 0; background-color: #f9d549; float: right; display: flex; align-items: center; justify-content: center; } .single-personnages .portfolio_images .image-container img { border-radius: 50%; width: 200px; height: 200px; background-color: #f9d549; clip-path: circle(calc(50% - 2px) at center); transform: scale(1.02); object-fit: cover; margin: 0; } .single-personnages h1.portfolio_title { padding: 0 25px; } .single-personnages h2 { color: #32404D; margin-bottom: 20px !important; } .single-personnages .fiche_presentation h3 { font-size: 30px; } .single-personnages .portfolio-content { padding: 50px 0 0; } .single-personnages .portfolio-content .wpb_text_column { padding: 0; } .single-personnages .projects_holder>.mix { visibility: visible !important; width: 100% !important; } .single-personnages .projects_holder { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; } .single-personnages a.listing-btn { display: block; color: #ffffff; background-color: #32404D; font-family: 'Uderzo Titre'; font-size: 23px; line-height: 15px; padding: 25px 10px 10px 15px; clip-path: polygon(0 20%, 100% 0, 100% 100%, 0% 100%); position: absolute; bottom: 0; width: 100%; text-align: left; box-sizing: border-box; } .single-personnages .listing-btn i { font-size: 0.9em; float: right; } .single-personnages .projects_holder>.mix { list-style-type: none; background-color: #f5f5f5; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); } .single-personnages .projects_holder article .portfolio_description { padding: 20px 0 22px; text-align: center; background-color: #fff; border-style: none; border-top: none !important; border-width: 1px; border-color: #fefefe; } .portfolio-quel-album h5.portfolio_title { font-family: 'Uderzo Titre'; font-size: 23px; line-height: 24px; text-align: center; padding: 0 5px; } .portfolio-quel-album .portfolio-description-text { min-height: 150px; padding: 0 3px; } .portfolio-quel-album .image_holder img { max-height: 263px; } .portfolio-quel-album { padding-top: 120px; padding-bottom: 20px; position: relative; z-index: 11; } .portfolio-quel-album .background-grey-overlay { position: absolute; top: 0; left: 0; width: 100vw; height: 100%; background: #f5f5f5; clip-path: polygon(0 100px, 100% 0, 100% 100%, 0% 100%); z-index: -1; margin-left: calc(-50vw + 50%); } .single-personnages .contact-footer { width: 100vw; margin-left: calc(-50vw + 50%); } .single-personnages nav.main_menu li#nav-menu-item-14911>a, .single-personnages nav.main_menu li#nav-menu-item-38571>a, .single-personnages nav.main_menu li#nav-menu-item-38593>a, .single-personnages nav.main_menu li#nav-menu-item-38604>a { color: #FFD504; } @media screen and (max-width: 900px) { .single-personnages .projects_holder { grid-template-columns: repeat(4, 1fr); } } @media screen and (min-width: 768px) { .q_elements_item.auteurs { padding: 0 5%; } } @media screen and (max-width: 767px) { .single-personnages h1.portfolio_title { position: absolute; top: -35px; left: 50%; transform: translateX(-50%); } .single-personnages .background-green-overlay { height: 260px; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 50px)); } .single-personnages .portfolio_detail { text-align: center; } .single-personnages .fiche_presentation { padding: 40px 40px 30px; } .single-personnages .fiche_presentation * { text-align: center !important; } .single-personnages .presentation { padding: 15px 0; } .single-personnages .portfolio-quel-album .background-grey-overlay { clip-path: polygon(0 50px, 100% 0, 100% 100%, 0% 100%); } .single-personnages .portfolio-quel-album { padding-top: 80px; } .single-personnages .portfolio-quel-album h5.portfolio_title { font-size: 21px; line-height: normal; } .single-personnages p.album-edition, .single-personnages p.album-annee { font-size: 14px; line-height: 18px; font-weight: 500; } .single-personnages .portfolio_single a.listing-btn { font-size: 19px; padding: 18px 10px 7px 10px; } .single-personnages .portfolio-quel-album .portfolio-description-text { min-height: 130px; } .single-personnages .two_columns_33_66>.column1, .single-personnages .two_columns_33_66>.column2 { width: 100%; } .single-personnages .two_columns_33_66>.column2>.column_inner { padding: 0; } .single-personnages .portfolio_detail { padding-left: 0; } } @media screen and (max-width: 650px) { .single-personnages .projects_holder { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 600px) { .single-personnages .portfolio_single .projects_holder.v5 .mix { margin: 0 0 4.7%; width: 100% !important; display: inline-block; } } @media screen and (max-width: 480px) { .single-personnages .projects_holder { grid-template-columns: repeat(2, 1fr); } } .single-albums .fiche_presentation { display: grid; margin-left: -20px; max-width: 465px; padding: 40px 50px 30px; background-color: #FFD504; clip-path: polygon(0 0, 100% 6%, 95% 93%, 4% 100%); } .single-albums .portfolio_images { padding-bottom: 40px; } .single-albums .portfolio_images img { max-width: 320px; width: 100%; } .portfolio-coin-libraire-inner { overflow: hidden; } .portfolio-coin-libraire table { display: block; } .portfolio-coin-libraire table td { padding: 0 10px 0 0; min-width: 300px; } @media screen and (max-width: 600px) { .portfolio-coin-libraire table td{ display: block; padding: 15px 0; } .portfolio_single .column1 .column_inner { justify-items: center; } .portfolio_single .column2 { text-align: center; } } .single-albums .portfolio_single h1 { color: #ffffff; font-size: 49px; line-height: 50px; margin-bottom: 20px; text-transform: none; } .single-albums .fiche_presentation h2 { text-transform: none; font-size: 32px; margin-bottom: 0; padding: 0 10px; } .single-albums .portfolio-personnages { padding: 50px 0 70px; position: relative; } .single-albums .qode-advanced-image-gallery .owl-nav .qode-next-icon, .qode-advanced-image-gallery .owl-nav .qode-prev-icon { background-color: #32404D; border: none !important; width: 50px; height: 50px; line-height: 50px; font-size: 45px; } .single-albums .qode-advanced-image-gallery .owl-nav .qode-next-icon:hover, .qode-advanced-image-gallery .owl-nav .qode-prev-icon:hover, .qode-owl-slider .owl-nav .owl-prev:hover .qode-next-icon, .qode-owl-slider .owl-nav .owl-prev:hover .qode-prev-icon { background-color: #E30521 ; color: #ffffff !important; } .single-albums .qode-advanced-image-gallery .owl-nav .owl-prev, .single-albums .qode-owl-slider .owl-nav .owl-prev { left: -60px; } .single-albums .qode-advanced-image-gallery .owl-nav .owl-next, .single-albums .qode-owl-slider .owl-nav .owl-next { right: -60px; } .single-albums .two_columns_33_66>.column1>.column_inner { padding: 0; } @media screen and (max-width: 767px) { .single-albums .two_columns_33_66>.column1, .single-albums .two_columns_33_66>.column2 { width: 100%; } .single-albums .fiche_presentation { margin: 0 auto; } } .single-biographies-mono .fiche_presentation { display: grid; } .single-biographies-mono .presentation-cta { padding-bottom: 40px; } @media screen and (min-width: 768px) { .single-biographies-mono .fiche_presentation td { width: auto; } } .single-biographies-mono .two_columns_33_66>.column1>.column_inner { padding: 0 5px 0 0; } @media screen and (max-width: 767px) { .single-biographies-mono .two_columns_33_66>.column1, .single-biographies-mono .two_columns_33_66>.column2 { width: 100%; } } .single-films .fiche_presentation { display: grid; } @media screen and (max-width: 767px) { .single-films .two_columns_33_66>.column1, .single-films .two_columns_33_66>.column2 { width: 100%; } } .single-films .two_columns_33_66>.column1>.column_inner { padding: 0; } .projects_holder .mix .image { height: 260px; display: flex; justify-content: center; align-items: center; } /* Style pour la popup */ .popup-cta-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 9999; } .popup-cta-content { position: absolute; top: 57%; left: 50%; transform: translate(-50%, -50%); background: #f5f5f5; padding: 40px 20px; width: 500px; text-align: center; border-radius: 10px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); } @media screen and (max-width: 600px) { .popup-cta-content { width: 80%; } } .popup-cta-btn a { display: inline-block; margin: 5px 10px; padding: 0; background: #fff; color: #fff; text-decoration: none; border-radius: 20px; overflow: hidden; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); } .popup-cta-btn a img { transition: transform 0.3s ease-in-out; } .popup-cta-btn a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .popup-affiliation-text { font-size: 12px; line-height: normal; padding-top: 30px; } .popup-affiliation-text a { color: #E30521; } .close-popup-cta { position: absolute; top: 10px; right: 10px; background: none; border: none; font-size: 20px; cursor: pointer; color: #333; } .page_not_found { padding-top: 20px; } .search-results .qode-search-results-one-columns { padding-top: 50px; } .search-results .qode-search-results-one-columns .post_content_holder { display: flex; } .search-results .qode-search-results-one-columns .post_image { width: 20% !important; padding: 10px; } .search-results .qode-search-results-one-columns .post_text { width: 75% !important; padding: 10px; } .search-results .qode-search-results-one-columns span.date.entry_date.updated, .blog_holder article .post_text h2 .date, .search-results .qode-search-results-one-columns .post_info .time, .qode-search-results-five-columns .post_info { display: none !important; } .qode-search-results-five-columns .post_text_inner h2, .qode-search-results-five-columns .post_text_inner h2 a { font-size: 24px; line-height: 26px; text-transform: none; } .qode-search-results-five-columns .post_text_inner .post_more a { font-size: 21px; line-height: 23px; height: 23px; text-transform: none; padding: 3px 15px; } .search-results .qode-search-results-one-columns .post_more .qbutton.small { font-size: 24px; padding: 3px 20px; } .qode-search-results-five-columns .post_text .post_text_inner { padding: 23px 5px 35px !important; text-align: center; } .search-results .pagination ul li.prev a, .search-results .pagination ul li.next a { border-radius: 50%; border: none; color: #ffffff; background-color: #d90e23; font-size: 26px; } .search-results .pagination ul li.prev a:hover, .search-results .pagination ul li.next a:hover { color: #ffffff; background-color: #32404D; } .search-results .pagination ul li a { border: none; border-radius: 50%; } .search-results .pagination ul li span { border: none; border-radius: 50%; } .wpml-ls-sidebars-header_right.wpml-ls.wpml-ls-legacy-list-horizontal { position: fixed; top: 15px; padding: 0 7px; right: 0; z-index: 10; } ul#menu-menu-principal-en li, ul#menu-menu-principal-de li, ul#menu-menu-principal-es li { padding: 0 20px; } @media screen and (min-width: 1001px) and (max-width: 1200px) { ul#menu-menu-principal-en li, ul#menu-menu-principal-de li, ul#menu-menu-principal-es li { padding: 0 10px; } } .single-livres .portfolio_single h1 { color: #ffffff; font-size: 49px; line-height: 50px; margin-bottom: 20px; text-transform: none; } .single-livres .portfolio_images img { max-width: 320px; width: 100%; } .single-livres .portfolio_images { padding-bottom: 40px; } .single-livres .fiche_presentation { display: grid; margin-left: -20px; max-width: 465px; padding: 40px 50px 30px; background-color: #FFD504; clip-path: polygon(0 0, 100% 6%, 95% 93%, 4% 100%); } .single-livres .fiche_presentation h2 { text-transform: none; font-size: 32px; margin-bottom: 0; padding: 0 10px; } @media screen and (max-width: 767px) { .single-livres .two_columns_33_66>.column1, .single-livres .two_columns_33_66>.column2 { width: 100%; } .single-livres .fiche_presentation { margin: 0 auto; } } .mejs-controls * { color: #ffffff !important; } .mejs-controls .mejs-play button, .mejs-controls .mejs-volume-button button { filter: invert(1); } .projects_holder article .image img { object-fit: cover !important; height: 100%; } html:lang(de) .wp-block-button#btn-biblio, html:lang(en) .wp-block-button#btn-biblio, html:lang(es) .wp-block-button#btn-biblio { display: none; } </style> <link rel='stylesheet' id='js_composer_front-css' href='https://asterix.com/wp-content/plugins/js_composer/assets/css/js_composer.min.css?ver=7.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='bridge-style-handle-google-fonts-css' href='https://fonts.googleapis.com/css?family=Raleway%3A100%2C200%2C300%2C400%2C500%2C600%2C700%2C800%2C900%2C100italic%2C300italic%2C400italic%2C700italic%7CRaleway%3A100%2C200%2C300%2C400%2C500%2C600%2C700%2C800%2C900%2C100italic%2C300italic%2C400italic%2C700italic&#038;subset=latin%2Clatin-ext&#038;ver=1.0.0' type='text/css' media='all' /> <link rel='stylesheet' id='bridge-core-dashboard-style-css' href='https://asterix.com/wp-content/plugins/bridge-core/modules/core-dashboard/assets/css/core-dashboard.min.css?ver=1ef6f28904aab10e83684b2c39cd77b2' type='text/css' media='all' /> <link rel='stylesheet' id='popup-maker-site-css' href='https://asterix.com/wp-content/plugins/popup-maker/assets/css/pum-site.min.css?ver=1.20.4' type='text/css' media='all' /> <style id='popup-maker-site-inline-css' type='text/css'> /* Popup Google Fonts */ @import url('//fonts.googleapis.com/css?family=Montserrat:100'); /* Popup Theme 15865: Tutoriels */ .pum-theme-15865, .pum-theme-tutoriels { background-color: rgba( 0, 0, 0, 0.70 ) } .pum-theme-15865 .pum-container, .pum-theme-tutoriels .pum-container { padding: 0px; border-radius: 0px; border: 1px none #000000; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.23 ); background-color: rgba( 0, 0, 0, 0.00 ) } .pum-theme-15865 .pum-title, .pum-theme-tutoriels .pum-title { color: #000000; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 400; font-size: 32px; line-height: 36px } .pum-theme-15865 .pum-content, .pum-theme-tutoriels .pum-content { color: #8c8c8c; font-family: inherit; font-weight: 400 } .pum-theme-15865 .pum-content + .pum-close, .pum-theme-tutoriels .pum-content + .pum-close { position: absolute; height: 27px; width: 27px; left: auto; right: 0px; bottom: auto; top: 0px; padding: 0px; color: #ffffff; font-family: Comic Sans MS; font-weight: 600; font-size: 17px; line-height: 23px; border: 1px none #ffffff; border-radius: 0px; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 227, 5, 33, 1.00 ) } /* Popup Theme 15854: Thème par défaut */ .pum-theme-15854, .pum-theme-theme-par-defaut { background-color: rgba( 255, 255, 255, 1.00 ) } .pum-theme-15854 .pum-container, .pum-theme-theme-par-defaut .pum-container { padding: 18px; border-radius: 0px; border: 1px none #000000; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.23 ); background-color: rgba( 249, 249, 249, 1.00 ) } .pum-theme-15854 .pum-title, .pum-theme-theme-par-defaut .pum-title { color: #000000; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 400; font-size: 32px; font-style: normal; line-height: 36px } .pum-theme-15854 .pum-content, .pum-theme-theme-par-defaut .pum-content { color: #8c8c8c; font-family: inherit; font-weight: 400; font-style: inherit } .pum-theme-15854 .pum-content + .pum-close, .pum-theme-theme-par-defaut .pum-content + .pum-close { position: absolute; height: auto; width: auto; left: auto; right: 0px; bottom: auto; top: 0px; padding: 8px; color: #ffffff; font-family: inherit; font-weight: 400; font-size: 12px; font-style: inherit; line-height: 36px; border: 1px none #ffffff; border-radius: 0px; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 0, 183, 205, 1.00 ) } /* Popup Theme 15855: Visionneuse */ .pum-theme-15855, .pum-theme-lightbox { background-color: rgba( 0, 0, 0, 0.60 ) } .pum-theme-15855 .pum-container, .pum-theme-lightbox .pum-container { padding: 18px; border-radius: 3px; border: 8px solid #000000; box-shadow: 0px 0px 30px 0px rgba( 2, 2, 2, 1.00 ); background-color: rgba( 255, 255, 255, 1.00 ) } .pum-theme-15855 .pum-title, .pum-theme-lightbox .pum-title { color: #000000; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 100; font-size: 32px; line-height: 36px } .pum-theme-15855 .pum-content, .pum-theme-lightbox .pum-content { color: #000000; font-family: inherit; font-weight: 100 } .pum-theme-15855 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close { position: absolute; height: 26px; width: 26px; left: auto; right: -13px; bottom: auto; top: -13px; padding: 0px; color: #ffffff; font-family: Arial; font-weight: 100; font-size: 24px; line-height: 24px; border: 2px solid #ffffff; border-radius: 26px; box-shadow: 0px 0px 15px 1px rgba( 2, 2, 2, 0.75 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 0, 0, 0, 1.00 ) } /* Popup Theme 15856: Bleu entreprise */ .pum-theme-15856, .pum-theme-enterprise-blue { background-color: rgba( 0, 0, 0, 0.70 ) } .pum-theme-15856 .pum-container, .pum-theme-enterprise-blue .pum-container { padding: 28px; border-radius: 5px; border: 1px none #000000; box-shadow: 0px 10px 25px 4px rgba( 2, 2, 2, 0.50 ); background-color: rgba( 255, 255, 255, 1.00 ) } .pum-theme-15856 .pum-title, .pum-theme-enterprise-blue .pum-title { color: #315b7c; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 100; font-size: 34px; line-height: 36px } .pum-theme-15856 .pum-content, .pum-theme-enterprise-blue .pum-content { color: #2d2d2d; font-family: inherit; font-weight: 100 } .pum-theme-15856 .pum-content + .pum-close, .pum-theme-enterprise-blue .pum-content + .pum-close { position: absolute; height: 28px; width: 28px; left: auto; right: 8px; bottom: auto; top: 8px; padding: 4px; color: #ffffff; font-family: Times New Roman; font-weight: 100; font-size: 20px; line-height: 20px; border: 1px none #ffffff; border-radius: 42px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 49, 91, 124, 1.00 ) } /* Popup Theme 15857: Boite de bienvenue */ .pum-theme-15857, .pum-theme-hello-box { background-color: rgba( 0, 0, 0, 0.75 ) } .pum-theme-15857 .pum-container, .pum-theme-hello-box .pum-container { padding: 30px; border-radius: 80px; border: 14px solid #81d742; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.00 ); background-color: rgba( 255, 255, 255, 1.00 ) } .pum-theme-15857 .pum-title, .pum-theme-hello-box .pum-title { color: #2d2d2d; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: Montserrat; font-weight: 100; font-size: 32px; line-height: 36px } .pum-theme-15857 .pum-content, .pum-theme-hello-box .pum-content { color: #2d2d2d; font-family: inherit; font-weight: 100 } .pum-theme-15857 .pum-content + .pum-close, .pum-theme-hello-box .pum-content + .pum-close { position: absolute; height: auto; width: auto; left: auto; right: -30px; bottom: auto; top: -30px; padding: 0px; color: #2d2d2d; font-family: Times New Roman; font-weight: 100; font-size: 32px; line-height: 28px; border: 1px none #ffffff; border-radius: 28px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 255, 255, 255, 1.00 ) } /* Popup Theme 15858: En pointe */ .pum-theme-15858, .pum-theme-cutting-edge { background-color: rgba( 0, 0, 0, 0.50 ) } .pum-theme-15858 .pum-container, .pum-theme-cutting-edge .pum-container { padding: 18px; border-radius: 0px; border: 1px none #000000; box-shadow: 0px 10px 25px 0px rgba( 2, 2, 2, 0.50 ); background-color: rgba( 30, 115, 190, 1.00 ) } .pum-theme-15858 .pum-title, .pum-theme-cutting-edge .pum-title { color: #ffffff; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: Sans-Serif; font-weight: 100; font-size: 26px; line-height: 28px } .pum-theme-15858 .pum-content, .pum-theme-cutting-edge .pum-content { color: #ffffff; font-family: inherit; font-weight: 100 } .pum-theme-15858 .pum-content + .pum-close, .pum-theme-cutting-edge .pum-content + .pum-close { position: absolute; height: 24px; width: 24px; left: auto; right: 0px; bottom: auto; top: 0px; padding: 0px; color: #1e73be; font-family: Times New Roman; font-weight: 100; font-size: 32px; line-height: 24px; border: 1px none #ffffff; border-radius: 0px; box-shadow: -1px 1px 1px 0px rgba( 2, 2, 2, 0.10 ); text-shadow: -1px 1px 1px rgba( 0, 0, 0, 0.10 ); background-color: rgba( 238, 238, 34, 1.00 ) } /* Popup Theme 15859: Framed Border */ .pum-theme-15859, .pum-theme-framed-border { background-color: rgba( 255, 255, 255, 0.50 ) } .pum-theme-15859 .pum-container, .pum-theme-framed-border .pum-container { padding: 18px; border-radius: 0px; border: 20px outset #dd3333; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.97 ) inset; background-color: rgba( 255, 251, 239, 1.00 ) } .pum-theme-15859 .pum-title, .pum-theme-framed-border .pum-title { color: #000000; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 100; font-size: 32px; line-height: 36px } .pum-theme-15859 .pum-content, .pum-theme-framed-border .pum-content { color: #2d2d2d; font-family: inherit; font-weight: 100 } .pum-theme-15859 .pum-content + .pum-close, .pum-theme-framed-border .pum-content + .pum-close { position: absolute; height: 20px; width: 20px; left: auto; right: -20px; bottom: auto; top: -20px; padding: 0px; color: #ffffff; font-family: Tahoma; font-weight: 700; font-size: 16px; line-height: 18px; border: 1px none #ffffff; border-radius: 0px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 0, 0, 0, 0.55 ) } /* Popup Theme 15860: Barre flottante - Bleu léger */ .pum-theme-15860, .pum-theme-floating-bar { background-color: rgba( 255, 255, 255, 0.00 ) } .pum-theme-15860 .pum-container, .pum-theme-floating-bar .pum-container { padding: 8px; border-radius: 0px; border: 1px none #000000; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.23 ); background-color: rgba( 238, 246, 252, 1.00 ) } .pum-theme-15860 .pum-title, .pum-theme-floating-bar .pum-title { color: #505050; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 400; font-size: 32px; line-height: 36px } .pum-theme-15860 .pum-content, .pum-theme-floating-bar .pum-content { color: #505050; font-family: inherit; font-weight: 400 } .pum-theme-15860 .pum-content + .pum-close, .pum-theme-floating-bar .pum-content + .pum-close { position: absolute; height: 18px; width: 18px; left: auto; right: 5px; bottom: auto; top: 50%; padding: 0px; color: #505050; font-family: Sans-Serif; font-weight: 700; font-size: 15px; line-height: 18px; border: 1px solid #505050; border-radius: 15px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.00 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.00 ); background-color: rgba( 255, 255, 255, 0.00 ); transform: translate(0, -50%) } /* Popup Theme 15861: Contenu uniquement - Pour utilisation avec les constructeurs de pages ou l’éditeur de blocs */ .pum-theme-15861, .pum-theme-content-only { background-color: rgba( 0, 0, 0, 0.70 ) } .pum-theme-15861 .pum-container, .pum-theme-content-only .pum-container { padding: 0px; border-radius: 0px; border: 1px none #000000; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.00 ) } .pum-theme-15861 .pum-title, .pum-theme-content-only .pum-title { color: #000000; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 400; font-size: 32px; line-height: 36px } .pum-theme-15861 .pum-content, .pum-theme-content-only .pum-content { color: #8c8c8c; font-family: inherit; font-weight: 400 } .pum-theme-15861 .pum-content + .pum-close, .pum-theme-content-only .pum-content + .pum-close { position: absolute; height: 18px; width: 18px; left: auto; right: 7px; bottom: auto; top: 7px; padding: 0px; color: #000000; font-family: inherit; font-weight: 700; font-size: 20px; line-height: 20px; border: 1px none #ffffff; border-radius: 15px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.00 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.00 ); background-color: rgba( 255, 255, 255, 0.00 ) } #pum-15888 {z-index: 1999999999} #pum-15886 {z-index: 1999999999} #pum-15884 {z-index: 1999999999} #pum-15863 {z-index: 1999999999} #pum-15881 {z-index: 1999999999} #pum-15862 {z-index: 1999999999} </style> <link rel='stylesheet' id='bridge-childstyle-css' href='https://asterix.com/wp-content/themes/bridge-child/style.css?ver=1ef6f28904aab10e83684b2c39cd77b2' type='text/css' media='all' /> <link rel='stylesheet' id='cf7cf-style-css' href='https://asterix.com/wp-content/plugins/cf7-conditional-fields/style.css?ver=2.5.7' type='text/css' media='all' /> <script type="text/javascript" id="wpml-cookie-js-extra"> /* <![CDATA[ */ var wpml_cookies = {"wp-wpml_current_language":{"value":"fr","expires":1,"path":"\/"}}; var wpml_cookies = {"wp-wpml_current_language":{"value":"fr","expires":1,"path":"\/"}}; /* ]]> */ </script> <script type="text/javascript" src="https://asterix.com/wp-content/plugins/sitepress-multilingual-cms/res/js/cookies/language-cookie.js?ver=4.6.15" id="wpml-cookie-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" src="https://asterix.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://asterix.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script type="text/javascript" src="https://asterix.com/wp-content/plugins/easy-content-adder/public/js/easy-content-adder-public.js?ver=1.1.2" id="easy-content-adder-js"></script> <script type="text/javascript" src="https://asterix.com/wp-content/themes/bridge/js/plugins/html5.js?ver=1ef6f28904aab10e83684b2c39cd77b2" id="html5-js"></script> <script></script><link rel="https://api.w.org/" href="https://asterix.com/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://asterix.com/xmlrpc.php?rsd" /> <meta name="generator" content="WPML ver:4.6.15 stt:1,4,3,2;" /> <script type="text/javascript"> (function(){ function i(e){ if(!window.frames[e]){ if(document.body && document.body.firstChild){ var t=document.body; var n=document.createElement("iframe"); n.style.display="none"; n.name=e; n.title=e; t.insertBefore(n,t.firstChild); } else { setTimeout(function(){ i(e); }, 5); } } } function e(n, o, r, f, s){ function e(e, t, n, i){ if(typeof n !== "function") { return; } if(!window[o]) { window[o] = []; } var a = false; if(s) { a = s(e, i, n); } if(!a) { window[o].push({ command: e, version: t, callback: n, parameter: i }); } } e.stub = true; e.stubVersion = 2; function t(i){ if(!window[n] || window[n].stub !== true) { return; } if(!i.data) { return; } var a = typeof i.data === "string"; var e; try { e = a ? JSON.parse(i.data) : i.data; } catch (t) { return; } if(e[r]){ var o = e[r]; window[n](o.command, o.version, function(e, t){ var n = {}; n[f] = { returnValue: e, success: t, callId: o.callId }; if(i.source) { i.source.postMessage(a ? JSON.stringify(n) : n, "*"); } }, o.parameter); } } if(typeof window[n] !== "function"){ window[n] = e; if(window.addEventListener){ window.addEventListener("message", t, false); } else { window.attachEvent("onmessage", t); } } } e("__tcfapi", "__tcfapiBuffer", "__tcfapiCall", "__tcfapiReturn"); i("__tcfapiLocator"); })(); </script> <script type="text/javascript"> (function(){ (function(e){ var r = document.createElement("link"); r.rel = "preconnect"; r.as = "script"; var t = document.createElement("link"); t.rel = "dns-prefetch"; t.as = "script"; var n = document.createElement("script"); n.id = "spcloader"; n.type = "text/javascript"; n["async"] = true; n.charset = "utf-8"; var o = "https://sdk.privacy-center.org/"+e+"/loader.js?target="+document.location.hostname; if(window.didomiConfig && window.didomiConfig.user){ var i = window.didomiConfig.user; var a = i.country; var c = i.region; if(a){ o = o + "&country=" + a; if(c){ o = o + "&region=" + c; } } } r.href = "https://sdk.privacy-center.org/"; t.href = "https://sdk.privacy-center.org/"; n.src = o; var d = document.getElementsByTagName("script")[0]; d.parentNode.insertBefore(r, d); d.parentNode.insertBefore(t, d); d.parentNode.insertBefore(n, d); })("0d289d27-22e3-4dc8-9ab8-3349d1e78c64"); })(); </script> <meta name="generator" content="Powered by WPBakery Page Builder - drag and drop page builder for WordPress."/> <link rel="icon" href="https://asterix.com/wp-content/uploads/2024/07/favicon.ico" sizes="32x32" /> <link rel="icon" href="https://asterix.com/wp-content/uploads/2024/07/favicon.ico" sizes="192x192" /> <link rel="apple-touch-icon" href="https://asterix.com/wp-content/uploads/2024/07/favicon.ico" /> <meta name="msapplication-TileImage" content="https://asterix.com/wp-content/uploads/2024/07/favicon.ico" /> <noscript><style> .wpb_animate_when_almost_visible { opacity: 1; }</style></noscript></head> <body data-rsssl=1 class="error404 bridge-core-3.2.0 qode-title-hidden qode-child-theme-ver-1.0.0 qode-theme-ver-30.6 qode-theme-bridge qode_header_in_grid qode-wpml-enabled wpb-js-composer js-comp-ver-7.7.2 vc_responsive" itemscope itemtype="http://schema.org/WebPage"> <div class="ajax_loader"><div class="ajax_loader_1"><div class="pulse"></div></div></div> <div class="wrapper"> <div class="wrapper_inner"> <!-- Google Analytics start --> <!-- Google Analytics end --> <header class=" has_top centered_logo scroll_header_top_area fixed scrolled_not_transparent sticky_mobile page_header"> <div class="header_inner clearfix"> <div class="header_top_bottom_holder"> <div class="header_top clearfix" > <div class="container"> <div class="container_inner clearfix"> <div class="left"> <div class="inner"> <div class="header-widget widget_block header-left-widget"> <div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"> <div class="wp-block-button" id="btn-newsletter-mobile"><a class="wp-block-button__link wp-element-button" href="#newsletter">Newsletter</a></div> </div> </div><div class="header-widget widget_block widget_media_image header-left-widget"> <figure class="wp-block-image size-full is-resized"><a href="https://asterix.com"><img decoding="async" width="323" height="114" src="https://asterix.com/wp-content/uploads/2024/07/logo-asterix.png" alt="Logo Ast&#xE9;rix" class="wp-image-14890" style="width:245px;height:auto" srcset="https://asterix.com/wp-content/uploads/2024/07/logo-asterix.png 323w, https://asterix.com/wp-content/uploads/2024/07/logo-asterix-300x106.png 300w" sizes="(max-width: 323px) 100vw, 323px" /></a></figure> </div> </div> </div> <div class="right"> <div class="inner"> <div class="header-widget widget_icl_lang_sel_widget header-right-widget"> <div class="wpml-ls-sidebars-header_right wpml-ls wpml-ls-legacy-list-horizontal"> <ul><li class="wpml-ls-slot-header_right wpml-ls-item wpml-ls-item-en wpml-ls-first-item wpml-ls-item-legacy-list-horizontal"> <a href="https://asterix.com/en/" class="wpml-ls-link"> <img class="wpml-ls-flag" src="https://asterix.com/wp-content/plugins/sitepress-multilingual-cms/res/flags/en.svg" alt="Anglais" /></a> </li><li class="wpml-ls-slot-header_right wpml-ls-item wpml-ls-item-de wpml-ls-item-legacy-list-horizontal"> <a href="https://asterix.com/de/" class="wpml-ls-link"> <img class="wpml-ls-flag" src="https://asterix.com/wp-content/plugins/sitepress-multilingual-cms/res/flags/de.svg" alt="Allemand" /></a> </li><li class="wpml-ls-slot-header_right wpml-ls-item wpml-ls-item-es wpml-ls-last-item wpml-ls-item-legacy-list-horizontal"> <a href="https://asterix.com/es/" class="wpml-ls-link"> <img class="wpml-ls-flag" src="https://asterix.com/wp-content/plugins/sitepress-multilingual-cms/res/flags/es.svg" alt="Espagnol" /></a> </li></ul> </div> </div><div class="header-widget widget_block header-right-widget"> <div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><form id="searchform" role="search" method="get" class="wp-block-search__no-button qode-searchform wp-block-search" action="https://asterix.com/"><div class="qode-input-holder "><label for="qode-search-form-1" class="qode-search-form-label screen-reader-text">Search</label><input type="text" id="qode-search-form-1" class="search-field " name="s" value="" placeholder="Rechercher" required /></div></form></div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><span class='q_social_icon_holder circle_social' data-color=#ffffff data-hover-background-color=#32404D data-hover-color=#ffffff><a itemprop='url' href='https://x.com/asterixofficiel/' target='_blank'><span class='fa-stack ' style='background-color: #32404D;font-size: 14px;'><i class="qode_icon_font_awesome fa fa5 fab fa-x-twitter " style="color: #ffffff;font-size: 20px;" ></i></span></a></span> <span class='q_social_icon_holder circle_social' data-color=#ffffff data-hover-background-color=#32404D data-hover-color=#ffffff><a itemprop='url' href='https://www.facebook.com/asterixobelixofficiel' target='_blank'><span class='fa-stack ' style='background-color: #32404D;font-size: 14px;'><i class="qode_icon_font_awesome fa fa-facebook-f " style="color: #ffffff;font-size: 20px;" ></i></span></a></span> <span class='q_social_icon_holder circle_social' data-color=#ffffff data-hover-background-color=#32404D data-hover-color=#ffffff><a itemprop='url' href='https://www.instagram.com/lartdasterix/' target='_blank'><span class='fa-stack ' style='background-color: #32404D;font-size: 14px;'><i class="qode_icon_font_awesome fa fa-instagram " style="color: #ffffff;font-size: 20px;" ></i></span></a></span></div> </div> </div><div class="header-widget widget_block header-right-widget"> <div class="wp-block-group is-layout-grid wp-container-core-group-is-layout-1 wp-block-group-is-layout-grid"> <div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"> <div class="wp-block-button" id="btn-newsletter"><a class="wp-block-button__link wp-element-button" href="#newsletter">Newsletter</a></div> </div> <div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"> <div class="wp-block-button" id="btn-biblio"><a class="wp-block-button__link wp-element-button" href="https://asterix-bibliotheques.com/" target="_blank" rel="noreferrer noopener">Bibliothèques</a></div> </div> <div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"> <div class="wp-block-button" id="btn-boutique"><a class="wp-block-button__link wp-element-button" href="https://boutique.asterix.com/fr/" target="_blank" rel="noreferrer noopener">La boutique</a></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="header_bottom clearfix" style=' background-color:rgba(217, 14, 35, 1);' > <div class="container"> <div class="container_inner clearfix"> <div class="header_inner_left"> <div class="mobile_menu_button"> <span> <span aria-hidden="true" class="qode_icon_font_elegant icon_menu " ></span> </span> </div> <div class="logo_wrapper" > <div class="q_logo"> <a itemprop="url" href="https://asterix.com/" > <img itemprop="image" class="normal" src="https://asterix.com/wp-content/uploads/2024/07/logo-asterix.png" alt="Logo"> <img itemprop="image" class="light" src="https://asterix.com/wp-content/uploads/2024/07/logo-asterix.png" alt="Logo"/> <img itemprop="image" class="dark" src="https://asterix.com/wp-content/uploads/2024/07/logo-asterix.png" alt="Logo"/> <img itemprop="image" class="sticky" src="https://asterix.com/wp-content/uploads/2024/07/logo-asterix.png" alt="Logo"/> <img itemprop="image" class="mobile" src="https://asterix.com/wp-content/uploads/2024/07/logo-asterix.png" alt="Logo"/> </a> </div> </div> </div> <nav class="main_menu drop_down center"> <ul id="menu-menu-principal" class=""><li id="nav-menu-item-15090" class="menu-item menu-item-type-post_type menu-item-object-page narrow"><a href="https://asterix.com/les-actualites/" class=""><i class="menu_icon blank fa"></i><span>Les<br>actualités</span><span class="plus"></span></a></li> <li id="nav-menu-item-14909" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has_sub narrow"><a href="#" class=" no_link" style="cursor: default;" onclick="JavaScript: return false;"><i class="menu_icon blank fa"></i><span>Les albums et magazines</span><span class="plus"></span></a> <div class="second"><div class="inner"><ul> <li id="nav-menu-item-16804" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/les-bandes-dessinees/" class=""><i class="menu_icon blank fa"></i><span>Les bandes dessinées</span><span class="plus"></span></a></li> <li id="nav-menu-item-15647" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/les-albums-illustres/" class=""><i class="menu_icon blank fa"></i><span>Les albums illustrés</span><span class="plus"></span></a></li> <li id="nav-menu-item-15652" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/les-editions-speciales/" class=""><i class="menu_icon blank fa"></i><span>Les éditions spéciales</span><span class="plus"></span></a></li> <li id="nav-menu-item-19924" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/les-editions-de-luxe/" class=""><i class="menu_icon blank fa"></i><span>Les éditions de luxe</span><span class="plus"></span></a></li> <li id="nav-menu-item-19940" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/les-bandes-dessinees-idefix/" class=""><i class="menu_icon blank fa"></i><span>Les bandes dessinées Idéfix</span><span class="plus"></span></a></li> <li id="nav-menu-item-19941" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/les-integrales/" class=""><i class="menu_icon blank fa"></i><span>Les intégrales</span><span class="plus"></span></a></li> <li id="nav-menu-item-19943" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/les-ouvrages-de-reference/" class=""><i class="menu_icon blank fa"></i><span>Les ouvrages de référence</span><span class="plus"></span></a></li> <li id="nav-menu-item-19942" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/asterix-max-le-gros-magazine-de-vos-heros-preferes/" class=""><i class="menu_icon blank fa"></i><span>Astérix Max : le GROS magazine</span><span class="plus"></span></a></li> </ul></div></div> </li> <li id="nav-menu-item-14910" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has_sub narrow"><a href="#" class=" no_link" style="cursor: default;" onclick="JavaScript: return false;"><i class="menu_icon blank fa"></i><span>Les<br>films</span><span class="plus"></span></a> <div class="second"><div class="inner"><ul> <li id="nav-menu-item-15648" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/les-dessins-animes/" class=""><i class="menu_icon blank fa"></i><span>Les dessins animés</span><span class="plus"></span></a></li> <li id="nav-menu-item-19945" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/les-films-live/" class=""><i class="menu_icon blank fa"></i><span>Les films « Live »</span><span class="plus"></span></a></li> <li id="nav-menu-item-19944" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/idefix-et-les-irreductibles-la-serie-tele/" class=""><i class="menu_icon blank fa"></i><span>Idéfix et les Irréductibles – la série télé</span><span class="plus"></span></a></li> </ul></div></div> </li> <li id="nav-menu-item-14911" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has_sub narrow"><a href="#" class=" no_link" style="cursor: default;" onclick="JavaScript: return false;"><i class="menu_icon blank fa"></i><span>Les personnages</span><span class="plus"></span></a> <div class="second"><div class="inner"><ul> <li id="nav-menu-item-15653" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/les-gaulois/" class=""><i class="menu_icon blank fa"></i><span>Les Gaulois</span><span class="plus"></span></a></li> <li id="nav-menu-item-15915" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/les-romains/" class=""><i class="menu_icon blank fa"></i><span>Les Romains</span><span class="plus"></span></a></li> <li id="nav-menu-item-15920" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/les-autres/" class=""><i class="menu_icon blank fa"></i><span>Les autres…</span><span class="plus"></span></a></li> </ul></div></div> </li> <li id="nav-menu-item-14912" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has_sub narrow"><a href="#" class=" no_link" style="cursor: default;" onclick="JavaScript: return false;"><i class="menu_icon blank fa"></i><span>Les<br>créateurs</span><span class="plus"></span></a> <div class="second"><div class="inner"><ul> <li id="nav-menu-item-15654" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/rene-goscinny/" class=""><i class="menu_icon blank fa"></i><span>René Goscinny</span><span class="plus"></span></a></li> <li id="nav-menu-item-19104" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/albert-uderzo/" class=""><i class="menu_icon blank fa"></i><span>Albert Uderzo</span><span class="plus"></span></a></li> </ul></div></div> </li> <li id="nav-menu-item-15633" class="menu-item menu-item-type-post_type menu-item-object-page narrow"><a href="https://asterix.com/les-guides-pedagogiques/" class=""><i class="menu_icon blank fa"></i><span>Les Guides Pédagogiques</span><span class="plus"></span></a></li> <li id="nav-menu-item-14914" class="menu-item menu-item-type-custom menu-item-object-custom narrow"><a target="_blank" href="https://www.parcasterix.fr/" class=""><i class="menu_icon blank fa"></i><span>Le parc Astérix</span><span class="plus"></span></a></li> </ul> </nav> <div class="header_inner_right"> <div class="side_menu_button_wrapper right"> <div class="side_menu_button"> </div> </div> </div> <nav class="mobile_menu"> <ul id="menu-menu-mobile" class=""><li id="mobile-menu-item-15103" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/les-actualites/" class=""><span>Les Actualités</span></a><span class="mobile_arrow"><i class="fa fa-angle-right"></i><i class="fa fa-angle-down"></i></span></li> <li id="mobile-menu-item-15104" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has_sub"><h3><span>Les albums et magazines</span></h3><span class="mobile_arrow"><i class="fa fa-angle-right"></i><i class="fa fa-angle-down"></i></span> <ul class="sub_menu"> <li id="mobile-menu-item-40111" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/les-bandes-dessinees/" class=""><span>Les bandes dessinées</span></a><span class="mobile_arrow"><i class="fa fa-angle-right"></i><i class="fa fa-angle-down"></i></span></li> <li id="mobile-menu-item-40110" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/les-albums-illustres/" class=""><span>Les albums illustrés</span></a><span class="mobile_arrow"><i class="fa fa-angle-right"></i><i class="fa fa-angle-down"></i></span></li> <li id="mobile-menu-item-40113" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/les-editions-speciales/" class=""><span>Les éditions spéciales</span></a><span class="mobile_arrow"><i class="fa fa-angle-right"></i><i class="fa fa-angle-down"></i></span></li> <li id="mobile-menu-item-40112" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/les-editions-de-luxe/" class=""><span>Les éditions de luxe</span></a><span class="mobile_arrow"><i class="fa fa-angle-right"></i><i class="fa fa-angle-down"></i></span></li> <li id="mobile-menu-item-40116" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/les-bandes-dessinees-idefix/" class=""><span>Les bandes dessinées Idéfix</span></a><span class="mobile_arrow"><i class="fa fa-angle-right"></i><i class="fa fa-angle-down"></i></span></li> <li id="mobile-menu-item-40114" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/les-integrales/" class=""><span>Les intégrales</span></a><span class="mobile_arrow"><i class="fa fa-angle-right"></i><i class="fa fa-angle-down"></i></span></li> <li id="mobile-menu-item-40115" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/les-ouvrages-de-reference/" class=""><span>Les ouvrages de référence</span></a><span class="mobile_arrow"><i class="fa fa-angle-right"></i><i class="fa fa-angle-down"></i></span></li> <li id="mobile-menu-item-40109" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/asterix-max-le-gros-magazine-de-vos-heros-preferes/" class=""><span>Astérix Max : le GROS magazine de vos héros préférés !</span></a><span class="mobile_arrow"><i class="fa fa-angle-right"></i><i class="fa fa-angle-down"></i></span></li> </ul> </li> <li id="mobile-menu-item-15105" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has_sub"><h3><span>Les films</span></h3><span class="mobile_arrow"><i class="fa fa-angle-right"></i><i class="fa fa-angle-down"></i></span> <ul class="sub_menu"> <li id="mobile-menu-item-40118" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/les-dessins-animes/" class=""><span>Les dessins animés</span></a><span class="mobile_arrow"><i class="fa fa-angle-right"></i><i class="fa fa-angle-down"></i></span></li> <li id="mobile-menu-item-40119" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/les-films-live/" class=""><span>Les films « Live »</span></a><span class="mobile_arrow"><i class="fa fa-angle-right"></i><i class="fa fa-angle-down"></i></span></li> <li id="mobile-menu-item-40117" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/idefix-et-les-irreductibles-la-serie-tele/" class=""><span>Idéfix et les Irréductibles – la série télé</span></a><span class="mobile_arrow"><i class="fa fa-angle-right"></i><i class="fa fa-angle-down"></i></span></li> </ul> </li> <li id="mobile-menu-item-15106" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has_sub"><h3><span>Les personnages</span></h3><span class="mobile_arrow"><i class="fa fa-angle-right"></i><i class="fa fa-angle-down"></i></span> <ul class="sub_menu"> <li id="mobile-menu-item-40121" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/les-gaulois/" class=""><span>Les Gaulois</span></a><span class="mobile_arrow"><i class="fa fa-angle-right"></i><i class="fa fa-angle-down"></i></span></li> <li id="mobile-menu-item-40122" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/les-romains/" class=""><span>Les Romains</span></a><span class="mobile_arrow"><i class="fa fa-angle-right"></i><i class="fa fa-angle-down"></i></span></li> <li id="mobile-menu-item-40120" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/les-autres/" class=""><span>Les autres…</span></a><span class="mobile_arrow"><i class="fa fa-angle-right"></i><i class="fa fa-angle-down"></i></span></li> </ul> </li> <li id="mobile-menu-item-15107" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has_sub"><a href="#" class=""><span>Les créateurs</span></a><span class="mobile_arrow"><i class="fa fa-angle-right"></i><i class="fa fa-angle-down"></i></span> <ul class="sub_menu"> <li id="mobile-menu-item-40124" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/rene-goscinny/" class=""><span>René Goscinny</span></a><span class="mobile_arrow"><i class="fa fa-angle-right"></i><i class="fa fa-angle-down"></i></span></li> <li id="mobile-menu-item-40123" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/albert-uderzo/" class=""><span>Albert Uderzo</span></a><span class="mobile_arrow"><i class="fa fa-angle-right"></i><i class="fa fa-angle-down"></i></span></li> </ul> </li> <li id="mobile-menu-item-15632" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/les-guides-pedagogiques/" class=""><span>Les Guides Pédagogiques</span></a><span class="mobile_arrow"><i class="fa fa-angle-right"></i><i class="fa fa-angle-down"></i></span></li> <li id="mobile-menu-item-15109" class="menu-item menu-item-type-custom menu-item-object-custom "><a target="_blank" href="https://www.parcasterix.fr/" class=""><span>Le parc Astérix</span></a><span class="mobile_arrow"><i class="fa fa-angle-right"></i><i class="fa fa-angle-down"></i></span></li> <li id="mobile-menu-item-15448" class="menu-item menu-item-type-custom menu-item-object-custom "><a target="_blank" href="https://boutique.asterix.com/fr/" class=""><span>La boutique</span></a><span class="mobile_arrow"><i class="fa fa-angle-right"></i><i class="fa fa-angle-down"></i></span></li> <li id="mobile-menu-item-15449" class="menu-item menu-item-type-custom menu-item-object-custom "><a target="_blank" href="https://asterix-bibliotheques.com/" class=""><span>Bibliothèques</span></a><span class="mobile_arrow"><i class="fa fa-angle-right"></i><i class="fa fa-angle-down"></i></span></li> </ul></nav> </div> </div> </div> </div> </div> </header> <a id="back_to_top" href="#"> <span class="fa-stack"> <i class="qode_icon_font_awesome fa fa-arrow-up " ></i> </span> </a> <div class="content content_top_margin"> <div class="content_inner "> <div class="container"> <div class="container_inner default_template_holder"> <div class="page_not_found"> <h2> Oups ! Page introuvable </h2> <p> Nous sommes désolés, la page que vous cherchez n’existe pas ! Explorez notre site depuis la page d’accueil pour trouver ce dont vous avez besoin. </p> <div class="separator transparent center " style="margin-top:35px;"></div> <p><a itemprop="url" class="qbutton with-shadow" href="https://asterix.com/"> Retour à l’accueil </a></p> <div class="separator transparent center " style="margin-top:35px;"></div> </div> </div> </div> <div class="content_bottom" > </div> </div> </div> <footer > <div class="footer_inner clearfix"> <div class="footer_top_holder"> <div class="footer_top"> <div class="container"> <div class="container_inner"> <div id="block-16" class="widget widget_block"> <h5 class="wp-block-heading has-text-align-center"><strong>PLAN DU SITE</strong></h5> </div><div id="block-17" class="widget widget_block"> <div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div> </div><div id="block-14" class="widget widget_block"> <div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <h5 class="wp-block-heading">Les albums</h5> <div class="widget widget_nav_menu"><div class="menu-footer_les_albums-container"><ul id="menu-footer_les_albums" class="menu"><li id="menu-item-20447" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20447"><a href="https://asterix.com/les-bandes-dessinees/">Les bandes dessinées</a></li> <li id="menu-item-20445" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20445"><a href="https://asterix.com/les-albums-illustres/">Les albums illustrés</a></li> <li id="menu-item-20450" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20450"><a href="https://asterix.com/les-editions-speciales/">Les éditions spéciales</a></li> <li id="menu-item-20449" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20449"><a href="https://asterix.com/les-editions-de-luxe/">Les éditions de luxe</a></li> <li id="menu-item-20448" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20448"><a href="https://asterix.com/les-bandes-dessinees-idefix/">Les bandes dessinées Idéfix</a></li> <li id="menu-item-20451" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20451"><a href="https://asterix.com/les-integrales/">Les intégrales</a></li> <li id="menu-item-20452" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20452"><a href="https://asterix.com/les-ouvrages-de-reference/">Les ouvrages de référence</a></li> <li id="menu-item-20446" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20446"><a href="https://asterix.com/asterix-max-le-gros-magazine-de-vos-heros-preferes/">Astérix Max : le GROS magazine</a></li> </ul></div></div></div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <h5 class="wp-block-heading">Les films</h5> <div class="widget widget_nav_menu"><div class="menu-footer_les_films-container"><ul id="menu-footer_les_films" class="menu"><li id="menu-item-20456" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20456"><a href="https://asterix.com/les-dessins-animes/">Les dessins animés</a></li> <li id="menu-item-20457" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20457"><a href="https://asterix.com/les-films-live/">Les films « Live »</a></li> <li id="menu-item-20455" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20455"><a href="https://asterix.com/idefix-et-les-irreductibles-la-serie-tele/">Idéfix et les Irréductibles – la série télé</a></li> </ul></div></div></div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <h5 class="wp-block-heading">Les personnages</h5> <div class="widget widget_nav_menu"><div class="menu-footer_les_personnages-container"><ul id="menu-footer_les_personnages" class="menu"><li id="menu-item-20488" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20488"><a href="https://asterix.com/les-gaulois/">Les Gaulois</a></li> <li id="menu-item-20489" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20489"><a href="https://asterix.com/les-romains/">Les Romains</a></li> <li id="menu-item-20487" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20487"><a href="https://asterix.com/les-autres/">Les autres…</a></li> </ul></div></div></div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <h5 class="wp-block-heading">Les créateurs</h5> <div class="widget widget_nav_menu"><div class="menu-footer_les_createurs-container"><ul id="menu-footer_les_createurs" class="menu"><li id="menu-item-20454" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20454"><a href="https://asterix.com/rene-goscinny/">René Goscinny</a></li> <li id="menu-item-20453" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20453"><a href="https://asterix.com/albert-uderzo/">Albert Uderzo</a></li> </ul></div></div></div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="widget widget_nav_menu"><div class="menu-footer_col_5-container"><ul id="menu-footer_col_5" class="menu"><li id="menu-item-40233" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-40233"><a href="https://asterix.com/les-actualites/">Les Actualités</a></li> <li id="menu-item-40234" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-40234"><a href="https://asterix.com/les-guides-pedagogiques/">Guides Pédagogiques</a></li> <li id="menu-item-40235" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-40235"><a href="https://asterix.com/tutoriels/">Tutoriels</a></li> </ul></div></div></div> </div> </div> </div> </div> </div> </div> <div class="footer_bottom_holder"> <div class="two_columns_50_50 footer_bottom_columns clearfix"> <div class="column1 footer_bottom_column"> <div class="column_inner"> <div class="footer_bottom"> <p><strong><a href="https://asterix.com/mentions-legales-credits-conditions-generales-dutilisation-du-site-manuscrits/" data-type="link" data-id="https://asterix.com/mentions-legales-credits-conditions-generales-dutilisation-du-site-manuscrits/">Mentions légales – Crédits – Conditions Générales d’Utilisation du site – Manuscrits</a> </strong><br/> ASTERIX® OBELIX® IDEFIX®/© 2025 LES ÉDITIONS ALBERT RENÉ / GOSCINNY-UDERZO</p> </div> </div> </div> <div class="column2 footer_bottom_column"> <div class="column_inner"> <div class="footer_bottom"> <span class='q_social_icon_holder circle_social' data-color=#ffffff data-hover-background-color=#32404D data-hover-color=#ffffff><span class='fa-stack ' style='background-color: #32404D;font-size: 14px;'><i class="qode_icon_font_awesome fa fa5 fab fa-x-twitter " style="color: #ffffff;font-size: 20px;" ></i></span></span><span class='q_social_icon_holder circle_social' data-color=#ffffff data-hover-background-color=#32404D data-hover-color=#ffffff><span class='fa-stack ' style='background-color: #32404D;font-size: 14px;'><i class="qode_icon_font_awesome fa fa-facebook-f " style="color: #ffffff;font-size: 20px;" ></i></span></span><span class='q_social_icon_holder circle_social' data-color=#ffffff data-hover-background-color=#32404D data-hover-color=#ffffff><span class='fa-stack ' style='background-color: #32404D;font-size: 14px;'><i class="qode_icon_font_awesome fa fa-instagram " style="color: #ffffff;font-size: 20px;" ></i></span></span> <div class="wp-block-buttons is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-5 wp-block-buttons-is-layout-flex"> <div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="mailto:messages@asterix.com">Nous contacter</a></div> </div> </div> </div> </div> </div> </div> </div> </footer> </div> </div> <div id="pum-15888" role="dialog" aria-modal="false" class="pum pum-overlay pum-theme-15865 pum-theme-tutoriels popmake-overlay click_open" data-popmake="{&quot;id&quot;:15888,&quot;slug&quot;:&quot;tutoriel-falbala&quot;,&quot;theme_id&quot;:15865,&quot;cookies&quot;:[],&quot;triggers&quot;:[{&quot;type&quot;:&quot;click_open&quot;,&quot;settings&quot;:{&quot;cookie_name&quot;:&quot;&quot;,&quot;extra_selectors&quot;:&quot;.tuto-falbala&quot;}}],&quot;mobile_disabled&quot;:null,&quot;tablet_disabled&quot;:true,&quot;meta&quot;:{&quot;display&quot;:{&quot;stackable&quot;:false,&quot;overlay_disabled&quot;:false,&quot;scrollable_content&quot;:false,&quot;disable_reposition&quot;:false,&quot;size&quot;:&quot;custom&quot;,&quot;responsive_min_width&quot;:&quot;0%&quot;,&quot;responsive_min_width_unit&quot;:false,&quot;responsive_max_width&quot;:&quot;100%&quot;,&quot;responsive_max_width_unit&quot;:false,&quot;custom_width&quot;:&quot;300px&quot;,&quot;custom_width_unit&quot;:false,&quot;custom_height&quot;:&quot;380px&quot;,&quot;custom_height_unit&quot;:false,&quot;custom_height_auto&quot;:&quot;1&quot;,&quot;location&quot;:&quot;center top&quot;,&quot;position_from_trigger&quot;:false,&quot;position_top&quot;:&quot;50&quot;,&quot;position_left&quot;:&quot;0&quot;,&quot;position_bottom&quot;:&quot;0&quot;,&quot;position_right&quot;:&quot;0&quot;,&quot;position_fixed&quot;:false,&quot;animation_type&quot;:&quot;fade&quot;,&quot;animation_speed&quot;:&quot;350&quot;,&quot;animation_origin&quot;:&quot;center top&quot;,&quot;overlay_zindex&quot;:false,&quot;zindex&quot;:&quot;1999999999&quot;},&quot;close&quot;:{&quot;text&quot;:&quot;&quot;,&quot;button_delay&quot;:&quot;0&quot;,&quot;overlay_click&quot;:false,&quot;esc_press&quot;:false,&quot;f4_press&quot;:false},&quot;click_open&quot;:[]}}"> <div id="popmake-15888" class="pum-container popmake theme-15865 size-custom"> <div class="pum-content popmake-content" tabindex="0"> <div class="vc_row wpb_row section vc_row-fluid " style=' text-align:left;'><div class=" full_section_inner clearfix"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element "> <div class="wpb_wrapper"> <p><video poster="https://asterix.com/wp-content/uploads/2024/11/video-tuto-falbala.png" autoplay="autoplay" loop="loop" muted="" controls="controls" width="100%" height="auto"><source src="https://asterix.com/wp-content/uploads/2024/10/HOWTO_FALBALA_V01_190522.mp4" type="video/mp4" /></video></p> </div> </div> </div></div></div></div></div> </div> <button type="button" class="pum-close popmake-close" aria-label="Fermer"> x </button> </div> </div> <div id="pum-15886" role="dialog" aria-modal="false" class="pum pum-overlay pum-theme-15865 pum-theme-tutoriels popmake-overlay click_open" data-popmake="{&quot;id&quot;:15886,&quot;slug&quot;:&quot;tutoriel-panoramix&quot;,&quot;theme_id&quot;:15865,&quot;cookies&quot;:[],&quot;triggers&quot;:[{&quot;type&quot;:&quot;click_open&quot;,&quot;settings&quot;:{&quot;cookie_name&quot;:&quot;&quot;,&quot;extra_selectors&quot;:&quot;.tuto-panoramix&quot;}}],&quot;mobile_disabled&quot;:null,&quot;tablet_disabled&quot;:true,&quot;meta&quot;:{&quot;display&quot;:{&quot;stackable&quot;:false,&quot;overlay_disabled&quot;:false,&quot;scrollable_content&quot;:false,&quot;disable_reposition&quot;:false,&quot;size&quot;:&quot;custom&quot;,&quot;responsive_min_width&quot;:&quot;0%&quot;,&quot;responsive_min_width_unit&quot;:false,&quot;responsive_max_width&quot;:&quot;100%&quot;,&quot;responsive_max_width_unit&quot;:false,&quot;custom_width&quot;:&quot;300px&quot;,&quot;custom_width_unit&quot;:false,&quot;custom_height&quot;:&quot;380px&quot;,&quot;custom_height_unit&quot;:false,&quot;custom_height_auto&quot;:&quot;1&quot;,&quot;location&quot;:&quot;center top&quot;,&quot;position_from_trigger&quot;:false,&quot;position_top&quot;:&quot;50&quot;,&quot;position_left&quot;:&quot;0&quot;,&quot;position_bottom&quot;:&quot;0&quot;,&quot;position_right&quot;:&quot;0&quot;,&quot;position_fixed&quot;:false,&quot;animation_type&quot;:&quot;fade&quot;,&quot;animation_speed&quot;:&quot;350&quot;,&quot;animation_origin&quot;:&quot;center top&quot;,&quot;overlay_zindex&quot;:false,&quot;zindex&quot;:&quot;1999999999&quot;},&quot;close&quot;:{&quot;text&quot;:&quot;&quot;,&quot;button_delay&quot;:&quot;0&quot;,&quot;overlay_click&quot;:false,&quot;esc_press&quot;:false,&quot;f4_press&quot;:false},&quot;click_open&quot;:[]}}"> <div id="popmake-15886" class="pum-container popmake theme-15865 size-custom"> <div class="pum-content popmake-content" tabindex="0"> <div class="vc_row wpb_row section vc_row-fluid " style=' text-align:left;'><div class=" full_section_inner clearfix"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element "> <div class="wpb_wrapper"> <p><video poster="https://asterix.com/wp-content/uploads/2024/11/video-tuto-panoramix.png" autoplay="autoplay" loop="loop" muted="" controls="controls" width="100%" height="auto"><source src="https://asterix.com/wp-content/uploads/2024/10/HOWTO_PANORAMIX_V01_190522.mp4" type="video/mp4" /></video></p> </div> </div> </div></div></div></div></div> </div> <button type="button" class="pum-close popmake-close" aria-label="Fermer"> x </button> </div> </div> <div id="pum-15884" role="dialog" aria-modal="false" class="pum pum-overlay pum-theme-15865 pum-theme-tutoriels popmake-overlay click_open" data-popmake="{&quot;id&quot;:15884,&quot;slug&quot;:&quot;tutoriel-idefix&quot;,&quot;theme_id&quot;:15865,&quot;cookies&quot;:[],&quot;triggers&quot;:[{&quot;type&quot;:&quot;click_open&quot;,&quot;settings&quot;:{&quot;cookie_name&quot;:&quot;&quot;,&quot;extra_selectors&quot;:&quot;.tuto-idefix&quot;}}],&quot;mobile_disabled&quot;:null,&quot;tablet_disabled&quot;:true,&quot;meta&quot;:{&quot;display&quot;:{&quot;stackable&quot;:false,&quot;overlay_disabled&quot;:false,&quot;scrollable_content&quot;:false,&quot;disable_reposition&quot;:false,&quot;size&quot;:&quot;custom&quot;,&quot;responsive_min_width&quot;:&quot;0%&quot;,&quot;responsive_min_width_unit&quot;:false,&quot;responsive_max_width&quot;:&quot;100%&quot;,&quot;responsive_max_width_unit&quot;:false,&quot;custom_width&quot;:&quot;300px&quot;,&quot;custom_width_unit&quot;:false,&quot;custom_height&quot;:&quot;380px&quot;,&quot;custom_height_unit&quot;:false,&quot;custom_height_auto&quot;:&quot;1&quot;,&quot;location&quot;:&quot;center top&quot;,&quot;position_from_trigger&quot;:false,&quot;position_top&quot;:&quot;50&quot;,&quot;position_left&quot;:&quot;0&quot;,&quot;position_bottom&quot;:&quot;0&quot;,&quot;position_right&quot;:&quot;0&quot;,&quot;position_fixed&quot;:false,&quot;animation_type&quot;:&quot;fade&quot;,&quot;animation_speed&quot;:&quot;350&quot;,&quot;animation_origin&quot;:&quot;center top&quot;,&quot;overlay_zindex&quot;:false,&quot;zindex&quot;:&quot;1999999999&quot;},&quot;close&quot;:{&quot;text&quot;:&quot;&quot;,&quot;button_delay&quot;:&quot;0&quot;,&quot;overlay_click&quot;:false,&quot;esc_press&quot;:false,&quot;f4_press&quot;:false},&quot;click_open&quot;:[]}}"> <div id="popmake-15884" class="pum-container popmake theme-15865 size-custom"> <div class="pum-content popmake-content" tabindex="0"> <div class="vc_row wpb_row section vc_row-fluid " style=' text-align:left;'><div class=" full_section_inner clearfix"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element "> <div class="wpb_wrapper"> <p><video poster="https://asterix.com/wp-content/uploads/2024/11/video-tuto-idefix.png" autoplay="autoplay" loop="loop" muted="" controls="controls" width="100%" height="auto"><source src="https://asterix.com/wp-content/uploads/2024/10/HOWTO_IDEFIX_V01_190522.mp4" type="video/mp4" /></video></p> </div> </div> </div></div></div></div></div> </div> <button type="button" class="pum-close popmake-close" aria-label="Fermer"> x </button> </div> </div> <div id="pum-15863" role="dialog" aria-modal="false" class="pum pum-overlay pum-theme-15865 pum-theme-tutoriels popmake-overlay click_open" data-popmake="{&quot;id&quot;:15863,&quot;slug&quot;:&quot;tutoriel-asterix&quot;,&quot;theme_id&quot;:15865,&quot;cookies&quot;:[],&quot;triggers&quot;:[{&quot;type&quot;:&quot;click_open&quot;,&quot;settings&quot;:{&quot;cookie_name&quot;:&quot;&quot;,&quot;extra_selectors&quot;:&quot;.tuto-asterix&quot;}}],&quot;mobile_disabled&quot;:null,&quot;tablet_disabled&quot;:true,&quot;meta&quot;:{&quot;display&quot;:{&quot;stackable&quot;:false,&quot;overlay_disabled&quot;:false,&quot;scrollable_content&quot;:false,&quot;disable_reposition&quot;:false,&quot;size&quot;:&quot;custom&quot;,&quot;responsive_min_width&quot;:&quot;0%&quot;,&quot;responsive_min_width_unit&quot;:false,&quot;responsive_max_width&quot;:&quot;100%&quot;,&quot;responsive_max_width_unit&quot;:false,&quot;custom_width&quot;:&quot;300px&quot;,&quot;custom_width_unit&quot;:false,&quot;custom_height&quot;:&quot;380px&quot;,&quot;custom_height_unit&quot;:false,&quot;custom_height_auto&quot;:&quot;1&quot;,&quot;location&quot;:&quot;center top&quot;,&quot;position_from_trigger&quot;:false,&quot;position_top&quot;:&quot;50&quot;,&quot;position_left&quot;:&quot;0&quot;,&quot;position_bottom&quot;:&quot;0&quot;,&quot;position_right&quot;:&quot;0&quot;,&quot;position_fixed&quot;:false,&quot;animation_type&quot;:&quot;fade&quot;,&quot;animation_speed&quot;:&quot;350&quot;,&quot;animation_origin&quot;:&quot;center top&quot;,&quot;overlay_zindex&quot;:false,&quot;zindex&quot;:&quot;1999999999&quot;},&quot;close&quot;:{&quot;text&quot;:&quot;&quot;,&quot;button_delay&quot;:&quot;0&quot;,&quot;overlay_click&quot;:false,&quot;esc_press&quot;:false,&quot;f4_press&quot;:false},&quot;click_open&quot;:[]}}"> <div id="popmake-15863" class="pum-container popmake theme-15865 size-custom"> <div class="pum-content popmake-content" tabindex="0"> <div class="vc_row wpb_row section vc_row-fluid " style=' text-align:left;'><div class=" full_section_inner clearfix"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element "> <div class="wpb_wrapper"> <p><video poster="https://asterix.com/wp-content/uploads/2024/11/video-tuto-asterix.png" autoplay="autoplay" loop="loop" muted="" controls="controls" width="100%" height="auto"><source src="https://asterix.com/wp-content/uploads/2024/10/HOWTO_ASTERIX_V01_190522.mp4" type="video/mp4" /></video></p> </div> </div> </div></div></div></div></div> </div> <button type="button" class="pum-close popmake-close" aria-label="Fermer"> x </button> </div> </div> <div id="pum-15881" role="dialog" aria-modal="false" class="pum pum-overlay pum-theme-15865 pum-theme-tutoriels popmake-overlay click_open" data-popmake="{&quot;id&quot;:15881,&quot;slug&quot;:&quot;tutoriel-obelix&quot;,&quot;theme_id&quot;:15865,&quot;cookies&quot;:[],&quot;triggers&quot;:[{&quot;type&quot;:&quot;click_open&quot;,&quot;settings&quot;:{&quot;cookie_name&quot;:&quot;&quot;,&quot;extra_selectors&quot;:&quot;.tuto-obelix&quot;}}],&quot;mobile_disabled&quot;:null,&quot;tablet_disabled&quot;:true,&quot;meta&quot;:{&quot;display&quot;:{&quot;stackable&quot;:false,&quot;overlay_disabled&quot;:false,&quot;scrollable_content&quot;:false,&quot;disable_reposition&quot;:false,&quot;size&quot;:&quot;custom&quot;,&quot;responsive_min_width&quot;:&quot;0%&quot;,&quot;responsive_min_width_unit&quot;:false,&quot;responsive_max_width&quot;:&quot;100%&quot;,&quot;responsive_max_width_unit&quot;:false,&quot;custom_width&quot;:&quot;300px&quot;,&quot;custom_width_unit&quot;:false,&quot;custom_height&quot;:&quot;380px&quot;,&quot;custom_height_unit&quot;:false,&quot;custom_height_auto&quot;:&quot;1&quot;,&quot;location&quot;:&quot;center top&quot;,&quot;position_from_trigger&quot;:false,&quot;position_top&quot;:&quot;40&quot;,&quot;position_left&quot;:&quot;0&quot;,&quot;position_bottom&quot;:&quot;0&quot;,&quot;position_right&quot;:&quot;0&quot;,&quot;position_fixed&quot;:false,&quot;animation_type&quot;:&quot;fade&quot;,&quot;animation_speed&quot;:&quot;350&quot;,&quot;animation_origin&quot;:&quot;center top&quot;,&quot;overlay_zindex&quot;:false,&quot;zindex&quot;:&quot;1999999999&quot;},&quot;close&quot;:{&quot;text&quot;:&quot;&quot;,&quot;button_delay&quot;:&quot;0&quot;,&quot;overlay_click&quot;:false,&quot;esc_press&quot;:false,&quot;f4_press&quot;:false},&quot;click_open&quot;:[]}}"> <div id="popmake-15881" class="pum-container popmake theme-15865 size-custom"> <div class="pum-content popmake-content" tabindex="0"> <div class="vc_row wpb_row section vc_row-fluid " style=' text-align:left;'><div class=" full_section_inner clearfix"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element "> <div class="wpb_wrapper"> <p><video poster="https://asterix.com/wp-content/uploads/2024/11/video-tuto-obelix.png" autoplay="autoplay" loop="loop" muted="" controls="controls" width="100%" height="auto"><source src="https://asterix.com/wp-content/uploads/2024/10/HOWTO_OBELIX_V01_190522.mp4" type="video/mp4" /></video></p> </div> </div> </div></div></div></div></div> </div> <button type="button" class="pum-close popmake-close" aria-label="Fermer"> x </button> </div> </div> <script type="text/html" id="wpb-modifications"> window.wpbCustomElement = 1; </script><style id='core-block-supports-inline-css' type='text/css'> .wp-container-core-columns-is-layout-1{flex-wrap:nowrap;}.wp-container-core-group-is-layout-1{grid-template-columns:repeat(auto-fill, minmax(min(12rem, 100%), 1fr));container-type:inline-size;}.wp-container-core-columns-is-layout-2{flex-wrap:nowrap;}.wp-container-core-buttons-is-layout-5{justify-content:flex-end;} </style> <script type="text/javascript" src="https://asterix.com/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script> <script type="text/javascript" src="https://asterix.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="text/javascript" src="https://asterix.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.0.3" id="swv-js"></script> <script type="text/javascript" id="contact-form-7-js-translations"> /* <![CDATA[ */ ( function( domain, translations ) { var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; localeData[""].domain = domain; wp.i18n.setLocaleData( localeData, domain ); } )( "contact-form-7", {"translation-revision-date":"2025-02-06 12:02:14+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n > 1;","lang":"fr"},"This contact form is placed in the wrong place.":["Ce formulaire de contact est plac\u00e9 dans un mauvais endroit."],"Error:":["Erreur\u00a0:"]}},"comment":{"reference":"includes\/js\/index.js"}} ); /* ]]> */ </script> <script type="text/javascript" id="contact-form-7-js-before"> /* <![CDATA[ */ var wpcf7 = { "api": { "root": "https:\/\/asterix.com\/wp-json\/", "namespace": "contact-form-7\/v1" } }; /* ]]> */ </script> <script type="text/javascript" src="https://asterix.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.0.3" id="contact-form-7-js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js" id="slick-js-js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js?ver=1.1.0" id="magnific-popup-js-js"></script> <script type="text/javascript" src="https://asterix.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script> <script type="text/javascript" src="https://asterix.com/wp-includes/js/jquery/ui/tabs.min.js?ver=1.13.3" id="jquery-ui-tabs-js"></script> <script type="text/javascript" src="https://asterix.com/wp-includes/js/jquery/ui/accordion.min.js?ver=1.13.3" id="jquery-ui-accordion-js"></script> <script type="text/javascript" src="https://asterix.com/wp-content/themes/bridge/js/plugins/doubletaptogo.js?ver=1ef6f28904aab10e83684b2c39cd77b2" id="doubleTapToGo-js"></script> <script type="text/javascript" src="https://asterix.com/wp-content/themes/bridge/js/plugins/modernizr.min.js?ver=1ef6f28904aab10e83684b2c39cd77b2" id="modernizr-js"></script> <script type="text/javascript" src="https://asterix.com/wp-content/themes/bridge/js/plugins/jquery.appear.js?ver=1ef6f28904aab10e83684b2c39cd77b2" id="appear-js"></script> <script type="text/javascript" src="https://asterix.com/wp-includes/js/hoverIntent.min.js?ver=1.10.2" id="hoverIntent-js"></script> <script type="text/javascript" src="https://asterix.com/wp-content/themes/bridge/js/plugins/jquery.prettyPhoto.js?ver=1ef6f28904aab10e83684b2c39cd77b2" id="prettyphoto-js"></script> <script type="text/javascript" id="mediaelement-core-js-before"> /* <![CDATA[ */ var mejsL10n = {"language":"fr","strings":{"mejs.download-file":"T\u00e9l\u00e9charger le fichier","mejs.install-flash":"Vous utilisez un navigateur qui n\u2019a pas le lecteur Flash activ\u00e9 ou install\u00e9. Veuillez activer votre extension Flash ou t\u00e9l\u00e9charger la derni\u00e8re version \u00e0 partir de cette adresse\u00a0: https:\/\/get.adobe.com\/flashplayer\/","mejs.fullscreen":"Plein \u00e9cran","mejs.play":"Lecture","mejs.pause":"Pause","mejs.time-slider":"Curseur de temps","mejs.time-help-text":"Utilisez les fl\u00e8ches droite\/gauche pour avancer d\u2019une seconde, haut\/bas pour avancer de dix secondes.","mejs.live-broadcast":"\u00c9mission en direct","mejs.volume-help-text":"Utilisez les fl\u00e8ches haut\/bas pour augmenter ou diminuer le volume.","mejs.unmute":"R\u00e9activer le son","mejs.mute":"Muet","mejs.volume-slider":"Curseur de volume","mejs.video-player":"Lecteur vid\u00e9o","mejs.audio-player":"Lecteur audio","mejs.captions-subtitles":"L\u00e9gendes\/Sous-titres","mejs.captions-chapters":"Chapitres","mejs.none":"Aucun","mejs.afrikaans":"Afrikaans","mejs.albanian":"Albanais","mejs.arabic":"Arabe","mejs.belarusian":"Bi\u00e9lorusse","mejs.bulgarian":"Bulgare","mejs.catalan":"Catalan","mejs.chinese":"Chinois","mejs.chinese-simplified":"Chinois (simplifi\u00e9)","mejs.chinese-traditional":"Chinois (traditionnel)","mejs.croatian":"Croate","mejs.czech":"Tch\u00e8que","mejs.danish":"Danois","mejs.dutch":"N\u00e9erlandais","mejs.english":"Anglais","mejs.estonian":"Estonien","mejs.filipino":"Filipino","mejs.finnish":"Finnois","mejs.french":"Fran\u00e7ais","mejs.galician":"Galicien","mejs.german":"Allemand","mejs.greek":"Grec","mejs.haitian-creole":"Cr\u00e9ole ha\u00eftien","mejs.hebrew":"H\u00e9breu","mejs.hindi":"Hindi","mejs.hungarian":"Hongrois","mejs.icelandic":"Islandais","mejs.indonesian":"Indon\u00e9sien","mejs.irish":"Irlandais","mejs.italian":"Italien","mejs.japanese":"Japonais","mejs.korean":"Cor\u00e9en","mejs.latvian":"Letton","mejs.lithuanian":"Lituanien","mejs.macedonian":"Mac\u00e9donien","mejs.malay":"Malais","mejs.maltese":"Maltais","mejs.norwegian":"Norv\u00e9gien","mejs.persian":"Perse","mejs.polish":"Polonais","mejs.portuguese":"Portugais","mejs.romanian":"Roumain","mejs.russian":"Russe","mejs.serbian":"Serbe","mejs.slovak":"Slovaque","mejs.slovenian":"Slov\u00e9nien","mejs.spanish":"Espagnol","mejs.swahili":"Swahili","mejs.swedish":"Su\u00e9dois","mejs.tagalog":"Tagalog","mejs.thai":"Thai","mejs.turkish":"Turc","mejs.ukrainian":"Ukrainien","mejs.vietnamese":"Vietnamien","mejs.welsh":"Ga\u00e9lique","mejs.yiddish":"Yiddish"}}; /* ]]> */ </script> <script type="text/javascript" src="https://asterix.com/wp-includes/js/mediaelement/mediaelement-and-player.min.js?ver=4.2.17" id="mediaelement-core-js"></script> <script type="text/javascript" src="https://asterix.com/wp-includes/js/mediaelement/mediaelement-migrate.min.js?ver=1ef6f28904aab10e83684b2c39cd77b2" id="mediaelement-migrate-js"></script> <script type="text/javascript" id="mediaelement-js-extra"> /* <![CDATA[ */ var _wpmejsSettings = {"pluginPath":"\/wp-includes\/js\/mediaelement\/","classPrefix":"mejs-","stretching":"responsive","audioShortcodeLibrary":"mediaelement","videoShortcodeLibrary":"mediaelement"}; /* ]]> */ </script> <script type="text/javascript" src="https://asterix.com/wp-includes/js/mediaelement/wp-mediaelement.min.js?ver=1ef6f28904aab10e83684b2c39cd77b2" id="wp-mediaelement-js"></script> <script type="text/javascript" src="https://asterix.com/wp-content/themes/bridge/js/plugins/jquery.waitforimages.js?ver=1ef6f28904aab10e83684b2c39cd77b2" id="waitforimages-js"></script> <script type="text/javascript" src="https://asterix.com/wp-includes/js/jquery/jquery.form.min.js?ver=4.3.0" id="jquery-form-js"></script> <script type="text/javascript" src="https://asterix.com/wp-content/themes/bridge/js/plugins/waypoints.min.js?ver=1ef6f28904aab10e83684b2c39cd77b2" id="waypoints-js"></script> <script type="text/javascript" src="https://asterix.com/wp-content/themes/bridge/js/plugins/jquery.easing.1.3.js?ver=1ef6f28904aab10e83684b2c39cd77b2" id="easing-js"></script> <script type="text/javascript" src="https://asterix.com/wp-content/themes/bridge/js/plugins/jquery.mousewheel.min.js?ver=1ef6f28904aab10e83684b2c39cd77b2" id="mousewheel-js"></script> <script type="text/javascript" src="https://asterix.com/wp-content/themes/bridge/js/plugins/jquery.isotope.min.js?ver=1ef6f28904aab10e83684b2c39cd77b2" id="isotope-js"></script> <script type="text/javascript" src="https://asterix.com/wp-content/themes/bridge/js/plugins/skrollr.js?ver=1ef6f28904aab10e83684b2c39cd77b2" id="skrollr-js"></script> <script type="text/javascript" src="https://asterix.com/wp-content/themes/bridge/js/default_dynamic.js?ver=1738857705" id="bridge-default-dynamic-js"></script> <script type="text/javascript" id="bridge-default-js-extra"> /* <![CDATA[ */ var QodeAdminAjax = {"ajaxurl":"https:\/\/asterix.com\/wp-admin\/admin-ajax.php"}; var qodeGlobalVars = {"vars":{"qodeAddingToCartLabel":"Adding to Cart...","page_scroll_amount_for_sticky":"","commentSentLabel":"Comment has been sent!"}}; /* ]]> */ </script> <script type="text/javascript" src="https://asterix.com/wp-content/themes/bridge/js/default.min.js?ver=1ef6f28904aab10e83684b2c39cd77b2" id="bridge-default-js"></script> <script type="text/javascript" id="bridge-default-js-after"> /* <![CDATA[ */ document.addEventListener('DOMContentLoaded', function () { var menuButton = document.querySelector('.mobile_menu_button'); menuButton.addEventListener('click', function () { menuButton.classList.toggle('menu-open'); }); }); document.addEventListener('DOMContentLoaded', function () { var header = document.querySelector('header'); // Fonction pour vérifier la largeur de l'écran et retirer la classe si nécessaire function checkWindowSize() { if (window.innerWidth >= 1000) { header.classList.remove('qode-animate-mobile-header'); // Supprime la classe } } // Écouteur d'événement pour le redimensionnement de la fenêtre window.addEventListener('resize', checkWindowSize); // Appel initial au chargement de la page (au cas où la fenêtre commence à 1000px ou plus) checkWindowSize(); }); jQuery(document).ready(function($){ $('.slick-slider').slick({ slidesToShow: 3, slidesToScroll: 1, autoplay: true, autoplaySpeed: 2000, dots: true, arrows: true, responsive: [ { breakpoint: 768, settings: { slidesToShow: 1, slidesToScroll: 1 } } ] }); }); jQuery(document).ready(function($) { $('.btn-extrait').on('click', function(e) { e.preventDefault(); // Récupérer l'URL de l'image depuis l'attribut data-img-url var imgUrl = $(this).data('img-url'); // Utiliser Magnific Popup pour afficher l'image dans une popup $.magnificPopup.open({ items: { src: imgUrl }, type: 'image' }); }); }); jQuery(document).ready(function($) { // Gestion du clic sur l'image $('.traductions-img').on('click', function(e) { e.preventDefault(); var imgUrl = $(this).find('img').attr('src'); if (imgUrl) { // Afficher dans une popup $.magnificPopup.open({ items: { src: imgUrl }, type: 'image' }); } }); // Gestion du clic sur le bouton "Visualiser" $('.traductions-btn').on('click', function(e) { e.preventDefault(); // Remonter dans la structure DOM pour trouver l'image associée var imgUrl = $(this) .closest('article') // Remonte jusqu'à l'article parent .find('.traductions-img img') // Trouve l'image à l'intérieur de cet article .attr('src'); if (imgUrl) { // Afficher dans une popup $.magnificPopup.open({ items: { src: imgUrl }, type: 'image' }); } }); }); document.addEventListener("DOMContentLoaded", function () { // Sélection des boutons et des popups const openAlbumButton = document.getElementById("open-popup-album"); const albumPopup = document.getElementById("popup-cta-album"); const openEbookButton = document.getElementById("open-popup-ebook"); const ebookPopup = document.getElementById("popup-cta-ebook"); const openGrandecoButton = document.getElementById("open-popup-grande-co"); const grandecoPopup = document.getElementById("popup-cta-grande-co"); // Boutons pour fermer les popups const closeButtons = document.querySelectorAll(".close-popup-cta"); // Ouvrir la popup de l'album (si le bouton existe) if (openAlbumButton && albumPopup) { openAlbumButton.addEventListener("click", function (e) { e.preventDefault(); albumPopup.style.display = "block"; }); } // Ouvrir la popup de l'e-book (si le bouton existe) if (openEbookButton && ebookPopup) { openEbookButton.addEventListener("click", function (e) { e.preventDefault(); ebookPopup.style.display = "block"; }); } // Ouvrir la popup de la grande collection (si le bouton existe) if (openGrandecoButton && grandecoPopup) { openGrandecoButton.addEventListener("click", function (e) { e.preventDefault(); grandecoPopup.style.display = "block"; }); } // Fermer les popups avec le bouton de fermeture closeButtons.forEach(function (button) { button.addEventListener("click", function () { if (albumPopup) albumPopup.style.display = "none"; if (ebookPopup) ebookPopup.style.display = "none"; if (grandecoPopup) grandecoPopup.style.display = "none"; }); }); // Fermer les popups en cliquant en dehors [albumPopup, ebookPopup, grandecoPopup].forEach(function (popup) { if (popup) { popup.addEventListener("click", function (e) { if (e.target === popup) { popup.style.display = "none"; } }); } }); }); document.addEventListener("DOMContentLoaded", function () { // Sélection des boutons et des popups const openDvdButton = document.getElementById("open-popup-dvd"); const dvdPopup = document.getElementById("popup-cta-dvd"); const openDvd3DButton = document.getElementById("open-popup-dvd-3d"); const dvd3DPopup = document.getElementById("popup-cta-dvd-3d"); const openBlurayButton = document.getElementById("open-popup-bluray"); const blurayPopup = document.getElementById("popup-cta-bluray"); const openBluray3DButton = document.getElementById("open-popup-bluray-3d"); const bluray3DPopup = document.getElementById("popup-cta-bluray-3d"); // Boutons pour fermer les popups const closeButtons = document.querySelectorAll(".close-popup-cta"); // Ouvrir la popup du DVD (si le bouton existe) if (openDvdButton && dvdPopup) { openDvdButton.addEventListener("click", function (e) { e.preventDefault(); dvdPopup.style.display = "block"; }); } // Ouvrir la popup du DVD 3D (si le bouton existe) if (openDvd3DButton && dvd3DPopup) { openDvd3DButton.addEventListener("click", function (e) { e.preventDefault(); dvd3DPopup.style.display = "block"; }); } // Ouvrir la popup du Blu-ray (si le bouton existe) if (openBlurayButton && blurayPopup) { openBlurayButton.addEventListener("click", function (e) { e.preventDefault(); blurayPopup.style.display = "block"; }); } // Ouvrir la popup du Blu-ray 3D (si le bouton existe) if (openBluray3DButton && bluray3DPopup) { openBluray3DButton.addEventListener("click", function (e) { e.preventDefault(); bluray3DPopup.style.display = "block"; }); } // Fermer les popups avec le bouton de fermeture closeButtons.forEach(function (button) { button.addEventListener("click", function () { if (dvdPopup) dvdPopup.style.display = "none"; if (dvd3DPopup) dvd3DPopup.style.display = "none"; if (blurayPopup) blurayPopup.style.display = "none"; if (bluray3DPopup) bluray3DPopup.style.display = "none"; }); }); // Fermer les popups en cliquant en dehors [dvdPopup, dvd3DPopup, blurayPopup, bluray3DPopup].forEach(function (popup) { if (popup) { popup.addEventListener("click", function (e) { if (e.target === popup) { popup.style.display = "none"; } }); } }); }); document.addEventListener("DOMContentLoaded", function () { // Sélection des boutons et des popups const openLivreButton = document.getElementById("open-popup-livre"); const livrePopup = document.getElementById("popup-cta-livre"); const openEbookButton = document.getElementById("open-popup-ebook"); const ebookPopup = document.getElementById("popup-cta-ebook"); const openAlbumButton = document.getElementById("open-popup-album-bio"); const albumPopup = document.getElementById("popup-cta-album_bio"); // Boutons pour fermer les popups const closeButtons = document.querySelectorAll(".close-popup-cta"); // Ouvrir la popup du livre (si le bouton existe) if (openLivreButton && livrePopup) { openLivreButton.addEventListener("click", function (e) { e.preventDefault(); livrePopup.style.display = "block"; }); } // Ouvrir la popup de l'ebook (si le bouton existe) if (openEbookButton && ebookPopup) { openEbookButton.addEventListener("click", function (e) { e.preventDefault(); ebookPopup.style.display = "block"; }); } // Ouvrir la popup de l'album (si le bouton existe) if (openAlbumButton && albumPopup) { openAlbumButton.addEventListener("click", function (e) { e.preventDefault(); albumPopup.style.display = "block"; }); } // Fermer les popups avec le bouton de fermeture closeButtons.forEach(function (button) { button.addEventListener("click", function () { if (livrePopup) livrePopup.style.display = "none"; if (ebookPopup) ebookPopup.style.display = "none"; if (albumPopup) albumPopup.style.display = "none"; }); }); // Fermer les popups en cliquant en dehors [livrePopup, ebookPopup, albumPopup].forEach(function (popup) { if (popup) { popup.addEventListener("click", function (e) { if (e.target === popup) { popup.style.display = "none"; } }); } }); }); document.addEventListener("DOMContentLoaded", function () { const offset = 300; const menuHeight = offset; document.querySelectorAll('a[href^="#"]').forEach(anchor => { anchor.addEventListener("click", function (e) { const targetId = this.getAttribute("href"); const targetElement = document.querySelector(targetId); if (targetElement) { e.preventDefault(); const elementPosition = targetElement.getBoundingClientRect().top + window.pageYOffset; const offsetPosition = elementPosition - menuHeight; window.scrollTo({ top: offsetPosition, behavior: "smooth" }); } }); }); }); //Piano analytics // Activating the Consents feature window.pdl = window.pdl || {}; window.pdl.requireConsent = true; window.pdl.consent = { defaultPreset: { PA: 'essential' // set the default mode as exempt } }; </script> <script> (function() { var script = document.createElement("script"); script.src = "https://tag.aticdn.net/piano-analytics.js"; script.async = true; script.onload = function() { console.log("Piano Analytics script loaded"); // Configuration pa.setConfiguration("site", 643840); pa.setConfiguration("collectDomain", "https://crgrlvp.pa-cd.com"); // Envoi de l'événement pa.sendEvent("page.display", {}); }; document.head.appendChild(script); })(); /* ]]> */ </script> <script type="text/javascript" src="https://asterix.com/wp-content/plugins/js_composer/assets/js/dist/js_composer_front.min.js?ver=7.7.2" id="wpb_composer_front_js-js"></script> <script type="text/javascript" id="popup-maker-site-js-extra"> /* <![CDATA[ */ var pum_vars = {"version":"1.20.4","pm_dir_url":"https:\/\/asterix.com\/wp-content\/plugins\/popup-maker\/","ajaxurl":"https:\/\/asterix.com\/wp-admin\/admin-ajax.php","restapi":"https:\/\/asterix.com\/wp-json\/pum\/v1","rest_nonce":null,"default_theme":"15854","debug_mode":"","disable_tracking":"","home_url":"\/","message_position":"top","core_sub_forms_enabled":"1","popups":[],"cookie_domain":"","analytics_route":"analytics","analytics_api":"https:\/\/asterix.com\/wp-json\/pum\/v1"}; var pum_sub_vars = {"ajaxurl":"https:\/\/asterix.com\/wp-admin\/admin-ajax.php","message_position":"top"}; var pum_popups = {"pum-15888":{"triggers":[{"type":"click_open","settings":{"cookie_name":"","extra_selectors":".tuto-falbala"}}],"cookies":[],"disable_on_mobile":false,"disable_on_tablet":true,"atc_promotion":null,"explain":null,"type_section":null,"theme_id":"15865","size":"custom","responsive_min_width":"0%","responsive_max_width":"100%","custom_width":"300px","custom_height_auto":true,"custom_height":"380px","scrollable_content":false,"animation_type":"fade","animation_speed":"350","animation_origin":"center top","open_sound":"none","custom_sound":"","location":"center top","position_top":"50","position_bottom":"0","position_left":"0","position_right":"0","position_from_trigger":false,"position_fixed":false,"overlay_disabled":false,"stackable":false,"disable_reposition":false,"zindex":"1999999999","close_button_delay":"0","fi_promotion":null,"close_on_form_submission":false,"close_on_form_submission_delay":"0","close_on_overlay_click":false,"close_on_esc_press":false,"close_on_f4_press":false,"disable_form_reopen":false,"disable_accessibility":false,"theme_slug":"tutoriels","id":15888,"slug":"tutoriel-falbala"},"pum-15886":{"triggers":[{"type":"click_open","settings":{"cookie_name":"","extra_selectors":".tuto-panoramix"}}],"cookies":[],"disable_on_mobile":false,"disable_on_tablet":true,"atc_promotion":null,"explain":null,"type_section":null,"theme_id":"15865","size":"custom","responsive_min_width":"0%","responsive_max_width":"100%","custom_width":"300px","custom_height_auto":true,"custom_height":"380px","scrollable_content":false,"animation_type":"fade","animation_speed":"350","animation_origin":"center top","open_sound":"none","custom_sound":"","location":"center top","position_top":"50","position_bottom":"0","position_left":"0","position_right":"0","position_from_trigger":false,"position_fixed":false,"overlay_disabled":false,"stackable":false,"disable_reposition":false,"zindex":"1999999999","close_button_delay":"0","fi_promotion":null,"close_on_form_submission":false,"close_on_form_submission_delay":"0","close_on_overlay_click":false,"close_on_esc_press":false,"close_on_f4_press":false,"disable_form_reopen":false,"disable_accessibility":false,"theme_slug":"tutoriels","id":15886,"slug":"tutoriel-panoramix"},"pum-15884":{"triggers":[{"type":"click_open","settings":{"cookie_name":"","extra_selectors":".tuto-idefix"}}],"cookies":[],"disable_on_mobile":false,"disable_on_tablet":true,"atc_promotion":null,"explain":null,"type_section":null,"theme_id":"15865","size":"custom","responsive_min_width":"0%","responsive_max_width":"100%","custom_width":"300px","custom_height_auto":true,"custom_height":"380px","scrollable_content":false,"animation_type":"fade","animation_speed":"350","animation_origin":"center top","open_sound":"none","custom_sound":"","location":"center top","position_top":"50","position_bottom":"0","position_left":"0","position_right":"0","position_from_trigger":false,"position_fixed":false,"overlay_disabled":false,"stackable":false,"disable_reposition":false,"zindex":"1999999999","close_button_delay":"0","fi_promotion":null,"close_on_form_submission":false,"close_on_form_submission_delay":"0","close_on_overlay_click":false,"close_on_esc_press":false,"close_on_f4_press":false,"disable_form_reopen":false,"disable_accessibility":false,"theme_slug":"tutoriels","id":15884,"slug":"tutoriel-idefix"},"pum-15863":{"triggers":[{"type":"click_open","settings":{"cookie_name":"","extra_selectors":".tuto-asterix"}}],"cookies":[],"disable_on_mobile":false,"disable_on_tablet":true,"atc_promotion":null,"explain":null,"type_section":null,"theme_id":"15865","size":"custom","responsive_min_width":"0%","responsive_max_width":"100%","custom_width":"300px","custom_height_auto":true,"custom_height":"380px","scrollable_content":false,"animation_type":"fade","animation_speed":"350","animation_origin":"center top","open_sound":"none","custom_sound":"","location":"center top","position_top":"50","position_bottom":"0","position_left":"0","position_right":"0","position_from_trigger":false,"position_fixed":false,"overlay_disabled":false,"stackable":false,"disable_reposition":false,"zindex":"1999999999","close_button_delay":"0","fi_promotion":null,"close_on_form_submission":false,"close_on_form_submission_delay":"0","close_on_overlay_click":false,"close_on_esc_press":false,"close_on_f4_press":false,"disable_form_reopen":false,"disable_accessibility":false,"theme_slug":"tutoriels","id":15863,"slug":"tutoriel-asterix"},"pum-15881":{"triggers":[{"type":"click_open","settings":{"cookie_name":"","extra_selectors":".tuto-obelix"}}],"cookies":[],"disable_on_mobile":false,"disable_on_tablet":true,"atc_promotion":null,"explain":null,"type_section":null,"theme_id":"15865","size":"custom","responsive_min_width":"0%","responsive_max_width":"100%","custom_width":"300px","custom_height_auto":true,"custom_height":"380px","scrollable_content":false,"animation_type":"fade","animation_speed":"350","animation_origin":"center top","open_sound":"none","custom_sound":"","location":"center top","position_top":"40","position_bottom":"0","position_left":"0","position_right":"0","position_from_trigger":false,"position_fixed":false,"overlay_disabled":false,"stackable":false,"disable_reposition":false,"zindex":"1999999999","close_button_delay":"0","fi_promotion":null,"close_on_form_submission":false,"close_on_form_submission_delay":"0","close_on_overlay_click":false,"close_on_esc_press":false,"close_on_f4_press":false,"disable_form_reopen":false,"disable_accessibility":false,"theme_slug":"tutoriels","id":15881,"slug":"tutoriel-obelix"}}; /* ]]> */ </script> <script type="text/javascript" src="https://asterix.com/wp-content/plugins/popup-maker/assets/js/site.min.js?defer&amp;ver=1.20.4" id="popup-maker-site-js"></script> <script type="text/javascript" src="https://asterix.com/wp-content/plugins/popup-maker/assets/js/vendor/mobile-detect.min.js?ver=1.3.3" id="mobile-detect-js"></script> <script type="text/javascript" id="wpcf7cf-scripts-js-extra"> /* <![CDATA[ */ var wpcf7cf_global_settings = {"ajaxurl":"https:\/\/asterix.com\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type="text/javascript" src="https://asterix.com/wp-content/plugins/cf7-conditional-fields/js/scripts.js?ver=2.5.7" id="wpcf7cf-scripts-js"></script> <script></script></body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10