CINXE.COM

Albert Uderzo - Astérix

<!DOCTYPE html> <html lang="en-US"> <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='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <link rel="alternate" hreflang="fr" href="https://asterix.com/albert-uderzo/" /> <link rel="alternate" hreflang="en" href="https://asterix.com/en/albert-uderzo/" /> <link rel="alternate" hreflang="de" href="https://asterix.com/de/albert-uderzo/" /> <link rel="alternate" hreflang="es" href="https://asterix.com/es/albert-uderzo/" /> <link rel="alternate" hreflang="x-default" href="https://asterix.com/albert-uderzo/" /> <!-- This site is optimized with the Yoast SEO plugin v24.5 - https://yoast.com/wordpress/plugins/seo/ --> <title>Albert Uderzo - Astérix</title> <link rel="canonical" href="https://asterix.com/en/albert-uderzo/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Albert Uderzo - Astérix" /> <meta property="og:description" content="The Missive The Asterix and Obelix Missive is delivered free of charge to your mail box by our Postaldistrix. Everything you need to keep up with the secrets behind the albums, video games, contests and Asterix movies! It’s simple to subscribe: just fill in the..." /> <meta property="og:url" content="https://asterix.com/en/albert-uderzo/" /> <meta property="og:site_name" content="Astérix" /> <meta property="article:modified_time" content="2025-02-04T15:50:32+00:00" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:label1" content="Est. reading time" /> <meta name="twitter:data1" content="7 minutes" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://asterix.com/en/albert-uderzo/","url":"https://asterix.com/en/albert-uderzo/","name":"Albert Uderzo - Astérix","isPartOf":{"@id":"https://asterix.com/en/#website"},"datePublished":"2024-11-29T14:50:16+00:00","dateModified":"2025-02-04T15:50:32+00:00","breadcrumb":{"@id":"https://asterix.com/en/albert-uderzo/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://asterix.com/en/albert-uderzo/"]}]},{"@type":"BreadcrumbList","@id":"https://asterix.com/en/albert-uderzo/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https://asterix.com/en/"},{"@type":"ListItem","position":2,"name":"Albert Uderzo"}]},{"@type":"WebSite","@id":"https://asterix.com/en/#website","url":"https://asterix.com/en/","name":"Astérix","description":"The official website","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://asterix.com/en/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}</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; Feed" href="https://asterix.com/en/feed/" /> <link rel="alternate" type="application/rss+xml" title="Astérix &raquo; Comments Feed" href="https://asterix.com/en/comments/feed/" /> <link rel="alternate" type="application/rss+xml" title="Astérix &raquo; Albert Uderzo Comments Feed" href="https://asterix.com/en/albert-uderzo/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.4' 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='owl-carousel-style-css' href='https://asterix.com/wp-content/plugins/post-slider-and-carousel/assets/css/owl.carousel.min.css?ver=3.2.9' type='text/css' media='all' /> <link rel='stylesheet' id='psac-public-style-css' href='https://asterix.com/wp-content/plugins/post-slider-and-carousel/assets/css/psac-public.css?ver=3.2.9' 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'> .page-id-39159.disabled_footer_top .footer_top_holder, .page-id-39159.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-40251 {z-index: 1999999999} #pum-40248 {z-index: 1999999999} #pum-40245 {z-index: 1999999999} #pum-40242 {z-index: 1999999999} #pum-40254 {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.9' type='text/css' media='all' /> <script type="text/javascript" id="wpml-cookie-js-extra"> /* <![CDATA[ */ var wpml_cookies = {"wp-wpml_current_language":{"value":"en","expires":1,"path":"\/"}}; var wpml_cookies = {"wp-wpml_current_language":{"value":"en","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/en/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://asterix.com/en/wp-json/wp/v2/pages/39159" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://asterix.com/xmlrpc.php?rsd" /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://asterix.com/en/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fasterix.com%2Fen%2Falbert-uderzo%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://asterix.com/en/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fasterix.com%2Fen%2Falbert-uderzo%2F&#038;format=xml" /> <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."/> <style data-type="vc_custom-css">.vc_row.bg-top { background-position: top center !important; } .row-orange-background { position: relative; overflow: hidden; } .row-orange-background .background-overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 420px; background-image: url(https://asterix.com/wp-content/uploads/2024/10/les-createurs-bg.png); background-size: cover; background-repeat: no-repeat; background-position: bottom; z-index: -1; } .img-createur .vc_single_image-wrapper { width: 275px; height: 275px; overflow: hidden; border-radius: 50%; border: 12px solid #ffffff; 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: 10px 0; } @media screen and (min-width:769px) and (max-width:960px) { .img-createur .vc_single_image-wrapper { width: 210px !important; height: 210px !important; } } @media screen and (max-width:380px) { .img-createur .vc_single_image-wrapper { width: 210px !important; height: 210px !important; } } .img-createur img { width: 100%; height: 100%; object-fit: cover; } .btn-bio { font-family: 'Proxima Nova' !important; font-size: 15px !important; padding: 8px 25px !important; height: 20px !important; line-height: 20px !important; border-radius: 25px; margin: 5px 5px 0 !important; font-weight: 600 !important; white-space: nowrap; display: inline-flex; } .qbutton.btn-bio:before { content: none; } h1 { font-size: 49px; line-height: normal; letter-spacing: 1px; } h2 { font-size: 38px; line-height: normal; margin-bottom: 20px !important; } h2 i.fa-angle-right { color: #D90E23; margin-right: 10px; font-size: 32px; } @media screen and (max-width:768px) { .title-createur { position: absolute; top: -10px; left: 50%; transform: translateX(-50%); white-space: nowrap; } .row-orange-background .background-overlay { height: 100%; background-image: url(https://asterix.com/wp-content/uploads/2024/10/les-createurs-bg-mobile.png); } } @media screen and (max-width:600px) { h1 { font-size: 39px; } .pres-createur { text-align: center; } .vc_row#listing { padding-top: 80px !important; clip-path: polygon(0 50px, 100% 0, 100% 100%, 0% 100%); background-color: #f5f5f5; } h2 { font-size: 32px; text-align: center; margin-left: -20px; } h2 i.fa-angle-right { font-size: 27px; } } @media screen and (min-width:769px) { .vc_row#listing { padding-top: 150px !important; background-color: #f5f5f5; clip-path: polygon(0 110px, 100% 0, 100% 100%, 0% 100%); } } 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; } a.listing-btn:hover { background-color: #E30521; } @media screen and (max-width:480px){ a.listing-btn { font-size: 19px; padding: 25px 7px 10px 10px; } } span.listing-btn-icon-holder { font-size: 0.9em; float: right; } .bottom-grey-background { clip-path: polygon(0 30%, 100% 0, 100% 100%, 0% 100%); padding-top: 50px; margin-top: -200px; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .bottom-grey-background { margin-top:-100px; } } h5.portfolio_title { font-family: 'Uderzo Titre'; font-size: 23px; line-height: 24px; text-align: center; padding: 0 5px; letter-spacing: 0.5px; } h5.portfolio_title a:hover{ color: #da102b; } p.album-edition, p.album-annee { font-weight: 600; font-size: 13px; line-height: 17px; } .alm-listing.css-grid { display: grid; grid-template-columns: 1fr; gap: 10px; } @media screen and (min-width:480px){ .alm-listing.css-grid{ grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width:1024px){ .alm-listing.css-grid{ grid-template-columns: repeat(3, 1fr); column-gap: 60px; row-gap: 40px !important; } } .alm-listing.css-grid > div { padding-bottom: 25px; border-radius: 2px; border: 1px solid #efefef; } .projects_holder>.mix img { max-width: 200px !important; } .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); } @media screen and (max-width: 600px) { .alm-listing.css-grid { grid-template-columns: repeat(1, 1fr); } .latest_post .post-text { min-height: auto; } } .alm-btn-wrap .alm-load-more-btn, .alm-btn-wrap .loading { background: none !important; color: #9DA6AB !important; border: none; box-shadow: none !important; font-family: 'Uderzo Titre'; font-size: 22px !important; opacity: 1 !important; } .boxes_image { overflow: hidden; } .boxes_image a { display: block; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .3s ease-in-out; -moz-transition: -moz-transform .3s ease-in-out; -ms-transition: -ms-transform .3s ease-in-out; -o-transition: -o-transform .3s ease-in-out; transition: transform .3s ease-in-out; -webkit-backface-visibility: hidden; } .boxes_image a:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .custom-image-size { width: 100%; height: auto; aspect-ratio: 1.2; object-fit: cover; } p.excerpt { font-size: 15px; font-weight: 500; text-align: center; } .portfolio-description-text { min-height: 170px; position: relative; } .projects_holder article .portfolio_description { padding-bottom: 0 !important; } .projects_holder.v5 .mix { max-width: 200px; } @media screen and (min-width: 1001px) { .projects_holder.v5 .mix { width: 19%; } } @media screen and (min-width: 768px) and (max-width: 1000px) { .projects_holder.v5 .mix { width: 23%; } } @media screen and (max-width: 767px) { .projects_holder.v5 .mix { margin: 2%; width: 45%; } div#listing { padding: 0; } .bottom-grey-background { clip-path: polygon(0 50px, 100% 0, 100% 100%, 0% 100%); margin-top: -100px; } h5.portfolio_title { font-size: 21px; line-height: 19px; } } .projects_holder article span.text_holder { display: none; } .contact-footer-col { margin-top: 50px !important; }</style><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" /> <style type="text/css" data-type="vc_shortcodes-custom-css">.vc_custom_1728063465331{margin-top: -1px !important;padding-top: 0px !important;padding-bottom: 15px !important;}.vc_custom_1732884144942{padding-top: 50px !important;padding-bottom: 30px !important;}</style><noscript><style> .wpb_animate_when_almost_visible { opacity: 1; }</style></noscript></head> <body data-rsssl=1 class="page-template page-template-full_width page-template-full_width-php page page-id-39159 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/en/"><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-fr wpml-ls-first-item wpml-ls-item-legacy-list-horizontal"> <a href="https://asterix.com/albert-uderzo/" class="wpml-ls-link"> <img class="wpml-ls-flag" src="https://asterix.com/wp-content/plugins/sitepress-multilingual-cms/res/flags/fr.svg" alt="French" /></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/albert-uderzo/" class="wpml-ls-link"> <img class="wpml-ls-flag" src="https://asterix.com/wp-content/plugins/sitepress-multilingual-cms/res/flags/de.svg" alt="German" /></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/albert-uderzo/" class="wpml-ls-link"> <img class="wpml-ls-flag" src="https://asterix.com/wp-content/plugins/sitepress-multilingual-cms/res/flags/es.svg" alt="Spanish" /></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/en/"><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="Search" 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">Libraries</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">The Shop</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/en/" > <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-en" class=""><li id="nav-menu-item-38564" class="menu-item menu-item-type-post_type menu-item-object-page narrow"><a href="https://asterix.com/en/news/" class=""><i class="menu_icon blank fa"></i><span>News</span><span class="plus"></span></a></li> <li id="nav-menu-item-38565" 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>The<br>albums</span><span class="plus"></span></a> <div class="second"><div class="inner"><ul> <li id="nav-menu-item-38567" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/en/the-comics/" class=""><i class="menu_icon blank fa"></i><span>The comics</span><span class="plus"></span></a></li> <li id="nav-menu-item-39019" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/en/the-illustrated-albums/" class=""><i class="menu_icon blank fa"></i><span>The Illustrated Albums</span><span class="plus"></span></a></li> </ul></div></div> </li> <li id="nav-menu-item-38570" 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>Asterix at<br>the movies</span><span class="plus"></span></a> <div class="second"><div class="inner"><ul> <li id="nav-menu-item-39003" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/en/the-animated-films/" class=""><i class="menu_icon blank fa"></i><span>The animated films</span><span class="plus"></span></a></li> <li id="nav-menu-item-39002" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/en/the-live-action-films/" class=""><i class="menu_icon blank fa"></i><span>The live action films</span><span class="plus"></span></a></li> </ul></div></div> </li> <li id="nav-menu-item-38571" 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>The<br>characters</span><span class="plus"></span></a> <div class="second"><div class="inner"><ul> <li id="nav-menu-item-40735" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/en/the-gauls/" class=""><i class="menu_icon blank fa"></i><span>The Gauls</span><span class="plus"></span></a></li> <li id="nav-menu-item-38574" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/en/the-romans/" class=""><i class="menu_icon blank fa"></i><span>The Romans</span><span class="plus"></span></a></li> <li id="nav-menu-item-38575" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/en/the-others/" class=""><i class="menu_icon blank fa"></i><span>The others…</span><span class="plus"></span></a></li> </ul></div></div> </li> <li id="nav-menu-item-38582" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children active has_sub narrow"><a href="#" class=" current "><i class="menu_icon blank fa"></i><span>The<br>creators</span><span class="plus"></span></a> <div class="second"><div class="inner"><ul> <li id="nav-menu-item-39185" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/en/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-39184" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-39159 current_page_item "><a href="https://asterix.com/en/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-38589" class="menu-item menu-item-type-custom menu-item-object-custom narrow"><a target="_blank" href="https://www.parcasterix.fr/en" class=""><i class="menu_icon blank fa"></i><span>Parc<br>Asterix</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-en" class=""><li id="mobile-menu-item-40130" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/en/news/" class=""><span>News</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-40132" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has_sub"><h3><span>The albums</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-40133" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/en/the-comics/" class=""><span>The Comics</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-40134" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/en/the-illustrated-albums/" class=""><span>The Illustrated Albums</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-40135" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has_sub"><h3><span>Asterix at the movies</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-40136" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/en/the-animated-films/" class=""><span>The animated films</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-40137" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/en/the-live-action-films/" class=""><span>The live action films</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-40138" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has_sub"><h3><span>The characters</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-40141" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/en/the-romans/" class=""><span>The Romans</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-40140" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/en/the-others/" class=""><span>The others…</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-40142" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children active has_sub"><h3><span>The creators</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-40144" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://asterix.com/en/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-40143" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-39159 current_page_item "><a href="https://asterix.com/en/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-40145" class="menu-item menu-item-type-custom menu-item-object-custom "><a target="_blank" href="https://www.parcasterix.fr/en" class=""><span>Parc Asterix</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-40146" class="menu-item menu-item-type-custom menu-item-object-custom "><a target="_blank" href="https://boutique.asterix.com/fr/" class=""><span>The Shop</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="full_width"> <div class="full_width_inner" > <div class="wpb-content-wrapper"><div class="vc_row wpb_row section vc_row-fluid row-orange-background vc_custom_1728063465331" 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_raw_code wpb_raw_html wpb_content_element" > <div class="wpb_wrapper"> <div class="background-overlay"></div> </div> </div> <div class="vc_row wpb_row section vc_row-fluid vc_inner vc_custom_1732884144942 grid_section" style=' text-align:left;'><div class=" section_inner clearfix"><div class='section_inner_margin clearfix'><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"><div class='q_elements_holder two_columns eh_two_columns_33_66 responsive_mode_from_768' ><div class='q_elements_item ' data-600-768='35px 0 0' data-480-600='35px 0 0' data-480='35px 0 0' data-animation='no' data-item-class='q_elements_holder_custom_200069' style='vertical-align:top;'><div class='q_elements_item_inner'><div class='q_elements_item_content q_elements_holder_custom_200069'> <div class="wpb_single_image wpb_content_element vc_align_center img-createur"> <div class="wpb_wrapper"> <div class="vc_single_image-wrapper vc_box_border_grey"><img decoding="async" width="175" height="250" src="https://asterix.com/wp-content/uploads/2024/11/albert-uderzo.jpg" class="vc_single_image-img attachment-full" alt="" title="albert-uderzo" /></div> </div> </div> </div></div></div><div class='q_elements_item pres-createur' data-768-1024='5%' data-600-768='0 5% 70px' data-480-600='0 5% 70px' data-480='0 5% 70px' data-animation='no' data-item-class='q_elements_holder_custom_170481' style='vertical-align:top;'><div class='q_elements_item_inner'><div class='q_elements_item_content q_elements_holder_custom_170481' style='padding:10px 33% 0 10%'> <div class="wpb_text_column wpb_content_element title-createur"> <div class="wpb_wrapper"> <h1 style="color: #ffffff; text-transform: none;">Albert Uderzo</h1> </div> </div> <div class="vc_empty_space" style="height: 15px" ><span class="vc_empty_space_inner"> <span class="empty_space_image" ></span> </span></div> <div class="wpb_text_column wpb_content_element "> <div class="wpb_wrapper"> <p style="color: #ffffff; font-size: 1.2em;">As early as his nursery-school days, young Albert shows great drawing ability.<br /> He is completely self-taught, and his first vocation to be a clown develops into an irrepressible desire to draw, with an early attraction for Walt Disney heroes.</p> </div> </div> <div class="vc_empty_space" style="height: 15px" ><span class="vc_empty_space_inner"> <span class="empty_space_image" ></span> </span></div> </div></div></div></div></div></div></div></div></div></div></div></div></div></div></div><div data-q_id="#biography" class="vc_row wpb_row section vc_row-fluid grid_section" style=' text-align:left;'><div class=" section_inner clearfix"><div class='section_inner_margin clearfix'><div class="wpb_column vc_column_container vc_col-sm-8"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element "> <div class="wpb_wrapper"> <h2><i class="qode_icon_font_awesome_5 fa5 fa fa-angle-right"></i>Biography</h2> </div> </div> </div></div></div><div class="wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"></div></div></div></div></div></div><div data-q_id="#biographie" class="vc_row wpb_row section vc_row-fluid grid_section" style=' text-align:left;'><div class=" section_inner clearfix"><div class='section_inner_margin clearfix'><div class="wpb_column vc_column_container vc_col-sm-8"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element "> <div class="wpb_wrapper"> <p><span style="color: #e30521;"><strong>1927</strong></span></p> <p>&nbsp;</p> <p>Birth of Albert Uderzo in Fismes (in the Marne département in France).</p> <p>&nbsp;</p> <p><span style="color: #e30521;"><strong>1932</strong></span></p> <p>&nbsp;</p> <p>As early as his nursery-school days, young Albert shows great drawing ability.<br /> He is completely self-taught, and his first vocation to be a clown develops into an irrepressible desire to draw, with an early attraction for Walt Disney heroes.<br /> From the age of ten, Albert Uderzo begins to sketch characters with big noses …</p> <p>&nbsp;</p> <p><span style="color: #e30521;"><strong>1938</strong></span></p> <p>&nbsp;</p> <p>The family moves a second time, from Clichy-sous-Bois to the Rue de Montreuil, in the 11th district in Paris.<br /> For a while Albert thinks about becoming an aircraft mechanic and passes the entrance exam to the French Engineering School before the Second World War breaks out.</p> </div> </div> <div class="vc_empty_space" style="height: 32px" ><span class="vc_empty_space_inner"> <span class="empty_space_image" ></span> </span></div> </div></div></div><div class="wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_single_image wpb_content_element vc_align_center"> <div class="wpb_wrapper"> <div class="vc_single_image-wrapper vc_box_border_grey"><img fetchpriority="high" decoding="async" width="246" height="357" src="https://asterix.com/wp-content/uploads/2024/10/les-createurs-goscinny-img-1.png" class="vc_single_image-img attachment-full" alt="" title="les-createurs-goscinny-img-1" srcset="https://asterix.com/wp-content/uploads/2024/10/les-createurs-goscinny-img-1.png 246w, https://asterix.com/wp-content/uploads/2024/10/les-createurs-goscinny-img-1-207x300.png 207w" sizes="(max-width: 246px) 100vw, 246px" /></div> </div> </div> </div></div></div></div></div></div><div data-q_id="#biographie" class="vc_row wpb_row section vc_row-fluid grid_section" style=' text-align:left;'><div class=" section_inner clearfix"><div class='section_inner_margin 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><span style="color: #e30521;"><strong>1942</strong></span></p> <p>&nbsp;</p> <p>His brother Bruno then goes to Brittany and asks him to join him at Les Villages (in the Côtes-d’Armor département), near Saint-Brieuc.<br /> Albert likes the area, but because of the war he has to return to Paris, where he helps his father, a machine operator working with wood.<br /> With the Liberation of France, Albert tries his hand at cartoons, works for several magazines, and creates or draws new heroes such as Flamberge, Clopinard, Zartan, Zidore, Arys Buck, Prince Rollin and Belloy (the Invulnerable).<br /> These characters begin a long series of pumped-up heroes with huge bulging muscles, the type of figure that Albert is particularly fond of.</p> <p>&nbsp;</p> <p><span style="color: #e30521;"><strong>1947</strong></span></p> <p>&nbsp;</p> <p>Then he does a spell in the army, in Tyrol.<br /> When he returns, he becomes a reporter-illustrator for “France Dimanche” and works for two news agencies, small concerns modestly called World Press and International Press. There, among other great names in the cartoon world, he meets Jean-Michel Charlier and Victor Hubinon.</p> <p>&nbsp;</p> <p><span style="color: #e30521;"><strong>1951</strong></span></p> <p>&nbsp;</p> <p>Soon another person is to cross his path …<br /> One fine morning in 1951, Albert Uderzo, who is working for World Press/International Press, is told that someone new, called ‘Gossini’ is coming to join them. When Albert hears this name, his Italian roots get all excited. But he learns that “No, his name is spelt G.o.s.c.i.n.n.y. He’s French and he’s moving here from the United States.”<br /> The two hit it off immediately, and are to work on numerous joint projects. The partnership results in many heroes, including Oompah-Pah, whom many see as a precursor to Asterix.</p> </div> </div> <div class="vc_empty_space" style="height: 32px" ><span class="vc_empty_space_inner"> <span class="empty_space_image" ></span> </span></div> </div></div></div></div></div></div><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="vc_empty_space" style="height: 30px" ><span class="vc_empty_space_inner"> <span class="empty_space_image" ></span> </span></div> </div></div></div></div></div><div class="vc_row wpb_row section vc_row-fluid grid_section" style=' text-align:left;'><div class=" section_inner clearfix"><div class='section_inner_margin clearfix'><div class="wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_single_image wpb_content_element vc_align_center"> <div class="wpb_wrapper"> <div class="vc_single_image-wrapper vc_box_border_grey"><img decoding="async" width="300" height="300" src="https://asterix.com/wp-content/uploads/2024/11/albert-uderzo-goscinny-charlier.jpg" class="vc_single_image-img attachment-full" alt="" title="albert-uderzo-goscinny-charlier" srcset="https://asterix.com/wp-content/uploads/2024/11/albert-uderzo-goscinny-charlier.jpg 300w, https://asterix.com/wp-content/uploads/2024/11/albert-uderzo-goscinny-charlier-150x150.jpg 150w" sizes="(max-width: 300px) 100vw, 300px" /></div> </div> </div> <div class="vc_empty_space" style="height: 32px" ><span class="vc_empty_space_inner"> <span class="empty_space_image" ></span> </span></div> </div></div></div><div class="wpb_column vc_column_container vc_col-sm-8"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element "> <div class="wpb_wrapper"> <p><span style="color: #e30521;"><strong>1956</strong></span></p> <p>&nbsp;</p> <p>Uderzo and Goscinny then play an active part alongside Jean-Michel Charlier and Jean Hébrard to create the companies called Edipresse (news agency) and Edifrance (advertising agency), which at last give them the opportunity to express themselves independently. There follow several difficult years when the two try out various jobs, but this period is nonetheless extremely fertile in terms of projects and ideas.<br /> At the time, to earn a living, Albert Uderzo goes so far as to produce nine plates in a week, a colossal amount of work. Sometimes, for lack of time, he skips the sketches and does his drawings directly in ink.</p> <p>&nbsp;</p> <p><span style="color: #e30521;"><strong>1959</strong></span></p> <p>&nbsp;</p> <p>Then an important project monopolises our two friends’ time: to create a magazine called Pilote, in conjunction with François Clauteaux, who will be the editor, Albert and René look for a typically French hero. The decision is made and they choose the Romance of Renart.<br /> However, they are quickly told that the project is already under way, initiated by Jean Trubert. So their idea won’t work and they have to find another one. After exploring the historical ages of France, Albert and René agree on Gaul and the Gauls.<br /> And so, on 29 October 1959, the FIRST issue of Pilote presents its captivated readers with the first plate of the Adventures of Asterix the Gaul, on page 20. The magazine is an immediate success: more than 300,000 copies sold!<br /> Pilote (with its slogan, ‘wow, what a magazine!’) has its hour of glory. Many a young reader grows up with it.<br /> Then it experiences a few ups and downs and our two friends hand over in 1960, only to come back in 1963. At the time René Goscinny works on numerous comic strips – Asterix, of course, as well as Iznogoud (Tabary), Little Nicholas (Sempé), Lucky Luke (Morris), Valentin (Tabary), The Dingodossiers (Gotlib), and more.</p> <p>&nbsp;</p> <p><span style="color: #e30521;"><strong>1968</strong></span></p> <p>&nbsp;</p> <p>The two authors continue some of the series for a while, either working together or on their own. However, from the “Asterix and the Chieftain’s Shield” album onwards, Albert Uderzo decides to devote himself exclusively to the little Gaulish hero and abandons his other characters.</p> <p>&nbsp;</p> <p><span style="color: #e30521;"><strong>1977</strong></span></p> <p>&nbsp;</p> <p>Asterix becomes a major French comic strip hero, with his popularity increasing album by album.<br /> He brings great happiness to Albert and René, who by now have also founded a cartoon film studio, called Studio Idéfix. However, misfortune is just around the corner.<br /> The awful news comes on 5 November 1977: René Goscinny dies during an exercise stress test for a medical check-up. He was 51. The shock is terrible. “Asterix in Belgium” is up to plate 37.</p> <p>&nbsp;</p> <p><span style="color: #e30521;"><strong>1979</strong></span></p> <p>&nbsp;</p> <p>From then on Albert Uderzo continues the adventures of the Gaulish hero alone.<br /> He soon creates Les Éditions Albert René to publish new Asterix albums.</p> <p>&nbsp;</p> <p><span style="color: #e30521;"><strong>1980</strong></span></p> <p>&nbsp;</p> <p>Launch of The Great Divide, the 25th Asterix album, the first to be written and drawn by Albert Uderzo alone.</p> <p>&nbsp;</p> <p><span style="color: #e30521;"><strong>1981-2005</strong></span></p> <p>&nbsp;</p> <p>Launch of 8 new Asterix albums. Wiser for his friendship of 26 years’ standing with René Goscinny, Albert Uderzo writes and draws new albums proving a tremendous success with the ever-increasing number of Asterix readers. In November 2002 is launched a special album, a de luxe edition of “Asterix in Belgium”, as a tribute to René Goscinny (only available in French).</p> <p>&nbsp;</p> <p><span style="color: #e30521;"><strong>2009</strong></span></p> <p>&nbsp;</p> <p>In fifty years Asterix has become a publishing phenomenon. The figures speak for themselves: 34 adventures translated into 107 languages or dialects, 11 films, an Asterix leisure park, hundreds of by-products, and many other projects…</p> <p>&nbsp;</p> <p><span style="color: #e30521;"><strong>24th March 2020</strong></span></p> <p>&nbsp;</p> <p>Albert Uderzo died at home in Neuilly. His virtuoso drawing had the same panache, whether it was in realist work or the more humorous style, that he brought to his unique graphic creations. He will influence illustrators for many years to come and will continue to dazzle and entertain millions of readers.</p> </div> </div> <div class="vc_empty_space" style="height: 32px" ><span class="vc_empty_space_inner"> <span class="empty_space_image" ></span> </span></div> </div></div></div></div></div></div> <div id="newsletter" class="vc_row wpb_row section vc_row-fluid contact-footer-row grid_section" style=' text-align:left;'><div class=" section_inner clearfix"><div class='section_inner_margin clearfix'><div class="contact-footer-col wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpcf7 no-js" id="wpcf7-f38750-p39159-o2" lang="en-US" dir="ltr" data-wpcf7-id="38750"> <div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div> <form action="/en/albert-uderzo/#wpcf7-f38750-p39159-o2" method="post" class="wpcf7-form init default" aria-label="Contact form" novalidate="novalidate" data-status="init"> <div style="display: none;"> <input type="hidden" name="_wpcf7" value="38750" /> <input type="hidden" name="_wpcf7_version" value="6.0.4" /> <input type="hidden" name="_wpcf7_locale" value="en_US" /> <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f38750-p39159-o2" /> <input type="hidden" name="_wpcf7_container_post" value="39159" /> <input type="hidden" name="_wpcf7_posted_data_hash" value="" /> <input type="hidden" name="_wpcf7cf_hidden_group_fields" value="[]" /> <input type="hidden" name="_wpcf7cf_hidden_groups" value="[]" /> <input type="hidden" name="_wpcf7cf_visible_groups" value="[]" /> <input type="hidden" name="_wpcf7cf_repeaters" value="[]" /> <input type="hidden" name="_wpcf7cf_steps" value="{}" /> <input type="hidden" name="_wpcf7cf_options" value="{&quot;form_id&quot;:38750,&quot;conditions&quot;:[{&quot;then_field&quot;:&quot;groupe-email-parent&quot;,&quot;and_rules&quot;:[{&quot;if_field&quot;:&quot;radio-age&quot;,&quot;operator&quot;:&quot;equals&quot;,&quot;if_value&quot;:&quot;I am under 15 years old&quot;}]}],&quot;settings&quot;:{&quot;animation&quot;:&quot;yes&quot;,&quot;animation_intime&quot;:200,&quot;animation_outtime&quot;:200,&quot;conditions_ui&quot;:&quot;normal&quot;,&quot;notice_dismissed&quot;:false,&quot;notice_dismissed_update-cf7-6.0.3&quot;:true}}" /> </div> <div style="text-align: center;"> <h3 style=" font-size: 45px;"><span style="color: #E30521;">The Missive</span> </h3> <p style="font-size: 14px;line-height: normal;padding: 10px 0 15px;"><strong>The Asterix and Obelix Missive is delivered free of charge to your mail box by our Postaldistrix.</strong><br /> Everything you need to keep up with the secrets behind the albums, video games, contests and Asterix movies!<br /> It’s simple to subscribe: just fill in the marble slab below! </p> </div> <div class="three_columns clearfix"> <div class="column1"> <div class="column_inner"> <p><span class="wpcf7-form-control-wrap" data-name="firstName"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="First Name" value="" type="text" name="firstName" /></span> </p> </div> </div> <div class="column2"> <div class="column_inner"> <p><span class="wpcf7-form-control-wrap" data-name="nom"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Last Name" value="" type="text" name="nom" /></span> </p> </div> </div> <div class="column3"> <div class="column_inner"> <p><span class="wpcf7-form-control-wrap" data-name="email"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email" aria-required="true" aria-invalid="false" placeholder="Email" value="" type="email" name="email" /></span> </p> </div> </div> </div> <div class="column_inner" style="text-align:center;"> <p><span class="wpcf7-form-control-wrap" data-name="radio-age"><span class="wpcf7-form-control wpcf7-radio"><span class="wpcf7-list-item first"><label><input type="radio" name="radio-age" value="I am over 15 years old" /><span class="wpcf7-list-item-label">I am over 15 years old</span></label></span><span class="wpcf7-list-item last"><label><input type="radio" name="radio-age" value="I am under 15 years old" /><span class="wpcf7-list-item-label">I am under 15 years old</span></label></span></span></span> </p> </div> <div data-id="groupe-email-parent" data-orig_data_id="groupe-email-parent" data-class="wpcf7cf_group"> <div class="three_columns clearfix"> <div class="column1"> <div class="column_inner"> <p>  </p> </div> </div> <div class="column2"> <div class="column_inner"> <p><span class="wpcf7-form-control-wrap" data-name="email-parent"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email" aria-required="true" aria-invalid="false" placeholder="Parent&#039;s Email*" value="" type="email" name="email-parent" /></span> </p> </div> </div> <div class="column3"> <div class="column_inner"> <p>  </p> </div> </div> </div> </div> <div class="three_columns clearfix"> <div class="column2"> <div class="column_inner"> <p><span class="wpcf7-form-control-wrap" data-name="language"><select class="wpcf7-form-control wpcf7-select wpcf7-validates-as-required" aria-required="true" aria-invalid="false" name="language"><option value="">language</option><option value="FR">FR</option><option value="EN">EN</option><option value="DE">DE</option><option value="ES">ES</option></select></span> </p> </div> </div> <div class="column3"> <div class="column_inner"> <p><input class="wpcf7-form-control wpcf7-submit has-spinner" type="submit" value="SEND" /> </p> </div> </div> </div> <div style="text-align: center;"> <p style="font-size: 11px;line-height: normal;padding-top: 25px;">Your email address will only be used to send you information about Asterix news.<br /> You can unsubscribe at any time. For more information, <a href="https://asterix.com/en/privacy-policy/" target="_blank" style="color: #E30521;">click here</a>. </p> </div><input type='hidden' class='wpcf7-pum' value='{"closepopup":false,"closedelay":0,"openpopup":false,"openpopup_id":0}' /><div class="wpcf7-response-output" aria-hidden="true"></div> </form> </div> </div></div></div></div></div></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>SITE MAP</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">The 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/en/the-comics/">The Comics</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/en/the-illustrated-albums/">The Illustrated Albums</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">Asterix at the movies</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/en/the-animated-films/">The animated films</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/en/the-live-action-films/">The live action films</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">The characters</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/en/the-gauls/">The Gauls</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/en/the-romans/">The Romans</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/en/the-others/">The others…</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">The creators</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/en/rene-goscinny/">René Goscinny</a></li> <li id="menu-item-20453" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-39159 current_page_item menu-item-20453"><a href="https://asterix.com/en/albert-uderzo/" aria-current="page">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/en/news/">News</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/en/tutorials/">Tutorials</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">Contact Us</a></div> </div> </div> </div> </div> </div> </div> </div> </footer> </div> </div> <div id="pum-40251" role="dialog" aria-modal="false" class="pum pum-overlay pum-theme-15865 pum-theme-tutoriels popmake-overlay click_open" data-popmake="{&quot;id&quot;:40251,&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-40251" 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="Close"> x </button> </div> </div> <div id="pum-40248" role="dialog" aria-modal="false" class="pum pum-overlay pum-theme-15865 pum-theme-tutoriels popmake-overlay click_open" data-popmake="{&quot;id&quot;:40248,&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-40248" 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="Close"> x </button> </div> </div> <div id="pum-40245" role="dialog" aria-modal="false" class="pum pum-overlay pum-theme-15865 pum-theme-tutoriels popmake-overlay click_open" data-popmake="{&quot;id&quot;:40245,&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-40245" 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="Close"> x </button> </div> </div> <div id="pum-40242" role="dialog" aria-modal="false" class="pum pum-overlay pum-theme-15865 pum-theme-tutoriels popmake-overlay click_open" data-popmake="{&quot;id&quot;:40242,&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-40242" 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="Close"> x </button> </div> </div> <div id="pum-40254" role="dialog" aria-modal="false" class="pum pum-overlay pum-theme-15865 pum-theme-tutoriels popmake-overlay click_open" data-popmake="{&quot;id&quot;:40254,&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-40254" 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="Close"> 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.4" id="swv-js"></script> <script type="text/javascript" id="contact-form-7-js-before"> /* <![CDATA[ */ var wpcf7 = { "api": { "root": "https:\/\/asterix.com\/en\/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.4" 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":"en","strings":{"mejs.download-file":"Download File","mejs.install-flash":"You are using a browser that does not have Flash player enabled or installed. Please turn on your Flash player plugin or download the latest version from https:\/\/get.adobe.com\/flashplayer\/","mejs.fullscreen":"Fullscreen","mejs.play":"Play","mejs.pause":"Pause","mejs.time-slider":"Time Slider","mejs.time-help-text":"Use Left\/Right Arrow keys to advance one second, Up\/Down arrows to advance ten seconds.","mejs.live-broadcast":"Live Broadcast","mejs.volume-help-text":"Use Up\/Down Arrow keys to increase or decrease volume.","mejs.unmute":"Unmute","mejs.mute":"Mute","mejs.volume-slider":"Volume Slider","mejs.video-player":"Video Player","mejs.audio-player":"Audio Player","mejs.captions-subtitles":"Captions\/Subtitles","mejs.captions-chapters":"Chapters","mejs.none":"None","mejs.afrikaans":"Afrikaans","mejs.albanian":"Albanian","mejs.arabic":"Arabic","mejs.belarusian":"Belarusian","mejs.bulgarian":"Bulgarian","mejs.catalan":"Catalan","mejs.chinese":"Chinese","mejs.chinese-simplified":"Chinese (Simplified)","mejs.chinese-traditional":"Chinese (Traditional)","mejs.croatian":"Croatian","mejs.czech":"Czech","mejs.danish":"Danish","mejs.dutch":"Dutch","mejs.english":"English","mejs.estonian":"Estonian","mejs.filipino":"Filipino","mejs.finnish":"Finnish","mejs.french":"French","mejs.galician":"Galician","mejs.german":"German","mejs.greek":"Greek","mejs.haitian-creole":"Haitian Creole","mejs.hebrew":"Hebrew","mejs.hindi":"Hindi","mejs.hungarian":"Hungarian","mejs.icelandic":"Icelandic","mejs.indonesian":"Indonesian","mejs.irish":"Irish","mejs.italian":"Italian","mejs.japanese":"Japanese","mejs.korean":"Korean","mejs.latvian":"Latvian","mejs.lithuanian":"Lithuanian","mejs.macedonian":"Macedonian","mejs.malay":"Malay","mejs.maltese":"Maltese","mejs.norwegian":"Norwegian","mejs.persian":"Persian","mejs.polish":"Polish","mejs.portuguese":"Portuguese","mejs.romanian":"Romanian","mejs.russian":"Russian","mejs.serbian":"Serbian","mejs.slovak":"Slovak","mejs.slovenian":"Slovenian","mejs.spanish":"Spanish","mejs.swahili":"Swahili","mejs.swedish":"Swedish","mejs.tagalog":"Tagalog","mejs.thai":"Thai","mejs.turkish":"Turkish","mejs.ukrainian":"Ukrainian","mejs.vietnamese":"Vietnamese","mejs.welsh":"Welsh","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":"650","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-includes/js/comment-reply.min.js?ver=1ef6f28904aab10e83684b2c39cd77b2" id="comment-reply-js" async="async" data-wp-strategy="async"></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\/en\/wp-json\/pum\/v1","rest_nonce":null,"default_theme":"15854","debug_mode":"","disable_tracking":"","home_url":"\/en\/","message_position":"top","core_sub_forms_enabled":"1","popups":[],"cookie_domain":"","analytics_route":"analytics","analytics_api":"https:\/\/asterix.com\/en\/wp-json\/pum\/v1"}; var pum_sub_vars = {"ajaxurl":"https:\/\/asterix.com\/wp-admin\/admin-ajax.php","message_position":"top"}; var pum_popups = {"pum-40251":{"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":40251,"slug":"tutoriel-falbala"},"pum-40248":{"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":40248,"slug":"tutoriel-panoramix"},"pum-40245":{"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":40245,"slug":"tutoriel-idefix"},"pum-40242":{"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":40242,"slug":"tutoriel-obelix"},"pum-40254":{"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":40254,"slug":"tutoriel-asterix"}}; /* ]]> */ </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.9" id="wpcf7cf-scripts-js"></script> <script></script></body> </html>

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