Entrevue - Le Dragon Bleu - Fred Jourdain – Fred Jourdain - Affranchi

<!doctype html>      <html class="no-js">  <head> <title> Entrevue - Le Dragon Bleu - Fred Jourdain – Fred Jourdain - Affranchi - Illustrations </title> <meta name="p:domain_verify" content="25fe6273047e0a4848fec7e2f48c8772"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.1/jquery.min.js"> <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet"> //$m = $.noConflict(); window.pattern=/(_compact|_pico|_icon|_thumb|_small|_medium|_large|_grande|_original|_master)[.]|[_][0-9]*[x][0-9]*[.]/g; </script> <meta property="og:image" content="https://cdn.shopify.com/s/files/1/0001/1085/files/download.jpg?v=1729761334">  <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">   <link href="https://vjs.zencdn.net/8.16.1/video-js.css" rel="stylesheet" /> <script type="text/javascript" src="//platform-api.sharethis.com/js/sharethis.js#property=5aa1e71ed362000013e3b0d0&product=inline-share-buttons"></script> <meta property="og:site_name" content="Fred Jourdain - Affranchi - Illustrations"> <meta property="og:url" content=""> <meta property="og:title" content=""> <meta property="og:type" content=""> <meta property="og:description" content=""> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content=""> <meta name="twitter:description" content="">   <script src="//code.jquery.com/jquery-1.11.3.min.js" type="text/javascript"></script> <script src="//fredjourdain.com/cdn/shopifycloud/shopify/assets/themes_support/api.jquery-b0af070cfe3f5cf7c92f9e2a5da2665ee07ed2aad63bb408f8d6672f894a5996.js" type="text/javascript"></script> <script src="//fredjourdain.com/cdn/shopifycloud/shopify/assets/themes_support/option_selection-86cdd286ddf3be7e25d68b9fc5965d7798a3ff6228ff79af67b3f4e41d6a34be.js" type="text/javascript"></script> <script src="//fredjourdain.com/cdn/shop/t/17/assets/global.js?v=83754054396156059671720270282" type="text/javascript"></script> <script src="//fredjourdain.com/cdn/shop/t/17/assets/load-page-product.js?v=111603181540343972631529856921" type="text/javascript"></script> <script> window.money_format = "<span class=money>$ {{amount}} CAD</span>"; window.shop_currency = "CAD"; window.file_url = "//fredjourdain.com/cdn/shop/files/?17847"; window.asset_url = "//fredjourdain.com/cdn/shop/t/17/assets/?17847"; window.wishlist_url = ""; window.animated = false; window.wishlist_enable = false; window.quickview_enable = false; window.multiple_filter_sidebar_enable = false; </script> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css"> <link href="//fredjourdain.com/cdn/shop/t/17/assets/fonts.scss.css?v=110728769486359395541732632096" rel="stylesheet" type="text/css" media="all" /> <link href="//fredjourdain.com/cdn/shop/t/17/assets/animate.css?v=164631604579799611551529856916" rel="stylesheet" type="text/css" media="all" /> <link href="//fredjourdain.com/cdn/shop/t/17/assets/jquery.fancybox.css?v=180367520903574960811529856920" rel="stylesheet" type="text/css" media="all" /> <link href="//fredjourdain.com/cdn/shop/t/17/assets/owl.carousel.css?v=103640546699724732651568319518" rel="stylesheet" type="text/css" media="all" /> <link href="//fredjourdain.com/cdn/shop/t/17/assets/global.scss.css?v=163535763222998756161530036854" rel="stylesheet" type="text/css" media="all" /> <link href="//fredjourdain.com/cdn/shop/t/17/assets/block-theme.scss.css?v=72025914253419112601529856934" rel="stylesheet" type="text/css" media="all" /> <link href="//fredjourdain.com/cdn/shop/t/17/assets/menu.scss.css?v=104404979982738992621733158766" rel="stylesheet" type="text/css" media="all" /> <link href="//fredjourdain.com/cdn/shop/t/17/assets/product.scss.css?v=111603181540343972631529856934" rel="stylesheet" type="text/css" media="all" /> <link href="//fredjourdain.com/cdn/shop/t/17/assets/site_temp.scss.css?v=181094395679086917491733158773" rel="stylesheet" type="text/css" media="all" /> <link href="//fredjourdain.com/cdn/shop/t/17/assets/responsive.scss.css?v=86963022971290349721529856934" rel="stylesheet" type="text/css" media="all" /> <script type="text/javascript"> var ndnapps_product_json = "//fredjourdain.com/cdn/shop/t/17/assets/ndnapps-products-slider.json?v=31615498562159593371610799375";</script> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="facebook-domain-verification" content="cckyd5z84gjr818x26gc6txyfoko58"> <meta name="facebook-domain-verification" content="cwfz7ivbdoc047vxobndn2crbu35ph"> <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/11085/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="fc15a112b40cc7329a8ac58c46e9e286"> <meta id="in-context-paypal-metadata" data-shop-id="11085" data-venmo-supported="false" data-environment="production" data-locale="fr_FR" data-paypal-v4="true" data-currency="CAD"> <script async="async" src="/checkouts/internal/preloads.js?locale=fr-CA"></script> <link rel="preconnect" href="https://shop.app" crossorigin="anonymous"> <script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=fr-CA&shop_id=11085" crossorigin="anonymous"></script> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":11085,"countryCode":"CA","currencyCode":"CAD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/11085","merchantName":"Fred Jourdain - Affranchi - Illustrations","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","interac","jcb"],"total":{"type":"pending","label":"Fred Jourdain - Affranchi - Illustrations","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script> <script id="shopify-features" type="application/json">{"accessToken":"fc15a112b40cc7329a8ac58c46e9e286","betas":["rich-media-storefront-analytics"],"domain":"fredjourdain.com","predictiveSearch":true,"shopId":11085,"smart_payment_buttons_url":"https:\/\/fredjourdain.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.fr.js","dynamic_checkout_cart_url":"https:\/\/fredjourdain.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.fr.js","locale":"fr"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "affranchi.myshopify.com"; Shopify.locale = "fr"; Shopify.currency = {"active":"CAD","rate":"1.0"}; Shopify.country = "CA"; Shopify.theme = {"name":"theme 2018-drea","id":31924387910,"schema_name":null,"schema_version":null,"theme_store_id":null,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "fredjourdain.com/cdn"; Shopify.routes = Shopify.routes || {}; Shopify.routes.root = "/";</script> <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script> <script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script> <script>window.ShopifyPay = window.ShopifyPay || {}; window.ShopifyPay.apiHost = "shop.app\/pay";</script> <script id="shop-js-analytics" type="application/json">{"pageType":"page"}</script> <script> window.Shopify = window.Shopify || {}; if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; window.Shopify.featureAssets['shop-js'] = {"init-fed-cm":["modules/v2/client.init-fed-cm_BimpDJ-a.fr.esm.js","modules/v2/chunk.common_BEyuo9ga.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_BQ7iabfR.fr.esm.js","modules/v2/chunk.common_BEyuo9ga.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_BZQJL9LR.fr.esm.js","modules/v2/chunk.common_BEyuo9ga.esm.js","modules/v2/chunk.modal_D6GFSzms.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_BNr4l-NH.fr.esm.js","modules/v2/chunk.common_BEyuo9ga.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.fr.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_BbQjocq8.fr.esm.js","modules/v2/chunk.common_BEyuo9ga.esm.js","modules/v2/chunk.modal_D6GFSzms.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_CTdhHhiZ.fr.esm.js","modules/v2/client.shop-login-button_CnqgNa0R.fr.esm.js","modules/v2/chunk.common_BEyuo9ga.esm.js","modules/v2/chunk.modal_D6GFSzms.esm.js"],"pay-button":["modules/v2/client.pay-button_ZIcy3oGQ.fr.esm.js","modules/v2/chunk.common_BEyuo9ga.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_CxQqzGmn.fr.esm.js","modules/v2/client.shop-login-button_CnqgNa0R.fr.esm.js","modules/v2/chunk.common_BEyuo9ga.esm.js","modules/v2/chunk.modal_D6GFSzms.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_CnFH6gMy.fr.esm.js","modules/v2/client.shop-login-button_CnqgNa0R.fr.esm.js","modules/v2/chunk.common_BEyuo9ga.esm.js","modules/v2/chunk.modal_D6GFSzms.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_CObyQq09.fr.esm.js","modules/v2/chunk.common_BEyuo9ga.esm.js","modules/v2/chunk.modal_D6GFSzms.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_CnqgNa0R.fr.esm.js","modules/v2/chunk.common_BEyuo9ga.esm.js","modules/v2/chunk.modal_D6GFSzms.esm.js"],"lead-capture":["modules/v2/client.lead-capture_VXgfxNA1.fr.esm.js","modules/v2/chunk.common_BEyuo9ga.esm.js","modules/v2/chunk.modal_D6GFSzms.esm.js"],"payment-terms":["modules/v2/client.payment-terms_Ce16xFHn.fr.esm.js","modules/v2/chunk.common_BEyuo9ga.esm.js","modules/v2/chunk.modal_D6GFSzms.esm.js"]}; </script> <script>(function() { function asyncLoad() { var urls = ["https:\/\/affranchi.myshopify.com\/apps\/vig\/liquid_factory\/scripttag.js?shop=affranchi.myshopify.com","https:\/\/www.improvedcontactform.com\/icf.js?shop=affranchi.myshopify.com","https:\/\/widgetic.com\/sdk\/sdk.js?shop=affranchi.myshopify.com","https:\/\/widgetic.com\/sdk\/sdk.js?shop=affranchi.myshopify.com","https:\/\/gtranslate.io\/shopify\/gtranslate.js?shop=affranchi.myshopify.com","https:\/\/pmslider.netlify.app\/s2\/affranchi.js?abg=\u0026ac1=FFFFFF\u0026ap=ms\u0026ar=\u0026at=chp\u0026dbg=\u0026dc1=\u0026dc2=\u0026dl=\u0026dp=b\u0026dt=2xthmb\u0026eov=\u0026ev=\u0026ezc=1\u0026ezh=\u0026sm=a\u0026v=4\u0026shop=affranchi.myshopify.com","https:\/\/na.shgcdn3.com\/pixel-collector.js?shop=affranchi.myshopify.com"]; for (var i = 0; i < urls.length; i++) { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = urls[i]; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); } }; if(window.attachEvent) { window.attachEvent('onload', asyncLoad); } else { window.addEventListener('load', asyncLoad, false); } })();</script> <script id="__st">var __st={"a":11085,"offset":-18000,"reqid":"bb9cde36-560b-48d1-87bd-45327abad892-1740153757","pageurl":"fredjourdain.com\/pages\/dragon-bleu-entrevue","s":"pages-27325792326","u":"597a48a15b6e","p":"page","rtyp":"page","rid":27325792326};</script> <script>window.ShopifyPaypalV4VisibilityTracking = true;</script> <script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protégé par hCaptcha',privacyText:'Confidentialité',termsText:'Conditions'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script> <script integrity="sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//fredjourdain.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script crossorigin="anonymous" defer="defer" src="//fredjourdain.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-80e528be853eac23af2454534897ca9536b1d3d04aa043b042f34879a3c111c8.js?v=20220906"></script> <script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//fredjourdain.com/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <link rel="stylesheet" media="screen" href="https://fredjourdain.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> <style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) { #dynamic-checkout-cart { min-height: 50px; } } @media screen and (max-width: 750px) { #dynamic-checkout-cart { min-height: 180px; } } </style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <script type="text/javascript"> window.__shgProducts = window.__shgProducts || {}; </script> <script type="text/javascript"> window.__shgMoneyFormat = window.__shgMoneyFormat || {"CAD":{"currency":"CAD","currency_symbol":"$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","}}; window.__shgCurrentCurrencyCode = window.__shgCurrentCurrencyCode || { currency: "CAD", currency_symbol: "$", decimal_separator: ".", thousands_separator: ",", decimal_places: 2, currency_symbol_location: "left" }; </script> <script src="//fredjourdain.com/cdn/shop/t/17/assets/ndnapps_products_slider.js?v=7719757641535601641610796691" type="text/javascript"></script> <link href="//fredjourdain.com/cdn/shop/t/17/assets/ap_multilang.css?v=176626567202057058121529856916" rel="stylesheet" type="text/css" media="all" /> <script src="//fredjourdain.com/cdn/shop/t/17/assets/ap_multilang.js?v=83509137218866016241529856916" type="text/javascript"></script> <script>window.BOLD = window.BOLD || {}; window.BOLD.common = window.BOLD.common || {}; window.BOLD.common.Shopify = window.BOLD.common.Shopify || {}; window.BOLD.common.Shopify.shop = { domain: 'fredjourdain.com', permanent_domain: 'affranchi.myshopify.com', url: 'https://fredjourdain.com', secure_url: 'https://fredjourdain.com', money_format: "\u003cspan class=money\u003e$ {{amount}} CAD\u003c\/span\u003e", currency: "CAD" }; window.BOLD.common.Shopify.customer = { id: null, tags: null, }; window.BOLD.common.Shopify.cart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"CAD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}; window.BOLD.common.template = 'page';window.BOLD.common.Shopify.formatMoney = function(money, format) { function n(t, e) { return "undefined" == typeof t ? e : t } function r(t, e, r, i) { if (e = n(e, 2), r = n(r, ","), i = n(i, "."), isNaN(t) || null == t) return 0; t = (t / 100).toFixed(e); var o = t.split(".") , a = o[0].replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1" + r) , s = o[1] ? i + o[1] : ""; return a + s } "string" == typeof money && (money = money.replace(".", "")); var i = "" , o = /\{\{\s*(\w+)\s*\}\}/ , a = format || window.BOLD.common.Shopify.shop.money_format || window.Shopify.money_format || "$ {{ amount }}"; switch (a.match(o)[1]) { case "amount": i = r(money, 2, ",", "."); break; case "amount_no_decimals": i = r(money, 0, ",", "."); break; case "amount_with_comma_separator": i = r(money, 2, ".", ","); break; case "amount_no_decimals_with_comma_separator": i = r(money, 0, ".", ","); break; case "amount_with_space_separator": i = r(money, 2, " ", ","); break; case "amount_no_decimals_with_space_separator": i = r(money, 0, " ", ","); break; case "amount_with_apostrophe_separator": i = r(money, 2, "'", "."); break; } return a.replace(o, i); }; window.BOLD.common.Shopify.saveProduct = function (handle, product, productData) { if (typeof handle === 'string' && typeof window.BOLD.common.Shopify.products[handle] === 'undefined') { if (typeof product === 'number') { window.BOLD.common.Shopify.handles[product] = handle; product = { id: product, product: productData }; } window.BOLD.common.Shopify.products[handle] = product; } }; window.BOLD.common.Shopify.saveVariant = function (variant_id, variant) { if (typeof variant_id === 'number' && typeof window.BOLD.common.Shopify.variants[variant_id] === 'undefined') { window.BOLD.common.Shopify.variants[variant_id] = variant; } };window.BOLD.common.Shopify.products = window.BOLD.common.Shopify.products || {}; window.BOLD.common.Shopify.variants = window.BOLD.common.Shopify.variants || {}; window.BOLD.common.Shopify.handles = window.BOLD.common.Shopify.handles || {};window.BOLD.common.Shopify.saveProduct(null, null, null);window.BOLD.apps_installed = {"cashier":1,"Currency":1} || {};window.BOLD.common.Shopify.metafields = window.BOLD.common.Shopify.metafields || {};window.BOLD.common.Shopify.metafields["bold_rp"] = {};window.BOLD.common.Shopify.metafields["bold_csp_defaults"] = {};</script> <link href="//fredjourdain.com/cdn/shop/t/17/assets/owl.carousel.min.css?v=100847393044616809951529856922" rel="stylesheet" type="text/css" media="all" /> <link href="//fredjourdain.com/cdn/shop/t/17/assets/owl.theme.default.min.css?v=145046030806302181201549076297" rel="stylesheet" type="text/css" media="all" />    <link rel="canonical" href="https://fredjourdain.com/pages/dragon-bleu-entrevue"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="theme-color" content="#000000">  <link href="//fredjourdain.com/cdn/shop/t/17/assets/timber.scss.css?v=154606903152890695971720270282" rel="stylesheet" type="text/css" media="all" /> <link href="//fredjourdain.com/cdn/shop/t/17/assets/theme.scss.css?v=135845638808912843531733158759" rel="stylesheet" type="text/css" media="all" /> <link href="//fredjourdain.com/cdn/shop/t/17/assets/swipebox.min.css?v=19492115512051612331529856924" rel="stylesheet" type="text/css" media="all" /> <link href="//fonts.googleapis.com/css?family=Asap:400" rel="stylesheet" type="text/css" media="all" />  <script type="application/json"> null </script> <script type="application/json" id="gt_translatable_strings"> { "zoomClose": "Fermer (Esc)", "zoomPrev": "Précédent (flèche gauche)", "zoomNext": "Suivant (flèche droite)", "addressError": "Vous ne trouvez pas cette adresse", "addressNoResults": "Aucun résultat pour cette adresse", "addressQueryLimit": "Vous avez dépassé la limite de Google utilisation de l'API. Envisager la mise à niveau à un \u003ca href=\"https:\/\/developers.google.com\/maps\/premium\/usage-limits\"\u003erégime spécial\u003c\/a\u003e.", "authError": "Il y avait un problème authentifier votre compte Google Maps API.", "addToCart": "Ajouter au panier", "soldOut": "Épuisé", "unavailable": "Non disponible", "gt_translate_keys": ["addToCart", "soldOut", "unavailable", "zoomClose", "zoomPrev", "addressError", "addressNoResults", "authError", {"key": "addressQueryLimit", "format": "html" }] } </script> <script> window.theme = window.theme || {}; var theme = { strings: JSON.parse(document.getElementById('gt_translatable_strings').innerHTML), settings: { // Adding some settings to allow the editor to update correctly when they are changed themeBgImage: false, customBgImage: '', enableWideLayout: true, typeAccentTransform: false, typeAccentSpacing: false, baseFontSize: '16px', headerBaseFontSize: '32px', accentFontSize: '16px' }, variables: { mediaQueryMedium: 'screen and (max-width: 768px)', bpSmall: false }, moneyFormat: "\u003cspan class=money\u003e$ {{amount}} CAD\u003c\/span\u003e" } document.documentElement.className = document.documentElement.className.replace('no-js', 'supports-js'); </script>   <script src="//fredjourdain.com/cdn/shop/t/17/assets/jquery-2.1.0.min.js?v=136821332013069366811529856919" type="text/javascript"></script> <script src="//fredjourdain.com/cdn/shop/t/17/assets/jquery-2.1.0.min.js?v=136821332013069366811529856919" type="text/javascript"></script> <script src="//fredjourdain.com/cdn/shop/t/17/assets/scroll.js?v=61757500882845656401529856923" type="text/javascript"></script> <script src="//fredjourdain.com/cdn/shop/t/17/assets/lazysizes.min.js?v=177476512571513845041529856921" async="async"></script>  <script type="text/javascript" id="redirector"> var m4u_redirects = {"5cd4a267ed5ff":"{\"type\":\"ml_switch_language\",\"origin_url\":\"\",\"locale\":\"fr\",\"countries\":[\"*\"],\"execution\":\"1\",\"language\":\"fr\"}","5cd4a289d72c3":"{\"type\":\"ml_switch_language\",\"origin_url\":\"*\",\"locale\":\"en\",\"countries\":[\"*\"],\"execution\":\"1\",\"language\":\"en\"}","5cd58d3bc1ac1":"{\"type\":\"ml_switch_language\",\"origin_url\":\"\",\"locale\":\"*\",\"countries\":[\"AF\",\"AL\",\"DZ\",\"AS\",\"AD\",\"AO\",\"AI\",\"AQ\",\"AG\",\"AR\",\"AM\",\"AW\",\"AU\",\"AT\",\"AZ\",\"BS\",\"BH\",\"BD\",\"BB\",\"BY\",\"BE\",\"BZ\",\"BJ\",\"BM\",\"BT\",\"BO\",\"BA\",\"BW\",\"BV\",\"BR\",\"IO\",\"BN\",\"BG\",\"KH\",\"CV\",\"KY\",\"CL\",\"CN\",\"CX\",\"CC\",\"CO\",\"KM\",\"CK\",\"CR\",\"CI\",\"HR\",\"CU\",\"CY\",\"CZ\",\"DK\",\"DM\",\"DO\",\"EC\",\"EG\",\"SV\",\"ER\",\"EE\",\"ET\",\"FK\",\"FO\",\"FJ\",\"FI\",\"GE\",\"DE\",\"GH\",\"GI\",\"GR\",\"GL\",\"GD\",\"GU\",\"GT\",\"GY\",\"HM\",\"VA\",\"HN\",\"HK\",\"HU\",\"IS\",\"IN\",\"ID\",\"IR\",\"IQ\",\"IE\",\"IL\",\"IT\",\"JM\",\"JP\",\"JO\",\"KZ\",\"KE\",\"KI\",\"KP\",\"KR\",\"KW\",\"KG\",\"LA\",\"LV\",\"LB\",\"LS\",\"LR\",\"LY\",\"LI\",\"LT\",\"LU\",\"MO\",\"MK\",\"MW\",\"MY\",\"MV\",\"MT\",\"MH\",\"MQ\",\"MR\",\"MU\",\"YT\",\"MX\",\"FM\",\"MD\",\"MC\",\"MN\",\"MS\",\"MA\",\"MZ\",\"MM\",\"NA\",\"NR\",\"NP\",\"NL\",\"AN\",\"NC\",\"NZ\",\"NI\",\"NE\",\"NG\",\"NU\",\"NF\",\"MP\",\"NO\",\"OM\",\"PK\",\"PW\",\"PS\",\"PA\",\"PG\",\"PY\",\"PE\",\"PH\",\"PN\",\"PL\",\"PT\",\"PR\",\"QA\",\"RO\",\"RU\",\"KN\",\"LC\",\"WS\",\"SM\",\"ST\",\"SA\",\"CS\",\"SC\",\"SL\",\"SG\",\"SK\",\"SI\",\"SB\",\"SO\",\"ZA\",\"GS\",\"ES\",\"LK\",\"SD\",\"SR\",\"SJ\",\"SZ\",\"SE\",\"CH\",\"SY\",\"TW\",\"TJ\",\"TZ\",\"TH\",\"TL\",\"TG\",\"TK\",\"TO\",\"TT\",\"TN\",\"TR\",\"TM\",\"TC\",\"TV\",\"UG\",\"UA\",\"AE\",\"GB\",\"US\",\"UM\",\"UY\",\"UZ\",\"VU\",\"VE\",\"VN\",\"VG\",\"VI\",\"WF\",\"EH\",\"YE\",\"ZM\",\"ZW\",\"RS\",\"ME\"],\"execution\":\"1\",\"language\":\"en\"}"}; var m4u_debug = null; </script> <script src="//www.modules4u.biz/shopify/redirector/js/ip.js.php?shop=affranchi.myshopify.com" type="text/javascript"></script> <script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/5af5a4e9d480555a843206404/ea7c3ba39dfc70cace59978ee.js");</script> <script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/5af5a4e9d480555a843206404/76be7926816a4932d39abbcc0.js");</script> <script> Shopify.wishy_btn_settings = {"button_setting":"text-transform:none;","btn_append":"before","btn_display":"block","btn_width":"auto","btn_margin_top":5,"btn_margin_left":5,"btn_margin_right":5,"btn_margin_bottom":5,"btn_margin_unit":"px","btn_placer_element":null,"btn_background_color":"#ffffff","btn_border_color":"#000000","btn_border_width":1,"btn_text":"♡ +","btn_color":"#1b1b1b","remove_btn_background_color":"#000000","remove_btn_border_color":"#000000","remove_btn_border_width":1,"remove_btn_color":"#ffffff","new_theme_published_at":"2019-04-25T18:09:28.659Z","installed":true,"heart_icon_margin_right":15,"heart_icon_margin_bottom":15,"heart_icon_location":"bottom-right","heart_icon_margin_top":15,"heart_icon_margin_left":15,"setting_force_login":false,"heart_icon_url_match":"","heart_icon_enabled":false,"status":"alive","spf_record":null,"floating_favorites_enabled":false,"floating_favorites_location":"right","floating_favorites_margin_top":50,"floating_favorites_url_match":"","floating_favorites_background_color":"#ffffff","floating_favorites_border_color":"#b9b9b9","floating_favorites_border_width":1,"floating_favorites_text":"♥ Favorites","floating_favorites_color":"#1b1b1b","heart_icon_type":"custom","heart_icon_typedefault_background_color":"#ff8989","heart_icon_typedefault_border_color":"#ff9c9c","heart_icon_typedefault_border_width":2,"heart_icon_typedefault_icon_color":"#ffffff","heart_icon_show_count":false,"heart_icon_typecustom_image_url":"https://cc-swim.herokuapp.com/wishlist.png","btn_text_size":"12.0","locale":"en","shop_star_rating":null,"shop_star_feedback":null,"heart_icon_collection_before_add_color":"#dfdfdf","heart_icon_collection_after_add_color":"#000000","login_link_bg_color":"#ffffff","login_link_text_color":"#525252","btn_remove_bg_color":"#ffffff","btn_remove_border_color":"#000000","btn_remove_border_width":1,"btn_remove_text":"♡ -","btn_remove_color":"#1b1b1b","btn_remove_text_size":"12.0","open_wishlist_after_add_to_wishlist":true,"wishlist_header_text":"Wishlist","theme_name_from_schema":null,"subscribed_at":null,"wizard_completed_at":"2018-09-06T11:07:22.183Z","plan":"free","discount":"0.5","launchpoint_wishlist_icon_in_header_enabled":false,"launchpoint_heart_icon_in_collections_enabled":false}; Shopify.wishy_button_css_json = "text-transform:none;"; Shopify.wishy_customer_email = "" ; </script> <script type="text/javascript"> window.SHG_CUSTOMER = null; </script> <link rel="preconnect" href="https://cdn.getshogun.com"> <link rel="dns-prefetch" href="https://cdn.getshogun.com"> <link rel="preconnect" href="https://i.shgcdn.com"> <link rel="dns-prefetch" href="https://i.shgcdn.com"> <meta property="og:type" content="article" /> <meta property="og:title" content="Entrevue - Le Dragon Bleu - Fred Jourdain" /> <meta property="og:image" content="https://ucarecdn.com/9ffb4c6d-df5a-47c1-8c3a-be2999f3fb82/-/format/auto/-/stretch/off/-/resize/3000x/-/quality/lighter/" /> <meta property="og:image:width" content="2406" /> <meta property="og:image:height" content="1425" /> <meta property="og:description" content="« J'avais aussi besoin de comprendre comment dessiner Pierre, le personnage principal, alors je me suis coupé les cheveux comme lui et j'ai pris des photos. » Tu m'as déjà dit avoir passé 2 ans sur ce projet. Comment est-ce que le tout a commencé ? Je pense que des gens d'Ex Machina (la compagnie de Robert Lepage) ont vu mon expo à L'Inox, à l'époque ou la micro-brasserie était dans le Vieux-Port. C'était la première année du Moulin à images et l'équipe terminait souvent sa soirée dans ce bar. Dans tous les cas, j'ai été parmi les artistes qui ont été approchés pour le projet. J'étais flatté qu'on me le propose, mais je venais de terminer Round Midnight et j'avais pris la décision de ne plus faire de BD pour un moment, du moins, pas au sens traditionnel du terme." /> <meta name="shogun_placeholder" content="shogun_placeholder" /> <script type="text/javascript">jQuery(document).ready(function(){Shopify.Products.recordRecentlyViewed( );});</script> <script src="//staticxx.s3.amazonaws.com/aio_stats_lib_v1.min.js?v=1.0"></script>  <script> var productImageAndPrice = [], collectionImages = [], articleImages = [], mmLivIcons = false, mmFlipClock = false, mmFixesUseJquery = false, mmNumMMI = 7, mmSchemaTranslation = {}, mmMenuStrings = [] , mmShopLocale = "fr", mmShopLocaleCollectionsRoute = "/collections", mmSchemaDesignJSON = [{"action":"design","setting":"font_family","value":"Default"},{"action":"design","setting":"tree_sub_direction","value":"set_tree_auto"},{"action":"design","setting":"button_background_hover_color","value":"#0d8781"},{"action":"design","setting":"link_hover_color","value":"#0da19a"},{"action":"design","setting":"button_background_color","value":"#0da19a"},{"action":"design","setting":"link_color","value":"#4e4e4e"},{"action":"design","setting":"background_hover_color","value":"#f9f9f9"},{"action":"design","setting":"background_color","value":"#ffffff"},{"action":"design","setting":"button_text_hover_color","value":"#ffffff"},{"action":"design","setting":"button_text_color","value":"#ffffff"},{"action":"design","setting":"font_size","value":"13px"},{"action":"design","setting":"text_color","value":"#222222"},{"action":"design","setting":"vertical_text_color","value":"#4e4e4e"},{"action":"design","setting":"vertical_link_color","value":"#4e4e4e"},{"action":"design","setting":"vertical_link_hover_color","value":"#0da19a"},{"action":"design","setting":"vertical_font_size","value":"13px"}], mmDomChangeSkipUl = "", buddhaMegaMenuShop = "affranchi.myshopify.com", mmWireframeCompression = "", mmExtensionAssetUrl = "https://cdn.shopify.com/extensions/d942b459-68b8-4059-9e3c-06764a7bcf32/buddha-mega-menu-navigation-89/assets/";var bestSellersHTML = '';var newestProductsHTML = '';/* get link lists api */ var linkLists={"main-menu" : {"title":"Main Menu", "items":["/pages/bio","/pages/boutique","https://fredjourdain.com/pages/archives","#","/pages/contacts",]},"footer" : {"title":"Footer", "items":["/collections/je-me-souviendrai","/collections/hors-series",]},"bas-de-page" : {"title":"bas de page", "items":["/collections/nouveautes","/collections/interpretations","/collections/le-dragon-bleu",]},"collections" : {"title":"Collections", "items":["/collections/nouveautes","/collections/festival-dete-de-quebec","/collections/interpretations","/collections/le-dragon-bleu","/collections/je-me-souviendrai","/collections/hors-series","/collections/trou-du-diable-biere",]},"archives" : {"title":"Archives", "items":["https://fredjourdain.com/pages/mod","/pages/histoires","/pages/methodeformat","https://fredjourdain.com/pages/des-murales","/pages/affiches_feq_2017","/pages/basse_red_hot_chili_peppers","https://fredjourdain.com/pages/troududiable_entrevue","/pages/je-me-souviendrai","/pages/dragon-bleu-entrevue","/pages/personnages",]},"mon-compte" : {"title":"Mon compte", "items":["https://affranchi.myshopify.com/account/register","https://affranchi.myshopify.com/account/login","https://affranchi.myshopify.com/cart",]},"autres" : {"title":"Autres", "items":["/pages/festival-d-ete-de-quebec","/pages/une-basse-les-red-hot-chili-peppers",]},"footer-projects" : {"title":"footer-projects", "items":["#","https://affranchi.myshopify.com/pages/une-basse-les-red-hot-chili-peppers","#",]},"main-menu-mobile" : {"title":"main menu mobile", "items":["https://affranchi.myshopify.com/pages/collections",]},"publications" : {"title":"Publications", "items":["/pages/projets-dragon-bleu","/pages/je-me-souviendrai-publication","/products/art-book-mod-fred-jourdain",]},"pages" : {"title":"Pages", "items":["/pages/bio","/pages/archives","/pages/illustrations-toiles",]},"boutique" : {"title":"Boutique", "items":["/pages/impressions","/collections/original","/products/art-book-mod-fred-jourdain","/products/certificat-cadeau-test",]},"all-collections" : {"title":"All collections", "items":["/collections/interpretations",]},"shop" : {"title":"Shop", "items":["/collections/all","/collections/jazz-1",]},"customer-account-main-menu" : {"title":"Menu principal du compte client", "items":["/","https://shopify.com/11085/account/orders?locale=fr&region_country=CA",]},};/*ENDPARSE*/ /* set product prices *//* get the collection images *//* get the collection images *//* customer fixes */ var mmThemeFixesBeforeInit = function(){ /* generic mobile menu toggle translate effect */ document.addEventListener("toggleSubmenu", function (e) { var pc = document.querySelector("#PageContainer"); var mm = document.querySelector("#MobileNav"); if (pc && mm && typeof e.mmMobileHeight != "undefined"){ var pcStyle = pc.getAttribute("style"); if (pcStyle && pcStyle.indexOf("translate3d") != -1) { pc.style.transform = "translate3d(0px, "+ e.mmMobileHeight +"px, 0px)"; } } }); mmAddStyle(" .header__icons {z-index: 1003;} "); window.mmLoadFunction = function(){ setTimeout(function(){ var m = document.querySelector("#megamenu_level__1"); if (m && m.matches(".vertical-mega-menu")) reinitMenus("#megamenu_level__1"); },100); }; if (document.readyState !== "loading") { mmLoadFunction(); } else { document.removeEventListener("DOMContentLoaded", mmLoadFunction); document.addEventListener("DOMContentLoaded", mmLoadFunction); } }; var mmThemeFixesBefore = function(){ window.buddhaFilterLiElements = function(liElements){ var elements = []; for (var i=0; i<liElements.length; i++) { if (liElements[i].querySelector("[href=\"/cart\"]") == null) { elements.push(liElements[i]); } } return elements; }; if (tempMenuObject.u.matches("#mobile_menu, #velaMegamenu .nav, #SiteNav, #siteNav")) { tempMenuObject.forceMenu = true; tempMenuObject.skipCheck = true; tempMenuObject.liItems = buddhaFilterLiElements(mmNot(tempMenuObject.u.children, ".search_container,.site-nav__item_cart")); } else if (tempMenuObject.u.matches(".main_nav .nav .menu")) { var numMenusApplied = 0, numMenusAppliedSticky = 0; mmForEach(document, ".main_nav .nav .menu", function(el){ if (el.closest(".sticky_nav") == null) { if (el.querySelector(".buddha-menu-item")) { numMenusApplied++; } } else { if (el.querySelector(".buddha-menu-item")) { numMenusAppliedSticky++; } } }); if (((tempMenuObject.u.closest(".sticky_nav")) && (numMenusAppliedSticky < 1)) || ((tempMenuObject.u.closest(".sticky_nav")) && (numMenusApplied < 1))) { tempMenuObject.forceMenu = true; tempMenuObject.skipCheck = true; tempMenuObject.liItems = buddhaFilterLiElements(mmNot(tempMenuObject.u.children, ".search_container,.site-nav__item_cart")); } } else if (tempMenuObject.u.matches("#mobile-menu:not(.mm-menu)") && tempMenuObject.u.querySelector(".hamburger,.shifter-handle") == null) { tempMenuObject.forceMenu = true; tempMenuObject.skipCheck = true; tempMenuObject.liItems = buddhaFilterLiElements(tempMenuObject.u.children); } else if (tempMenuObject.u.matches("#accessibleNav") && tempMenuObject.u.closest("#topnav2") == null) { tempMenuObject.forceMenu = true; tempMenuObject.skipCheck = true; tempMenuObject.liItems = buddhaFilterLiElements(mmNot(tempMenuObject.u.children, ".customer-navlink")); } else if (tempMenuObject.u.matches("#megamenu_level__1")) { tempMenuObject.forceMenu = true; tempMenuObject.skipCheck = true; tempMenuObject.liClasses = "level_1__item"; tempMenuObject.aClasses = "level_1__link"; tempMenuObject.liItems = buddhaFilterLiElements(tempMenuObject.u.children); } else if (tempMenuObject.u.matches(".mobile-nav__items")) { tempMenuObject.forceMenu = true; tempMenuObject.skipCheck = true; tempMenuObject.liClasses = "mobile-nav__item"; tempMenuObject.aClasses = "mobile-nav__link"; tempMenuObject.liItems = buddhaFilterLiElements(tempMenuObject.u.children); } else if (tempMenuObject.u.matches("#NavDrawer > .mobile-nav") && document.querySelector(".mobile-nav>.buddha-menu-item") == null ) { tempMenuObject.forceMenu = true; tempMenuObject.skipCheck = true; tempMenuObject.liClasses = "mobile-nav__item"; tempMenuObject.aClasses = "mobile-nav__link"; tempMenuObject.liItems = buddhaFilterLiElements(mmNot(tempMenuObject.u.children, ".mobile-nav__search")); } else if (tempMenuObject.u.matches(".mobile-nav-wrapper > .mobile-nav")) { tempMenuObject.forceMenu = true; tempMenuObject.skipCheck = true; tempMenuObject.liClasses = "mobile-nav__item border-bottom"; tempMenuObject.aClasses = "mobile-nav__link"; tempMenuObject.liItems = buddhaFilterLiElements(mmNot(tempMenuObject.u.children, ".mobile-nav__search")); } else if (tempMenuObject.u.matches("#nav .mm-panel .mm-listview")) { tempMenuObject.forceMenu = true; tempMenuObject.skipCheck = true; tempMenuObject.liItems = buddhaFilterLiElements(tempMenuObject.u.children); var firstMmPanel = true; mmForEach(document, "#nav>.mm-panels>.mm-panel", function(el){ if (firstMmPanel) { firstMmPanel = false; el.classList.remove("mm-hidden"); el.classList.remove("mm-subopened"); } else { el.parentElement.removeChild(el); } }); } else if (tempMenuObject.u.matches(".SidebarMenu__Nav--primary")) { tempMenuObject.forceMenu = true; tempMenuObject.skipCheck = true; tempMenuObject.liClasses = "Collapsible"; tempMenuObject.aClasses = "Collapsible__Button Heading u-h6"; tempMenuObject.liItems = buddhaFilterLiElements(tempMenuObject.u.children); } else if (tempMenuObject.u.matches(".mm_menus_ul")) { tempMenuObject.forceMenu = true; tempMenuObject.skipCheck = true; tempMenuObject.liClasses = "ets_menu_item"; tempMenuObject.aClasses = "mm-nowrap"; tempMenuObject.liItems = buddhaFilterLiElements(tempMenuObject.u.children); mmAddStyle(" .horizontal-mega-menu > .buddha-menu-item > a {white-space: nowrap;} ", "mmThemeCStyle"); } else if (tempMenuObject.u.matches("#accordion")) { tempMenuObject.forceMenu = true; tempMenuObject.skipCheck = true; tempMenuObject.liClasses = ""; tempMenuObject.aClasses = ""; tempMenuObject.liItems = tempMenuObject.u.children; } else if (tempMenuObject.u.matches(".mobile-menu__panel:first-child .mobile-menu__nav")) { tempMenuObject.forceMenu = true; tempMenuObject.skipCheck=true; tempMenuObject.liClasses = "mobile-menu__nav-item"; tempMenuObject.aClasses = "mobile-menu__nav-link"; tempMenuObject.liItems = tempMenuObject.u.children; } else if (tempMenuObject.u.matches("#nt_menu_id")) { tempMenuObject.forceMenu = true; tempMenuObject.skipCheck=true; tempMenuObject.liClasses = "menu-item type_simple"; tempMenuObject.aClasses = "lh__1 flex al_center pr"; tempMenuObject.liItems = tempMenuObject.u.children; } else if (tempMenuObject.u.matches("#menu_mb_cat")) { tempMenuObject.forceMenu = true; tempMenuObject.skipCheck=true; tempMenuObject.liClasses = "menu-item type_simple"; tempMenuObject.aClasses = ""; tempMenuObject.liItems = tempMenuObject.u.children; } else if (tempMenuObject.u.matches("#menu_mb_ul")) { tempMenuObject.forceMenu = true; tempMenuObject.skipCheck=true; tempMenuObject.liClasses = "menu-item only_icon_false"; tempMenuObject.aClasses = ""; tempMenuObject.liItems = mmNot(tempMenuObject.u.children, "#customer_login_link,#customer_register_link,#item_mb_help", true); mmAddStyle(" #menu_mb_ul.vertical-mega-menu li.buddha-menu-item>a {display: flex !important;} #menu_mb_ul.vertical-mega-menu li.buddha-menu-item>a>.mm-title {padding: 0 !important;} ", "mmThemeStyle"); } else if (tempMenuObject.u.matches(".header__inline-menu > .list-menu")) { tempMenuObject.forceMenu = true; tempMenuObject.skipCheck=true; tempMenuObject.liClasses = ""; tempMenuObject.aClasses = "header__menu-item list-menu__item link focus-inset"; tempMenuObject.liItems = tempMenuObject.u.children; } else if (tempMenuObject.u.matches(".menu-drawer__navigation>.list-menu")) { tempMenuObject.forceMenu = true; tempMenuObject.skipCheck=true; tempMenuObject.liClasses = ""; tempMenuObject.aClasses = "menu-drawer__menu-item list-menu__item link link--text focus-inset"; tempMenuObject.liItems = tempMenuObject.u.children; } else if (tempMenuObject.u.matches(".header__menu-items")) { tempMenuObject.forceMenu = true; tempMenuObject.skipCheck = true; tempMenuObject.liClasses = "navbar-item header__item has-mega-menu"; tempMenuObject.aClasses = "navbar-link header__link"; tempMenuObject.liItems = tempMenuObject.u.children; mmAddStyle(" .horizontal-mega-menu .buddha-menu-item>a:after{content: none;} ", "mmThemeStyle"); } else if (tempMenuObject.u.matches(".header__navigation")) { tempMenuObject.forceMenu = true; tempMenuObject.skipCheck = true; tempMenuObject.liClasses = "header__nav-item"; tempMenuObject.aClasses = ""; tempMenuObject.liItems = tempMenuObject.u.children; } else if (tempMenuObject.u.matches(".slide-nav")) { mmVerticalMenus=".slide-nav"; tempMenuObject.forceMenu = true; tempMenuObject.skipCheck = true; tempMenuObject.liClasses = "slide-nav__item"; tempMenuObject.aClasses = "slide-nav__link"; tempMenuObject.liItems = tempMenuObject.u.children; } else if (tempMenuObject.u.matches(".header__links-list")) { tempMenuObject.forceMenu = true; tempMenuObject.skipCheck = true; tempMenuObject.liClasses = ""; tempMenuObject.aClasses = ""; tempMenuObject.liItems = tempMenuObject.u.children; mmAddStyle(".header__left,.header__links {overflow: visible !important; }"); } else if (tempMenuObject.u.matches("#menu-main-navigation,#menu-mobile-nav")) { tempMenuObject.forceMenu = true; tempMenuObject.skipCheck=true; tempMenuObject.liClasses = ""; tempMenuObject.aClasses = ""; tempMenuObject.liItems = tempMenuObject.u.children; } else if (tempMenuObject.u.matches(".nav-desktop:first-child > .nav-desktop__tier-1")) { tempMenuObject.forceMenu = true; tempMenuObject.skipCheck=true; tempMenuObject.liClasses = "nav-desktop__tier-1-item"; tempMenuObject.aClasses = "nav-desktop__tier-1-link"; tempMenuObject.liItems = tempMenuObject.u.children; } else if (tempMenuObject.u.matches(".mobile-nav") && tempMenuObject.u.querySelector(".appear-animation.appear-delay-2") != null) { tempMenuObject.forceMenu = true; tempMenuObject.skipCheck=true; tempMenuObject.liClasses = "mobile-nav__item appear-animation appear-delay-3"; tempMenuObject.aClasses = "mobile-nav__link"; tempMenuObject.liItems = mmNot(tempMenuObject.u.children, "a[href*=account],.mobile-nav__spacer", true); } else if (tempMenuObject.u.matches("nav > .list-menu")) { tempMenuObject.forceMenu = true; tempMenuObject.liClasses = ""; tempMenuObject.aClasses = "header__menu-item list-menu__item link link--text focus-inset"; tempMenuObject.liItems = tempMenuObject.u.children; } else if (tempMenuObject.u.matches(".site-navigation>.navmenu")) { tempMenuObject.forceMenu = true; tempMenuObject.skipCheck=true; tempMenuObject.liClasses = "navmenu-item navmenu-basic__item"; tempMenuObject.aClasses = "navmenu-link navmenu-link-depth-1"; tempMenuObject.liItems = tempMenuObject.u.children; } else if (tempMenuObject.u.matches("nav>.js-accordion-mobile-nav")) { tempMenuObject.skipCheck = true; tempMenuObject.forceMenu = true; tempMenuObject.liClasses = "js-accordion-header c-accordion__header"; tempMenuObject.aClasses = "js-accordion-link c-accordion__link"; tempMenuObject.liItems = mmNot(tempMenuObject.u.children, ".mobile-menu__item"); } /* try to find li and a classes for requested menu if they are not set */ if (tempMenuObject.skipCheck == true) { var _links=[]; var keys = Object.keys(linkLists); for (var i=0; i<keys.length; i++) { if (selectedMenu == keys[i]) { _links = linkLists[keys[i]].items; break; } } mmForEachChild(tempMenuObject.u, "LI", function(li){ var href = null; var a = li.querySelector("a"); if (a) href = a.getAttribute("href"); if (href == null || (href != null && (href.substr(0,1) == "#" || href==""))){ var a2 = li.querySelector((!!document.documentMode) ? "* + a" : "a:nth-child(2)"); if (a2) { href = a2.getAttribute("href"); a = a2; } } if (href == null || (href != null && (href.substr(0,1) == "#" || href==""))) { var a2 = li.querySelector("a>a"); if (a2) { href = a2.getAttribute("href"); a = a2; } } /* stil no matching href, search all children a for a matching href */ if (href == null || (href != null && (href.substr(0,1) == "#" || href==""))) { var a2 = li.querySelectorAll("a[href]"); for (var i=0; i<a2.length; i++) { var href2 = a2[i].getAttribute("href"); if (_links[tempMenuObject.elementFits] != undefined && href2 == _links[tempMenuObject.elementFits]) { href = href2; a = a2[i]; break; } } } if (_links[tempMenuObject.elementFits] != undefined && href == _links[tempMenuObject.elementFits]) { if (tempMenuObject.liClasses == undefined) { tempMenuObject.liClasses = ""; } tempMenuObject.liClasses = concatClasses(li.getAttribute("class"), tempMenuObject.liClasses); if (tempMenuObject.aClasses == undefined) { tempMenuObject.aClasses = ""; } if (a) tempMenuObject.aClasses = concatClasses(a.getAttribute("class"), tempMenuObject.aClasses); tempMenuObject.elementFits++; } else if (tempMenuObject.elementFits > 0 && tempMenuObject.elementFits != _links.length) { tempMenuObject.elementFits = 0; if (href == _links[0]) { tempMenuObject.elementFits = 1; } } }); } }; var mmWireframe = {"html" : "<li class=\"buddha-menu-item\" ><a data-href=\"/pages/infos\" href=\"/pages/infos\" aria-label=\"Infos\" data-no-instant=\"\" onclick=\"mmGoToPage(this, event); return false;\" ><span class=\"mm-title\">Infos</span></a></li><li class=\"buddha-menu-item\" ><a data-href=\"/pages/collections\" href=\"/pages/collections\" aria-label=\"Collections\" data-no-instant=\"\" onclick=\"mmGoToPage(this, event); return false;\" ><span class=\"mm-title\">Collections</span><i class=\"mm-arrow mm-angle-down\" aria-hidden=\"true\"></i><button class=\"toggle-menu-btn\" style=\"display:none;\" title=\"Toggle menu\" onclick=\"return toggleSubmenu(this)\"><span class=\"mm-arrow-icon\"><span class=\"bar-one\"></span><span class=\"bar-two\"></span></span></button></a><ul class=\"mm-submenu tree small mm-last-level\"><li data-href=\"/collections/nouveautes\" href=\"/collections/nouveautes\" aria-label=\"Nouveautés\" data-no-instant=\"\" onclick=\"mmGoToPage(this, event); return false;\" ><a data-href=\"/collections/nouveautes\" href=\"/collections/nouveautes\" aria-label=\"Nouveautés\" data-no-instant=\"\" onclick=\"mmGoToPage(this, event); return false;\" ><span class=\"mm-title\">Nouveautés</span></a></li><li data-href=\"/collections/festival-dete-de-quebec\" href=\"/collections/festival-dete-de-quebec\" aria-label=\"Festival d'été de Québec\" data-no-instant=\"\" onclick=\"mmGoToPage(this, event); return false;\" ><a data-href=\"/collections/festival-dete-de-quebec\" href=\"/collections/festival-dete-de-quebec\" aria-label=\"Festival d'été de Québec\" data-no-instant=\"\" onclick=\"mmGoToPage(this, event); return false;\" ><span class=\"mm-title\">Festival d'été de Québec</span></a></li><li data-href=\"/collections/interpretations\" href=\"/collections/interpretations\" aria-label=\"Interprétations\" data-no-instant=\"\" onclick=\"mmGoToPage(this, event); return false;\" ><a data-href=\"/collections/interpretations\" href=\"/collections/interpretations\" aria-label=\"Interprétations\" data-no-instant=\"\" onclick=\"mmGoToPage(this, event); return false;\" ><span class=\"mm-title\">Interprétations</span></a></li><li data-href=\"/collections/le-dragon-bleu\" href=\"/collections/le-dragon-bleu\" aria-label=\"Le Dragon Bleu\" data-no-instant=\"\" onclick=\"mmGoToPage(this, event); return false;\" ><a data-href=\"/collections/le-dragon-bleu\" href=\"/collections/le-dragon-bleu\" aria-label=\"Le Dragon Bleu\" data-no-instant=\"\" onclick=\"mmGoToPage(this, event); return false;\" ><span class=\"mm-title\">Le Dragon Bleu</span></a></li><li data-href=\"/collections/je-me-souviendrai\" href=\"/collections/je-me-souviendrai\" aria-label=\"Je me souviendrai\" data-no-instant=\"\" onclick=\"mmGoToPage(this, event); return false;\" ><a data-href=\"/collections/je-me-souviendrai\" href=\"/collections/je-me-souviendrai\" aria-label=\"Je me souviendrai\" data-no-instant=\"\" onclick=\"mmGoToPage(this, event); return false;\" ><span class=\"mm-title\">Je me souviendrai</span></a></li><li data-href=\"/collections/hors-series\" href=\"/collections/hors-series\" aria-label=\"Hors-séries\" data-no-instant=\"\" onclick=\"mmGoToPage(this, event); return false;\" ><a data-href=\"/collections/hors-series\" href=\"/collections/hors-series\" aria-label=\"Hors-séries\" data-no-instant=\"\" onclick=\"mmGoToPage(this, event); return false;\" ><span class=\"mm-title\">Hors-séries</span></a></li><li data-href=\"/collections/trou-du-diable-biere\" href=\"/collections/trou-du-diable-biere\" aria-label=\"Trou du diable - Bière\" data-no-instant=\"\" onclick=\"mmGoToPage(this, event); return false;\" ><a data-href=\"/collections/trou-du-diable-biere\" href=\"/collections/trou-du-diable-biere\" aria-label=\"Trou du diable - Bière\" data-no-instant=\"\" onclick=\"mmGoToPage(this, event); return false;\" ><span class=\"mm-title\">Trou du diable - Bière</span></a></li><li data-href=\"/products/certificat-cadeau-gift-certificate\" href=\"/products/certificat-cadeau-gift-certificate\" aria-label=\"Certificat Cadeau\" data-no-instant=\"\" onclick=\"mmGoToPage(this, event); return false;\" ><a data-href=\"/products/certificat-cadeau-gift-certificate\" href=\"/products/certificat-cadeau-gift-certificate\" aria-label=\"Certificat Cadeau\" data-no-instant=\"\" onclick=\"mmGoToPage(this, event); return false;\" ><span class=\"mm-title\">Certificat Cadeau</span></a></li></ul></li><li class=\"buddha-menu-item\" ><a data-href=\"/pages/publications\" href=\"/pages/publications\" aria-label=\"Projets\" data-no-instant=\"\" onclick=\"mmGoToPage(this, event); return false;\" ><span class=\"mm-title\">Projets</span><i class=\"mm-arrow mm-angle-down\" aria-hidden=\"true\"></i><button class=\"toggle-menu-btn\" style=\"display:none;\" title=\"Toggle menu\" onclick=\"return toggleSubmenu(this)\"><span class=\"mm-arrow-icon\"><span class=\"bar-one\"></span><span class=\"bar-two\"></span></span></button></a><ul class=\"mm-submenu tree small mm-last-level\"><li data-href=\"/pages/une-basse-les-red-hot-chili-peppers\" href=\"/pages/une-basse-les-red-hot-chili-peppers\" aria-label=\"Red Hot Chili Peppers - FEQ\" data-no-instant=\"\" onclick=\"mmGoToPage(this, event); return false;\" ><a data-href=\"/pages/une-basse-les-red-hot-chili-peppers\" href=\"/pages/une-basse-les-red-hot-chili-peppers\" aria-label=\"Red Hot Chili Peppers - FEQ\" data-no-instant=\"\" onclick=\"mmGoToPage(this, event); return false;\" ><span class=\"mm-title\">Red Hot Chili Peppers - FEQ</span></a></li><li data-href=\"/pages/le-dragon-bleu\" href=\"/pages/le-dragon-bleu\" aria-label=\"Le Dragon Bleu\" data-no-instant=\"\" onclick=\"mmGoToPage(this, event); return false;\" ><a data-href=\"/pages/le-dragon-bleu\" href=\"/pages/le-dragon-bleu\" aria-label=\"Le Dragon Bleu\" data-no-instant=\"\" onclick=\"mmGoToPage(this, event); return false;\" ><span class=\"mm-title\">Le Dragon Bleu</span></a></li><li data-href=\"/pages/je-me-souviendrai\" href=\"/pages/je-me-souviendrai\" aria-label=\"Je me souviendrai\" data-no-instant=\"\" onclick=\"mmGoToPage(this, event); return false;\" ><a data-href=\"/pages/je-me-souviendrai\" href=\"/pages/je-me-souviendrai\" aria-label=\"Je me souviendrai\" data-no-instant=\"\" onclick=\"mmGoToPage(this, event); return false;\" ><span class=\"mm-title\">Je me souviendrai</span></a></li><li data-href=\"/pages/round-midnight\" href=\"/pages/round-midnight\" aria-label=\"Round Midnight\" data-no-instant=\"\" onclick=\"mmGoToPage(this, event); return false;\" ><a data-href=\"/pages/round-midnight\" href=\"/pages/round-midnight\" aria-label=\"Round Midnight\" data-no-instant=\"\" onclick=\"mmGoToPage(this, event); return false;\" ><span class=\"mm-title\">Round Midnight</span></a></li></ul></li><li class=\"buddha-menu-item\" ><a data-href=\"/pages/video\" href=\"/pages/video\" aria-label=\"Vidéos\" data-no-instant=\"\" onclick=\"mmGoToPage(this, event); return false;\" ><span class=\"mm-title\">Vidéos</span></a></li><li class=\"buddha-menu-item\" ><a data-href=\"/pages/contact\" href=\"/pages/contact\" aria-label=\"Contact\" data-no-instant=\"\" onclick=\"mmGoToPage(this, event); return false;\" ><span class=\"mm-title\">Contact</span></a></li><li class=\"buddha-menu-item\" ><a data-href=\"https://www.facebook.com/pages/Fred-Jourdain/225343047500661\" href=\"https://www.facebook.com/pages/Fred-Jourdain/225343047500661\" aria-label=\"\" data-no-instant=\"\" onclick=\"mmGoToPage(this, event); return false;\" ><i class=\"mm-icon static fa fa-none\" aria-hidden=\"true\"></i><span class=\"mm-title\"><i class=\"fa fa-facebook-official\" aria-hidden=\"true\"></i></span></a></li><li class=\"buddha-menu-item\" ><a data-href=\"https://www.instagram.com/affranchi84/\" href=\"https://www.instagram.com/affranchi84/\" aria-label=\"\" data-no-instant=\"\" onclick=\"mmGoToPage(this, event); return false;\" ><i class=\"mm-icon static fa fa-none\" aria-hidden=\"true\"></i><span class=\"mm-title\"><i class=\"fa fa-instagram\" aria-hidden=\"true\"></i></span></a></li>" }; function mmLoadJS(file, async = true) { let script = document.createElement("script"); script.setAttribute("src", file); script.setAttribute("data-no-instant", ""); script.setAttribute("type", "text/javascript"); script.setAttribute("async", async); document.head.appendChild(script); } function mmLoadCSS(file) { var style = document.createElement('link'); style.href = file; style.type = 'text/css'; style.rel = 'stylesheet'; document.head.append(style); } var mmDisableWhenResIsLowerThan = ''; var mmLoadResources = (mmDisableWhenResIsLowerThan == '' || mmDisableWhenResIsLowerThan == 0 || (mmDisableWhenResIsLowerThan > 0 && window.innerWidth>=mmDisableWhenResIsLowerThan)); if (mmLoadResources) { /* load resources via js injection */ mmLoadJS("https://cdn.shopify.com/extensions/d942b459-68b8-4059-9e3c-06764a7bcf32/buddha-mega-menu-navigation-89/assets/buddha-megamenu.js"); mmLoadCSS("https://cdn.shopify.com/extensions/d942b459-68b8-4059-9e3c-06764a7bcf32/buddha-mega-menu-navigation-89/assets/buddha-megamenu2.css");} </script> <div class="mm-atc-popup" style="display:none;"> <div class="mm-atc-head"> <span></span> <div onclick="mmAddToCartPopup(\'hide\');"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24"><path d="M23.954 21.03l-9.184-9.095 9.092-9.174-2.832-2.807-9.09 9.179-9.176-9.088-2.81 2.81 9.186 9.105-9.095 9.184 2.81 2.81 9.112-9.192 9.18 9.1z"/></svg></div></div> <div class="mm-atc-product"> <img class="mm-atc-product-image"/> <div> <div class="mm-atc-product-name"> </div> <div class="mm-atc-product-variant"> </div> </div> </div> <a href="/cart" class="mm-atc-view-cart"> VIEW CART</a> </div><style id="mmHideOriginalMenuStyle"> #AccessibleNav, #SiteNav, .top_menu>ul, .site-nav, #siteNav, #nt_menu_id, .site-navigation>.navmenu {visibility: hidden !important;} </style> <script> if (mmLoadResources) { setTimeout(function(){ var mmHideStyle = document.querySelector("#mmHideOriginalMenuStyle"); if (mmHideStyle) mmHideStyle.parentNode.removeChild(mmHideStyle); },10000); } </script> <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch"> <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 11085,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "page"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script> <script id="web-pixels-manager-setup">(function d(d,e,n,o,r,i){if(!Boolean(null===(t=null===(a=window.Shopify)||void 0===a?void 0:a.analytics)||void 0===t?void 0:t.replayQueue)){var a,t,s=function(){var d={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( $\w+$|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( $\w+$|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},e=d.modern,n=d.legacy,o=navigator.userAgent;return e.test(o)?"modern":(n.test(o),"legacy")}(),l=null!=i?i:{modern:"",legacy:""};window.Shopify=window.Shopify||{};var u=window.Shopify;u.analytics=u.analytics||{};var c=u.analytics;c.replayQueue=[],c.publish=function(d,e,n){return c.replayQueue.push([d,e,n]),!0};try{self.performance.mark("wpm:start")}catch(d){}var f=[n,"/wpm","/b",r,s.substring(0,1),".js"].join(""),h=l[s];!function(d){var e=d.src,n=d.async,o=void 0===n||n,r=d.onload,i=d.onerror,a=d.sri,t=document.createElement("script"),s=document.head,l=document.body;t.async=o,t.src=e,a&&(t.integrity=a,t.crossOrigin="anonymous"),r&&t.addEventListener("load",r),i&&t.addEventListener("error",i),s?s.appendChild(t):l?l.appendChild(t):console.error("Did not find a head or body element to append the script")}({src:f,async:!0,onload:function(){if(!function(){var d,e;return Boolean(null===(e=null===(d=window.Shopify)||void 0===d?void 0:d.analytics)||void 0===e?void 0:e.initialized)}()){var n=window.webPixelsManager.init(d)||void 0;if(n){e(n);var o=window.Shopify.analytics;o.replayQueue.forEach((function(d){var e=d[0],o=d[1],r=d[2];n.publishCustomEvent(e,o,r)})),o.replayQueue=[],o.publish=n.publishCustomEvent,o.visitor=n.visitor,o.initialized=!0}}},onerror:function(){var e=d.storefrontBaseUrl.replace(/\/$/,""),n="".concat(e,"/.well-known/shopify/monorail/unstable/produce_batch"),r=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:o||"latest",bundle_target:s,page_url:self.location.href,status:"failed",surface:d.surface,error_msg:"".concat(f," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(n,r))return!0}catch(d){}var i=new XMLHttpRequest;try{return i.open("POST",n,!0),i.setRequestHeader("Content-Type","text/plain"),i.send(r),!0}catch(d){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1},sri:function(d){return"string"==typeof d&&/^sha384-[A-Za-z0-9+/=]+$/.test(d)}(h)?h:""})}})({shopId: 11085,storefrontBaseUrl: "https://fredjourdain.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",surface: "storefront-renderer",enabledBetaFlags: ["6a396365"],webPixelsConfigList: [{"id":"509706310","configuration":"{\"site_id\":\"a8f8490c-0596-4bcf-8b05-6eeac84c9aad\",\"analytics_endpoint\":\"https:\\\/\\\/na.shgcdn3.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"695709fc3f146fa50a25299517a954f2","type":"APP","apiClientId":1158168,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"204406854","configuration":"{\"pixel_id\":\"3106962952742896\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"8d894c63179843e74a9691414b5ad83d","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0290","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0290","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,effectiveTopLevelDomain: "",initData: {"shop":{"name":"Fred Jourdain - Affranchi - Illustrations","paymentSettings":{"currencyCode":"CAD"},"myshopifyDomain":"affranchi.myshopify.com","countryCode":"CA","storefrontUrl":"https:\/\/fredjourdain.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://fredjourdain.com/cdn","fe48b2eff8c03b9466f52868a6ab17e9de3061ea","9aa78ea6wf5b2552ap0c2ff5dfm4f1688b2",{"modern":"","legacy":""});</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'CAD'; var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":27325792326}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; }</script> <script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() { }; </script> <script class="analytics">(function () { var customDocumentWrite = function(content) { var jquery = null; if (window.jQuery) { jquery = window.jQuery; } else if (window.Checkout && window.Checkout.$) { jquery = window.Checkout.$; } if (jquery) { jquery('body').append(content); } }; var hasLoggedConversion = function(token) { if (token) { return document.cookie.indexOf('loggedConversion=' + token) !== -1; } return false; } var setCookieIfConversion = function(token) { if (token) { var twoMonthsFromNow = new Date(Date.now()); twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; } } var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; if (trekkie.integrations) { return; } trekkie.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; trekkie.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); trekkie.push(args); return trekkie; }; }; for (var i = 0; i < trekkie.methods.length; i++) { var key = trekkie.methods[i]; trekkie[key] = trekkie.factory(key); } trekkie.load = function(config) { trekkie.config = config || {}; trekkie.config.initialDocumentCookie = document.cookie; var first = document.getElementsByTagName('script')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function(e) { var scriptFallback = document.createElement('script'); scriptFallback.type = 'text/javascript'; scriptFallback.onerror = function(error) { var Monorail = { produce: function produce(monorailDomain, schemaId, payload) { var currentMs = new Date().getTime(); var event = { schema_id: schemaId, payload: payload, metadata: { event_created_at_ms: currentMs, event_sent_at_ms: currentMs } }; return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); }, sendRequest: function sendRequest(endpointUrl, payload) { // Try the sendBeacon API if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { var blobData = new window.Blob([payload], { type: 'text/plain' }); if (window.navigator.sendBeacon(endpointUrl, blobData)) { return true; } // sendBeacon was not successful } // XHR beacon var xhr = new XMLHttpRequest(); try { xhr.open('POST', endpointUrl); xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.send(payload); } catch (e) { console.log(e); } return false; }, isIos12: function isIos12() { return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; } }; Monorail.produce('monorail-edge.shopifysvc.com', 'trekkie_storefront_load_errors/1.1', {shop_id: 11085, theme_id: 31924387910, app_name: "storefront", context_url: window.location.href, source_url: "//fredjourdain.com/cdn/s/trekkie.storefront.68728afc2577e1593a48001edcb560128ef43fd2.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//fredjourdain.com/cdn/s/trekkie.storefront.68728afc2577e1593a48001edcb560128ef43fd2.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//fredjourdain.com/cdn/s/trekkie.storefront.68728afc2577e1593a48001edcb560128ef43fd2.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":11085,"isMerchantRequest":null,"themeId":31924387910,"themeCityHash":"1713206914962618313","contentLanguage":"fr","currency":"CAD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} ); var loaded = false; trekkie.ready(function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie; var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":27325792326,"shopifyEmitted":true}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//fredjourdain.com/cdn/shopifycloud/shopify/assets/shop_events_listener-af52bb5773aaa9f7f1f7f1f7e3a010a904a5c7213a959b83580d22bc7920a2e4.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script defer src="https://fredjourdain.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.4.0.min.js" data-application="storefront-renderer" data-shop-id="11085" data-render-region="gcp-asia-southeast1" data-page-type="page" data-theme-instance-id="31924387910" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body id="entrevue-le-dragon-bleu-fred-jourdain" class="template-page" > <script> $(function() { //console.log('ready'); // update selector to corresponding cart menu $('.cart-count').on('mouseenter', function() { $.getJSON('/cart.js', function(data) { // run template view var template = $("#minicart-template").html(); var tmpl = _.template(template); // populate cart data $("#mini-cart").html(tmpl({cart:data})); // format all prices $('.price', '#mini-cart').each(function() { $(this).html( Shopify.formatMoney($(this).text()) ); }); // format image to small $('img', '#mini-cart').each(function() { var src = $(this).attr('src'); src = src.replace('.jpg', '_50x50.jpg'); // if using jpg src = src.replace('.jpeg', '_50x50.jpeg'); // if using jpeg $(this).attr('src', src); }); $('#mini-cart').show(); }); }); $('#mini-cart').on('mouseleave', function() { $(this).hide(); }); }); </script> <script type="tmpl" id='minicart-template'> <div class="count"> <%= cart.item_count %> item(s) in your cart </div> <table> <% _.each(cart.items, function(item) { %> <tr> <td class="td-image"> <img src="<%= item.image %>" /> </td> <td> <div><%- item.title %></div> <div>Qty: <%= item.quantity %></div> </td> <td class="td-price"> <span class="item-price price"><%= item.price %></span> </td> </tr> <% }); %> </table> <div class="subtotal"> <strong>Subtotal </strong> <strong class="amount price"><%= cart.total_price %></strong> </div> <div class="buttons"> <a href="/cart">View Cart</a> <a class="checkout" href="/checkout">Checkout</a> </div> </script> <div id="mini-cart"></div> <section class="header-container"> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> <script src="//fredjourdain.com/cdn/shopifycloud/shopify/assets/themes_support/option_selection-86cdd286ddf3be7e25d68b9fc5965d7798a3ff6228ff79af67b3f4e41d6a34be.js" type="text/javascript"></script> <div class="fy"> </div> <div id="topbar"> <div class="nav"> <section id="columns" class="columns-container"> <div class="cont4"> <button type="button" class="navbar-toggle1 btn-menu-canvas" data-toggle="offcanvas" data-target="#off-canvas-nav"> <span class="sr-only">Toggle navigation</span> <span class="fa fa-bars" style="font-size:15px!important;"> <span class="navi"> menu</span></span> </button> </div> <div id="block_currencies" class="popup-over e-scale"> <div data-toggle="dropdown" class="popup-title dropdown-toggle" title="Devise"> <span id="pre-currencies"><img src="" alt="CAD" /> CAD</span> </div> <div class="dropdown-menu"> <ul id="currencies" class="currencies_ul toogle_content list-unstyled"> <li class=""> <a data-currency="CAD" class="selected" href="javascript:void(0);" rel="nofollow"> CAD </a> </li> <li class=""> <a data-currency="USD" class="" href="javascript:void(0);" rel="nofollow"> USD </a> </li> <li class=""> <a data-currency="AUD" class="" href="javascript:void(0);" rel="nofollow"> AUD </a> </li> <li class=""> <a data-currency="GBP" class="" href="javascript:void(0);" rel="nofollow"> GBP </a> </li> <li class=""> <a data-currency="EUR" class="" href="javascript:void(0);" rel="nofollow"> EUR </a> </li> </ul> </div> </div> <div id="hotline-contact" class="hotline-contact hidden-xs"> <span class="number"><i class="fa fa-paper-plane" aria-hidden="true"></i></span> <span class="text">EXPÉDITION GRATUITE</span> </div> <li class="whishy"> <a class="" style="font:#fff;" href="#wishy-nav" title="Wishy" target="_self"> <span class=""> <i class="fa fa-heart"></i> </span> </a> </li> <div id="dodo" style="padding-top:17px;" class="popup-over e-scale"> <a href="https://affranchi.myshopify.com/account/login">Mon Compte</a></div> <a href="/cart" > <div id="gtranslate" > <a href="https://en.fredjourdain.com" onclick="doGTranslate('fr|en');return false;" title="English" class="glink nturl notranslate">EN</a> / <a href="https://fredjourdain.com" onclick="doGTranslate('fr|fr');return false;" title="French" class="glink nturl notranslate">FR</a> <script type="text/javascript"> if(typeof GTranslateGetCurrentLang != 'function')function GTranslateGetCurrentLang() {if(typeof document.getElementsByTagName('html')[0] != 'undefined')return document.getElementsByTagName('html')[0].getAttribute('lang');return null;} function gt_loadScript(url,callback){var script=document.createElement("script");script.type="text/javascript";if(script.readyState){script.onreadystatechange=function(){if(script.readyState=="loaded"||script.readyState=="complete"){script.onreadystatechange=null;callback()}}}else{script.onload=function(){callback()}}script.src=url;document.getElementsByTagName("head")[0].appendChild(script)} var gtSwitcherJS = function($){$(document).ready(function() {var allowed_languages = ["en","fr"];var accept_language = navigator.language.toLowerCase() || navigator.userLanguage.toLowerCase();switch(accept_language) {case 'zh-cn': var preferred_language = 'zh-CN'; break;case 'zh': var preferred_language = 'zh-CN'; break;case 'zh-tw': var preferred_language = 'zh-TW'; break;case 'zh-hk': var preferred_language = 'zh-TW'; break;default: var preferred_language = accept_language.substr(0, 2); break;}if(preferred_language != 'fr' && GTranslateGetCurrentLang() != preferred_language && document.cookie.match('gt_auto_switch') == null && allowed_languages.indexOf(preferred_language) >= 0){window.gt_autoswitch_interval = setInterval(function(){if(typeof window.gtranslate_installed == 'undefined')return;clearInterval(window.gt_autoswitch_interval);doGTranslate('fr|'+preferred_language);document.cookie = 'gt_auto_switch=1; expires=Thu, 05 Dec 2030 08:08:08 UTC; path=/; domain=.'+location.host.replace(/^www\./, '');},500);}});} gt_loadScript("//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js", function(){jQuery_gtranslate = jQuery.noConflict(true);gtSwitcherJS(jQuery_gtranslate);}); </script> <script type="text/javascript"> var gt_request_uri = location.pathname+location.search; function doGTranslate(lang_pair) {if(lang_pair.value)lang_pair=lang_pair.value;if(lang_pair=='')return;var lang=lang_pair.split('|')[1];if(typeof _gaq!='undefined'){_gaq.push(['_trackEvent', 'GTranslate', lang, location.hostname+location.pathname+location.search]);}else {if(typeof ga!='undefined')ga('send', 'event', 'GTranslate', lang, location.hostname+location.pathname+location.search);}var plang=location.hostname.split('.')[0];if(plang.length !=2 && plang.toLowerCase() != 'zh-cn' && plang.toLowerCase() != 'zh-tw' && plang != 'hmn' && plang != 'haw' && plang != 'ceb')plang='fr';location.href=location.protocol+'//'+(lang == 'fr' ? '' : lang+'.')+location.hostname.replace('www.', '').replace(RegExp('^' + plang + '[.]'), '')+(typeof gt_request_uri != 'undefined' ? gt_request_uri : location.pathname+location.search);} </script> <style type="text/css">a.glink {text-decoration:none;} a.glink span {margin-right:3px;font-size:10px;vertical-align:middle;} a.glink img {vertical-align:middle;display:inline;border:0;padding:0;margin:0;opacity:0.8;} a.glink:hover img {opacity:1;} </style> <script>setTimeout(function() {if(typeof window.gtranslate_installed == "undefined" && typeof console != "undefined") console.log("To uninstall GTranslate properly please follow the instructions on https://docs.gtranslate.io/how-tos/how-to-remove-gtranslate-app-from-shopify")}, 4000);</script> </div> <div id="popo" class="popup-over e-scale"> <div data-toggle="dropdown" class="popup-title dropdown-toggle" title="panier"> <div id="cart " class="blockcart_top clearfix"> <div class="media heading"> <a href="/cart" id="CartToggle" title=""> <div class="cart-inner media-body"> <span class="cart-title"></span> </div> <div class="title-cart"> <span id="mini-cart">0</span> </div> </a> </div> </div> </div> </a> <div class="dropdown-menu"> <ul> <div id="zuzu"> <h2>Panier</h2> <p class="alert alert-warning cart-empty">Votre panier est vide.</p> </div> </div> </ul> </ul> </div> </ul> </ul> </div> </div> </section> </div> </div> <div id="header-main"> </script> <div class="header-wrap"> <div class="head"> <div class="header-left"> <div id="header_logo"> <div class="" itemscope itemtype="http://schema.org/Organization"> <a href="/" itemprop="url"> <img src="//fredjourdain.com/cdn/shop/t/17/assets/logo.png?v=75849941852922356181529856922" alt="Fred Jourdain - Affranchi - Illustrations" itemprop="logo"> </a> </div> </div> </div>  <div id="apollo-menu"> <div class="container4"> <nav id="cavas_menu" class="apollo-megamenu"> <div class="" role="navigation"> <div class="navbar-header"> <button type="button" class="navbar-toggle btn-menu-canvas" data-toggle="offcanvas" data-target="#off-canvas-nav"> <span class="sr-only">Toggle navigation</span> <span class="fa fa-bars"> menu</span> </button> </div> <div id="apollo-top-menu" class="collapse navbar-collapse hidden-xs hidden-sm"> <ul class="nav navbar-nav megamenu"> <li class=""> <a class="" href="/pages/bio" title="À Propos" target="_self"> <span class="">À Propos</span> </a> </li> <li class="parent dropdown "> <a class="dropdown-toggle has-category" data-toggle="dropdown" href="/pages/boutique" title="Boutique" target="_self"> <span class="">Boutique</span><b class="caret"></b> </a> <div class="dropdown-menu level1"> <div class="dropdown-menu-inner"> <div class="mega-col-inner"> <ul> <li class=""> <a class="" href="/pages/impressions" title="Impressions"> <span class="">Impressions</span> </a> </li> <li class=""> <a class="" href="/collections/original" title="Originaux"> <span class="">Originaux</span> </a> </li> <li class=""> <a class="" href="/products/art-book-mod-fred-jourdain" title="Livre"> <span class="">Livre</span> </a> </li> <li class=""> <a class="" href="/products/certificat-cadeau-test" title="Certificat cadeau"> <span class="">Certificat cadeau</span> </a> </li> </ul> </div> </div> </div> </li> <li class="parent dropdown "> <a class="dropdown-toggle has-category" data-toggle="dropdown" href="https://fredjourdain.com/pages/archives" title="Archives" target="_self"> <span class="">Archives</span><b class="caret"></b> </a> <div class="dropdown-menu level1"> <div class="dropdown-menu-inner"> <div class="mega-col-inner"> <ul> <li class=""> <a class="" href="https://fredjourdain.com/pages/mod" title="2024 MOD"> <span class="">2024 MOD</span> </a> </li> <li class=""> <a class="" href="/pages/histoires" title="2019 Des histoires"> <span class="">2019 Des histoires</span> </a> </li> <li class=""> <a class="" href="/pages/methodeformat" title="2019 Une méthode"> <span class="">2019 Une méthode</span> </a> </li> <li class=""> <a class="" href="https://fredjourdain.com/pages/des-murales" title="2018 Des Murales"> <span class="">2018 Des Murales</span> </a> </li> <li class=""> <a class="" href="/pages/affiches_feq_2017" title="2017 Le Festival d'été de Québec: Affiches"> <span class="">2017 Le Festival d'été de Québec: Affiches</span> </a> </li> <li class=""> <a class="" href="/pages/basse_red_hot_chili_peppers" title="2016 Red Hot Chili Peppers: Une Basse"> <span class="">2016 Red Hot Chili Peppers: Une Basse</span> </a> </li> <li class=""> <a class="" href="https://fredjourdain.com/pages/troududiable_entrevue" title="2013-2016 Le Trou du Diable"> <span class="">2013-2016 Le Trou du Diable</span> </a> </li> <li class=""> <a class="" href="/pages/je-me-souviendrai" title="2012 Je me souviendrai"> <span class="">2012 Je me souviendrai</span> </a> </li> <li class="active"> <a class="" href="/pages/dragon-bleu-entrevue" title="2009-2011 Le Dragon bleu"> <span class="">2009-2011 Le Dragon bleu</span> </a> </li> <li class=""> <a class="" href="/pages/personnages" title="2005-2009 Des personnages"> <span class="">2005-2009 Des personnages</span> </a> </li> </ul> </div> </div> </div> </li> <li class="parent dropdown "> <a class="dropdown-toggle has-category" data-toggle="dropdown" href="#" title="Publications" target="_self"> <span class="">Publications</span><b class="caret"></b> </a> <div class="dropdown-menu level1"> <div class="dropdown-menu-inner"> <div class="mega-col-inner"> <ul> <li class=""> <a class="" href="/pages/projets-dragon-bleu" title="Le Dragon bleu"> <span class="">Le Dragon bleu</span> </a> </li> <li class=""> <a class="" href="/pages/je-me-souviendrai-publication" title="Je me souviendrai"> <span class="">Je me souviendrai</span> </a> </li> <li class=""> <a class="" href="/products/art-book-mod-fred-jourdain" title="Art Book MOD"> <span class="">Art Book MOD</span> </a> </li> </ul> </div> </div> </div> </li> <li class=""> <a class="" href="/pages/contacts" title="Contact" target="_self"> <span class="">Contact</span> </a> </li> </ul> </div> </div> </nav> </div> </div> <div class="header-right"> <div class="envel"> <a href="mailto:fred@fredjourdain.com"><i class="fa fa-envelope" aria-hidden="true"></i> </a> </div> <script type="text/javascript"> $(document).ready( function(){ $("#search_block_top").each( function(){ $("#search-icon").click( function(){ $(".button-close").show(); $(".layout,.over-layer").addClass("active"); }); }); }); $(document).on('click', function(event) { if (!$(event.target).closest('#search-icon, #searchbox').length) { $(".layout,.over-layer").removeClass("active"); $(".button-close").hide(); } }); </script> <div id="search_block_top" class=""> <span id="search-icon" class="fa fa-search" title="Recherche"></span> <div id="ap-ajax-search" class="hidden-sm hidden-xs"><ul class="list-unstyled aps-results"></ul></div> </div> <div class="layout"> <form id="searchbox" class="popup-content" action="/search" method="get"> <input type="hidden" name="type" value="product"> <input id="search_query_top" class="search_query form-control" type="search" name="q" value="" placeholder="Rechercher" aria-label="Rechercher" autocomplete="off" /> <button id="search_button" class="btn btn-sm" type="submit" title="Recherche"> <span><i class="fa fa-search"></i></span> <span class="fallback-text">Recherche</span> </button> </form> </div> <div class="button-close"><span class="fa fa-close"></span></div> <div class="over-layer"></div> <div id="social_block" class="social_block block"> <div class="block_content"> <ul class="list-unstyled "> <li class="facebook"> <a target="_blank" href="https://www.facebook.com/fred.jourdain.art/" title="Fred Jourdain - Affranchi - Illustrations on Facebook" class="btn-tooltip" data-original-title="Facebook"> <i class="fa fa-facebook"></i> <span>Facebook</span> </a> </li> <li class="instagram"> <a target="_blank" href="https://www.instagram.com/fred_jourdain" title="Fred Jourdain - Affranchi - Illustrations on Instagram" class="btn-tooltip" data-original-title="Instagram"> <i class="fa fa-instagram"></i> <span>Instagram</span> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </section> <main class="wrapper main-content back" role="main"> <div class="grid"> <div class="grid__item"> <script type="text/javascript"> window.__shgProducts = window.__shgProducts || {}; </script> <script type="text/javascript"> window.__shgMoneyFormat = window.__shgMoneyFormat || {"CAD":{"currency":"CAD","currency_symbol":"$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","}}; window.__shgCurrentCurrencyCode = window.__shgCurrentCurrencyCode || { currency: "CAD", currency_symbol: "$", decimal_separator: ".", thousands_separator: ",", decimal_places: 2, currency_symbol_location: "left" }; </script> <div class="rte"> <div class="shogun-root" data-shogun-id="5c5a65d45e7df8006b61d114" data-shogun-site-id="a8f8490c-0596-4bcf-8b05-6eeac84c9aad" data-shogun-page-id="5c5a65d45e7df8006b61d114" data-shogun-page-version-id="675fb223b8dcb56447bbf20e" data-shogun-platform-type="shopify" data-shogun-variant-id="675fb224b8dcb56447bbf850" data-shogun-page-type="page" data-shogun-power-up-type="" data-shogun-power-up-id="" data-region="main"> <link rel="stylesheet" type="text/css" href="https://a.shgcdn2.com/css-2024-12-11-2319/675fb223b8dcb56447bbf20e_675fb224b8dcb56447bbf850.css"> <script type="text/javascript" src="https://a.shgcdn2.com/js-2024-10-23-0716/global-assets-1fc87f156c83530aa3a2ee1f86e068417b07f445.js" defer></script> <div class="shg-fw"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c " id="s-9c2760ae-ba3e-47c1-831d-8e151b92882e"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c back " id="s-1a758656-c435-4387-b155-1835bf12c8a6"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c height " id="s-6cf49e95-9d99-43a8-a894-05fa8a9acf67"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div id="s-119446be-cf53-4359-ae09-5c1e68983e53" class="shg-c "> <div class="shg-hr-wrapper"> <hr> </div> </div> <div id="s-2ac47114-0e23-43e0-86ef-89fdf469b40c" class="shg-c titres2 "> <div class="shg-rich-text shg-theme-text-content"> <p style="text-align:center">Le Dragon bleu</p> </div> </div> <div id="s-4c46eb7c-68d3-47d1-bbbe-997102406441" class="shg-c soustitres "> <div class="shg-rich-text shg-theme-text-content"> <p style="text-align: center;">FRED JOURDAIN & MARTIN PARROT :</p> <p style="text-align: center;">UNE DISCUSSION</p> </div> </div> <div class="shg-c shogun-image-container shogun-image-linked shg-align-center" style="opacity: 1;" id="s-fc2170c3-be1f-436f-a459-da4ff966946e"> <a class="shogun-image-link" href="https://affranchi.myshopify.com/products/ribbon-dancer" target="_blank"> <img src="https://ucarecdn.com/c808bd70-e709-4872-88a1-015263c15d21/-/format/auto/-/stretch/off/-/resize/3000x/-/quality/lighter/" width="" height="" style="" alt="" class="shogun-image " decoding="async" loading="eager"> </a> </div> <script class="__SHG_DATA__" type="application/json"> { "__shgImageElements": { "uuid": "s-fc2170c3-be1f-436f-a459-da4ff966946e" } } </script> <div id="s-1af31771-d974-4cda-a481-297bd71d247a" class="shg-c textepara "> <div class="shg-rich-text shg-theme-text-content"> <p>« J'avais aussi besoin de comprendre comment dessiner Pierre, le personnage principal, alors je me suis coupé les cheveux comme lui et j'ai pris des photos. »</p> <p> </p> <p> </p> <p><strong>Tu m'as déjà dit avoir passé 2 ans sur ce projet. Comment est-ce que le tout a commencé ?</strong></p> <p> </p> <p>Je pense que des gens d'Ex Machina (la compagnie de Robert Lepage) ont vu mon expo à L'Inox, à l'époque ou la micro-brasserie était dans le Vieux-Port. C'était la première année du Moulin à images et l'équipe terminait souvent sa soirée dans ce bar. Dans tous les cas, j'ai été parmi les artistes qui ont été approchés pour le projet. J'étais flatté qu'on me le propose, mais je venais de terminer Round Midnight et j'avais pris la décision de ne plus faire de BD pour un moment, du moins, pas au sens traditionnel du terme.</p> <p> </p> <p>J'avais plus de plaisir à m'exprimer par de grands tableaux que dans une succession de petites cases. J'ai suggéré quelques noms de bédéistes à Ex Machina pour le projet, mais ils m'ont rappelé et ont insisté pour que j'assiste à l'avant-première de la pièce à Montréal et que je rencontre Robert en coulisse par la suite pour discuter. J'ai accepté l'invitation, bien sûr.</p> </div> </div> <div id="s-2b5bc9bd-5650-45ca-8d22-7806549c0811" class="shg-c "> <script>$(document).ready(function(){ $('#owl-uiii').owlCarousel({ loop:true, animateOut: 'fadeOut', autoplay:true, autoplayTimeout:5000, autoplayHoverPause:false, responsive:{ 0:{ items:1 }, 998:{ items:1 } } }) }); </script> <div class="owl-carousel" id="owl-uiii"> <div> <img class="shogun-image" src="https://cdn.shopify.com/s/files/1/0001/1085/files/Dragon_bleu_fred__jourdain2.jpg?11855129673617065918"> </div> <div> <img class="shogun-image" src="https://cdn.shopify.com/s/files/1/0001/1085/files/Dragon_bleu_fred__jourdain3.jpg?11855129673617065918"> </div> </div> </div> </div> </div> </div> <div id="s-6b2d6c52-370a-4e25-9c98-cf1fee32db83" class="shg-c textepara "> <div class="shg-rich-text shg-theme-text-content"> <p>C'est vraiment une belle pièce. J'ai été particulièrement inspiré par la séquence du début où le personnage de Xiao-Ling danse sur scène avec de longs rubans de tissus et un masque traditionnel chinois.</p> <p> </p> <p>J'avais aussi beaucoup apprécié la scène où Pierre Lamontagne dessine des caractères de calligraphie au sol à l'aide d'un pinceau géant. C'est à ce moment qu'il raconte la légende du fleuve des trois gorges. Autrefois, lorsqu'une femme célibataire tombait enceinte et ne pouvait s'occuper de son nouveau-né correctement, elle le laissait dans un panier sur le fleuve Yang-Tsé-kiang, qui se sépare en trois embranchements. La destinée du nourrisson se déclinait en trois futurs possibles selon laquelle des trois voies du fleuve avait emprunté le panier. La fin de la pièce fait d'ailleurs référence à ça…</p> <p> </p> <p>Après le show, j'avais plusieurs images en tête et j'en ai longuement discuté avec Robert. J'avais déjà une idée bien assise de ce que je ferais avec tout ça, je voulais le faire à ma façon, mais surtout d'une manière à servir au mieux le récit. Robert a apprécié ma vision sur tout ça, il recherchait avant tout une rencontre entre artistes. Il a insisté pour que ce soit moi qui prenne les rênes. Je crois qu'il s'est senti à l'aise de me laisser expérimenter, qu'il savait que je ferais honneur à son œuvre. Je suis reparti du TNM avec toute une paire de godasses à chausser !</p> </div> </div> <div class="shg-c shogun-image-container shg-align-center" style="opacity: 1;" id="s-f81398bb-d78f-47ae-af01-214acd5d882a"> <img src="https://ucarecdn.com/230bf444-7e7f-415c-a66d-cc6173363839/-/format/auto/-/stretch/off/-/resize/3000x/-/quality/lighter/" width="" height="" style="" alt="" class="shogun-image " decoding="async" loading="lazy"> </div> <script class="__SHG_DATA__" type="application/json"> { "__shgImageElements": { "uuid": "s-f81398bb-d78f-47ae-af01-214acd5d882a" } } </script> <div id="s-6d74aa2d-4525-43b1-b503-a87506e1869f" class="shg-c textepara "> <div class="shg-rich-text shg-theme-text-content"> <p><strong>Quelle était ta vision ? Qu'est-ce qui a plu à Robert Lepage ?</strong></p> <p> </p> <p>Plutôt que d'approcher l'adaptation par le biais de la BD traditionnelle, je lui ai proposé une forme hybride de roman graphique. Selon moi, cette formule nous permettrait de mieux traduire, sous une forme nouvelle, les décors minimalistes, les ambiances sonores très atmosphériques et les imposants dialogues entre les trois personnages. Je trouvais qu'il serait plus à propos d'accompagner le texte de grands tableaux, des images en pleines pages afin de bien saisir l'atmosphère, de créer un mood. Ça transformerait la façon dont on en ferait la lecture en ralentissant le rythme et en laissant plus de place pour dépeindre, visuellement, l'intériorité des personnages. </p> <p> </p> <p>Cette approche permettrait de tirer profit du médium qu'est le dessin afin de raconter l'histoire de la meilleure façon qui soit, tout en conservant le texte intégral de la pièce, ce qui était la seule contrainte exigée par Ex Machina.</p> </div> </div> <div class="shg-c shogun-image-container shg-align-center" style="opacity: 1;" id="s-55741ff1-9e6a-4def-be76-99281dfaccfc"> <img src="https://ucarecdn.com/7adee287-ec53-4231-90cd-b591357fd106/-/format/auto/-/stretch/off/-/resize/3000x/-/quality/lighter/" width="" height="" style="" alt="" class="shogun-image " decoding="async" loading="lazy"> </div> <script class="__SHG_DATA__" type="application/json"> { "__shgImageElements": { "uuid": "s-55741ff1-9e6a-4def-be76-99281dfaccfc" } } </script> <div id="s-250fed40-4954-44b8-89b4-877fe4420c4e" class="shg-c textepara "> <div class="shg-rich-text shg-theme-text-content"> <p><strong>Comment enclenche-t-on un projet de cette envergure ?</strong></p> <p> </p> <p>Évidemment, par le découpage, mais aussi, par une bonne préparation au niveau du dessin, car j'ai dû adapter mon style, me rapprocher de l'esthétique proposée par la pièce. Ça se déroule en Chine et c'est un récit réaliste et contemporain. J'ai pris une année entière pour faire mes recherches, analyser les différentes approches graphiques que j'allais utiliser, et aussi, bien sûr, me documenter sur les lieux, l'architecture, etc. </p> <p> </p> <p>J'ai acheté des livres sur la Chine et des costumes « maoïstes » authentiques pour prendre des poses de références de quelques-uns de mes amis costumés. J'ai fait des plans à l'échelle de l'intérieur de la maison du personnage principal pour avoir une meilleure idée des angles que je pourrais utiliser dans plusieurs séquences qui s'y déroulent. Robert m'a aussi conseillé la lecture de quelques livres, dont la biographie de Tchang Tchong-jen, l'ami et collaborateur chinois d'Hergé, un homme à l'histoire et au vécu tout à fait incroyable. Le tout m'a beaucoup appris sur la Chine d'avant, de pendant et d'après Mao. C'était fascinant de découvrir tout ça. J'ai aussi fait la rencontre d'un maître de calligraphie chinoise qui m'a montré certaines bases.</p> <p> </p> <p>La première année m'a servie de préparation, et la deuxième, à l'exécution des planches et des illustrations.</p> </div> </div> <div class="shg-c shogun-image-container shg-align-center" style="opacity: 1;" id="s-7fd4cd28-5dbe-4f22-8449-3faf02ab1b91"> <img src="https://ucarecdn.com/2db6f625-8bde-4385-8857-f977f57f76dd/-/format/auto/-/stretch/off/-/resize/3000x/-/quality/lighter/" width="" height="" style="" alt="" class="shogun-image " decoding="async" loading="lazy"> </div> <script class="__SHG_DATA__" type="application/json"> { "__shgImageElements": { "uuid": "s-7fd4cd28-5dbe-4f22-8449-3faf02ab1b91" } } </script> <div id="s-46080dfb-4b86-41bf-8ea4-404a54da87fa" class="shg-c textepara "> <div class="shg-rich-text shg-theme-text-content"> <p><strong>Tu t'es procuré un costume traditionnel maoïste pour apprendre à dessiner ce genre de vêtement ? </strong></p> <p> </p> <p>Ouais, entre autres choses. Je cherchais à me documenter le mieux possible tout en gagnant du temps. J'ai fait prendre la pose à ma copine et à des amies pour les personnages de Xiao-Ling et de Claire. Mais c'est aller plus loin que ça…</p> <p> </p> <p>J'avais aussi besoin de comprendre comment dessiner Pierre, le personnage principal, alors je me suis coupé les cheveux comme lui et j'ai pris plusieurs photos de moi dans différentes poses à l'aide d'un trépied et d'un déclencheur. Je voulais qu'il y ait une partie de moi dans ce personnage.</p> <p> </p> <p>La référence m'a fait sauver un peu de temps sur les poses, les plis de vêtements, ce genre de trucs… et ça m'a permis de me concentrer sur la schématisation des visages. D'ailleurs, la pose de Pierre avec son vélo dans l'illustration nommée Pudong, qui a servis de page couverture à la première édition du livre, est inspirée d'une photo de moi dans le parc Cartier-Brébeuf prise en début de projet. </p> </div> </div> <div class="shg-c shogun-image-container shg-align-center" style="opacity: 1;" id="s-433513e6-0d3f-42a6-abff-912b287a492b"> <img src="https://ucarecdn.com/f16b6568-c983-4c4a-b914-1caa9199bc4d/-/format/auto/-/stretch/off/-/resize/3000x/-/quality/lighter/" width="" height="" style="" alt="" class="shogun-image " decoding="async" loading="lazy"> </div> <script class="__SHG_DATA__" type="application/json"> { "__shgImageElements": { "uuid": "s-433513e6-0d3f-42a6-abff-912b287a492b" } } </script> <div id="s-7ce3debb-eee9-4463-9dd9-93d76e11af08" class="shg-c textepara "> <div class="shg-rich-text shg-theme-text-content"> <p><strong>Et la calligraphie, c'était important à tes yeux ?</strong></p> <p> </p> <p>C'était important pour le récit. Le personnage de Pierre Lamontagne fait de la calligraphie et le récit s'ouvre sur une scène dans laquelle il parle de cette forme d'art. Je ne voulais pas faire n'importe quoi, je voulais, comme le fait la pièce, rendre hommage à une certaine tradition artistique chinoise. J'ai réussi à intégrer ça à ma technique. Je dessinais déjà beaucoup à l'encre de Chine alors ça s'est fait quand même assez naturellement.</p> <p> </p> <p>Il y a d'ailleurs, dans Le dragon bleu, des dessins qui ont été faits sur papier de riz avec pinceaux traditionnels faits de poils d'oreilles de bœufs, comme ceux que Picasso s'est fait offrir par Chan Daichien au milieu des années 1950s. C'est avec ces pinceaux qu'il a fait ses célèbres croquis de Don Quixote. Ce sont des pinceaux vraiment particuliers à utiliser, mais j'ai au final réussi à faire des trucs assez intéressants.</p> <p> </p> <p>J’ai aussi fait sculpter des sceau(x) de signature par un chinois basé à Chicago avec qui j’ai entretenu une correspondance pendant le projet. J’ai fait faire un sceau au nom de Pierre Lamontagne, un pour Le Dragon Bleu, qui a servi sur la mise en page de certains de mes tirages en édition limitée mais aussi un à mon nom. J’ai utilisé ces sceaux pour ajouter à la crédibilité des oeuvres créées par Pierre Lamontagne et à la dernière page, c'est mon sceau qui clôt le livre. À la publication, j'ai envoyé un exemplaire à Chengwei qui en retour m’a expédié une belle lettre calligraphiée remplie de dorures. </p> </div> </div> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c " id="s-ac9c313c-f54c-4c53-bbd2-72c0ff212465"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div id="s-466a83b3-cef7-437e-b02d-b1574b908299" class="shg-c "> <script>$(document).ready(function(){ $('#owl-treeeee').owlCarousel({ loop:true, animateOut: 'fadeOut', autoplay:true, autoplayTimeout:5000, autoplayHoverPause:false, responsive:{ 0:{ items:1 }, 998:{ items:1 } } }) }); </script><div style="overflow: hidden; max-width: 100%;"> <div class="owl-carousel" id="owl-treeeee" style=""> <div> <img class="shogun-image" src="https://cdn.shopify.com/s/files/1/0001/1085/files/Dragon_bleu_fred__jourdain8.jpg?14670771640251602172"> </div> <div> <img class="shogun-image" src="https://cdn.shopify.com/s/files/1/0001/1085/files/Dragon_bleu_fred__jourdain9.jpg?14670771640251602172"> </div> </div> </div> </div> </div> </div> </div> <div id="s-6a7be367-033d-4c4c-a0f5-24606810091c" class="shg-c textepara "> <div class="shg-rich-text shg-theme-text-content"> <p><strong>C'est une technique dont tu t'es servi par la suite pour d'autres illustrations ? </strong></p> <p> </p> <p>Un peu, oui, surtout pour certains patterns de nature, comme les feuilles et les bambous. Les feuilles dans mon dessin Buffalo Will sont dessinées avec cette technique, même chose pour La Divine Comédie. J'ai ajouté ça à mon vocabulaire. J'y reviens de temps à autre, selon le sujet à illustrer. C'est maintenant dans ma boîte à outils !</p> </div> </div> <div class="shg-c shogun-image-container shg-align-center" style="opacity: 1;" id="s-ebe65d9d-5c8f-4a21-868d-0cefc2d308a3"> <img src="https://ucarecdn.com/4ecc5479-abbc-432c-88d1-9a568cbd6ed2/-/format/auto/-/stretch/off/-/resize/3000x/-/quality/lighter/" width="" height="" style="" alt="" class="shogun-image " decoding="async" loading="lazy"> </div> <script class="__SHG_DATA__" type="application/json"> { "__shgImageElements": { "uuid": "s-ebe65d9d-5c8f-4a21-868d-0cefc2d308a3" } } </script> <div id="s-b88c2b4f-5d58-4304-af1d-894e6560ee18" class="shg-c textepara "> <div class="shg-rich-text shg-theme-text-content"> <p><strong>Au-delà de la technique, est-ce que ce projet a laissé des traces dans tes illustrations plus récentes ? Par exemple les scènes plus atmosphériques que tu dessines ?</strong></p> <p> </p> <p>Certaines de mes illustrations étaient déjà très moody avant Le dragon bleu, c'est d'ailleurs une des choses que Robert m'avait dit appréciées de mon travail avant qu'on collabore. Le projet m'a tout de même permis d'explorer mon approche à la narration et de me familiariser avec une méthode de recherche plus poussée, quelque chose que je vois maintenant comme préalable à l'exécution d'un dessin ou d'une peinture.</p> <p> </p> <p>Le besoin constant de documenter les lieux et décors, les vêtements et les postures de ces personnages a donné beaucoup plus de profondeur à ma façon d'aborder un projet.</p> </div> </div> <div class="shg-c shogun-image-container shg-align-center" style="opacity: 1;" id="s-3faa7839-01d5-41ce-b38b-9b26e17d8543"> <img src="https://ucarecdn.com/a8b7f648-8cdc-4c68-9ba5-dd9db33e62ac/-/format/auto/-/stretch/off/-/resize/3000x/-/quality/lighter/" width="" height="" style="" alt="" class="shogun-image " decoding="async" loading="lazy"> </div> <script class="__SHG_DATA__" type="application/json"> { "__shgImageElements": { "uuid": "s-3faa7839-01d5-41ce-b38b-9b26e17d8543" } } </script> <div id="s-ccb8e6fe-9131-48da-850b-b9cbbcfd9254" class="shg-c textepara "> <div class="shg-rich-text shg-theme-text-content"> <p><strong>Le " Dragon " a été célébré par le public et la critique. Tu as reçu plusieurs nominations et prix pour ce projet, es-tu satisfait du travail que tu as livré ?</strong></p> <p> </p> <p>Je suis un éternel insatisfait. Chaque fois que je feuillette la BD, je me remémore beaucoup plus les moments de création et la contrainte liée à la réalisation que les succès que nous avons eus. Il y a des dessins que j'adore dans ce projet, mais dessiner 200 pages couleur en une année, aussi bien documenté et préparé que l'on puisse être, c'est un rythme effréné qui n'est pas le mien.</p> <p> </p> <p>J'aime prendre le temps nécessaire sur chacune des images que je fais. Toutefois, dans les circonstances, je pense que c'est bien fait… Mais je sais que j'aurais pu faire quelque chose d'encore mieux. À un certain moment, il faut aussi être capable de passer à autre chose et accepter de voir ce projet pour ce qu'il est : mon premier album. Alors au final, oui, je suis très satisfait.</p> </div> </div> <div id="s-036d6f22-ffc9-4e76-9087-acf65ff10a88" class="shg-c "> <script>$(document).ready(function(){ $('#owl-neduf').owlCarousel({ loop:true, animateOut: 'fadeOut', autoplay:true, autoplayTimeout:5000, autoplayHoverPause:false, responsive:{ 0:{ items:1 }, 998:{ items:1 } } }) }); </script> <div class="owl-carousel" id="owl-neduf"> <div> <img class="shogun-image" src="https://cdn.shopify.com/s/files/1/0001/1085/files/dragonfred__jourdain.jpg?12045225068622711512"> </div> <div> <img class="shogun-image" src="https://cdn.shopify.com/s/files/1/0001/1085/files/dragonfred_2_jourdain.jpg?12045225068622711512"> </div> </div> </div> <div class="shg-c " id="s-d6c99815-e313-4d95-9755-ead9beafe5f7"> <div class="shg-row" data-col-grid-mode-on=""> <div class="shg-c-lg-6 shg-c-md-6 shg-c-sm-6 shg-c-xs-12"> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c " id="s-4b097488-c19b-45b5-b781-9675e2d962df"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div class="shg-fw"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c " id="s-67044763-b5d2-4300-8ca9-a958a257273d"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div id="s-6446edb6-a084-46f2-a81d-0cddda88a095" class="shg-c titres2 "> <div class="shg-rich-text shg-theme-text-content"><p style="text-align: center;"><span style="font-size: 18px;">crédits</span></p></div> </div> <div id="s-7537cd40-72fc-4f00-aeb5-7c6edece8510" class="shg-c "> <div class="shg-rich-text shg-theme-text-content"> <p style="text-align: center;">Photos: <span class="s1">Hoby Ratsimbazafy, Benoît Thériault, Fabien Drouaine, Catherine Tétreault, </span>Anthony Jourdain, </p> <p class="p1" style="text-align: center;"><a href="http://catherinecote.ca/" target="_blank" rel="noopener">Catherine Côté</a>, Fred Jourdain, Martin Poulin, Martin Côté </p> <p class="p1" style="text-align: center;"> </p> <p class="p1" style="text-align: center;"><span class="s1">Modèle: Laurie-Anne Langis</span></p> <p style="text-align: center;"> </p> </div> </div> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c lignepo " id="s-07e4dcfb-9470-4791-8ff2-7aaffafe1997"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> </div> </div> </div> <div id="s-673ad901-4959-445d-9c69-0a63ff3280af" class="shg-c "> <div class="shg-rich-text shg-theme-text-content"><p style="text-align: center;">Partager cet Article</p></div> </div> <div id="s-d8464f12-3fe0-42a2-93af-a76ed8ce94e2" class="shg-c "> <div class="sharethis-inline-share-buttons"></div> </div> <div id="s-afa2698c-373c-45ae-a094-f150bb636ba2" class="shg-c "> <div class="shg-rich-text shg-theme-text-content"> <p style="text-align: center;"> </p> <p style="text-align: center;"><span style="font-size: 9px;"><span style="color: #000000;"><span style="font-family: TimesNewRoman;"> </span></span>© Affranchi - Le contenu de cette publication ne peut être reproduit sans le consentement de l'auteur</span></p> </div> </div> </div> </div> </div></div> <div class="shg-c shogun-image-container shogun-image-linked " style="opacity: 1;" id="s-fe717ab3-04f5-4f35-a356-1cb0d1b9a2c9"> <a class="shogun-image-link" href="https://affranchi.myshopify.com/pages/projets-dragon-bleu"> <img src="https://ucarecdn.com/e4bf3a21-1351-4c3f-be5b-71ef06d490fb/-/format/auto/-/stretch/off/-/resize/3000x/-/quality/lighter/" width="" height="" style="" alt="" class="shogun-image " decoding="async" loading="lazy"> </a> </div> <script class="__SHG_DATA__" type="application/json"> { "__shgImageElements": { "uuid": "s-fe717ab3-04f5-4f35-a356-1cb0d1b9a2c9" } } </script> <div id="s-f9976a1b-b34d-45d6-b875-4c3834228b85" class="shg-c blog-item "> <div class="shg-rich-text shg-theme-text-content"><h4> <a href="https://affranchi.myshopify.com/pages/methodeformat">L</a><a href="https://affranchi.myshopify.com/pages/projets-dragon-bleu">e Dragon bleu</a> </h4></div> </div> <div id="s-1d4e3087-be09-4993-b4c1-d7ac16a342bf" class="shg-c blog-shortinfo "> <div class="shg-rich-text shg-theme-text-content"><p><a href="https://affranchi.myshopify.com/pages/projets-dragon-bleu">Le dragon bleu est une bande dessinée adaptée de la célèbre pièce de théâtre éponyme de Robert Lepage et Marie Michaud...</a></p></div> </div> </div> </div> </div> </div> <div class="shg-c-lg-6 shg-c-md-6 shg-c-sm-6 shg-c-xs-12"> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c " id="s-7c1c42dc-5632-48dc-8baa-28ce62f549c5"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div class="shg-c shogun-image-container shogun-image-linked " style="opacity: 1;" id="s-19d8935e-bcc3-44f9-80c6-14ad44c8a7ef"> <a class="shogun-image-link" href="https://affranchi.myshopify.com/collections/le-dragon-bleu"> <img src="https://ucarecdn.com/81fe7e52-2a31-46c2-965b-8e302de5915e/-/format/auto/-/stretch/off/-/resize/3000x/-/quality/lighter/" width="" height="" style="" alt="" class="shogun-image " decoding="async" loading="lazy"> </a> </div> <script class="__SHG_DATA__" type="application/json"> { "__shgImageElements": { "uuid": "s-19d8935e-bcc3-44f9-80c6-14ad44c8a7ef" } } </script> <div id="s-adceec35-6c5c-4e80-855c-a838d96c1d53" class="shg-c blog-item "> <div class="shg-rich-text shg-theme-text-content"> <h4><a href="https://affranchi.myshopify.com/collections/le-dragon-bleu">Boutique - Le Dragon Bleu</a></h4> </div> </div> <div id="s-3b203646-e54c-4f07-87bc-c693a4b68868" class="shg-c blog-shortinfo "> <div class="shg-rich-text shg-theme-text-content"> <p>Une <a href="https://affranchi.myshopify.com/collections/le-dragon-bleu">série de d'illustrations tirées du livre est disponible</a> en vente</p> </div> </div> </div> </div> </div> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c " id="s-7b52d066-98d6-4078-8ea7-2563ee8fc02b"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div></div> <div class="shg-fw"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c " id="s-e30c4dfb-5989-4461-b7a1-62b0138968d1"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c back " id="s-d873ca50-97f9-4c53-8e00-39f85d7e2c4a"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c height " id="s-37bed104-da0a-4d00-acf5-4b46d819cee6"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div class="shg-c " id="s-e45b8a73-f773-4659-b9c9-4b762e6c9e85"> <div class="shg-row" data-col-grid-mode-on="true"> <div class="shg-c-lg-6 shg-c-md-6 shg-c-sm-6 shg-c-xs-12"> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c " id="s-1e32c0e7-8f57-4da3-891d-51fca0f81e93"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div class="shg-c shogun-image-container shogun-image-linked shg-align-center" style="opacity: 1;" id="s-3ce5d25c-ae63-4ccb-b39d-6984bb2810be"> <a class="shogun-image-link" href="https://affranchi.myshopify.com/products/ribbon-dancer" target="_blank"> <img src="https://ucarecdn.com/c808bd70-e709-4872-88a1-015263c15d21/-/format/auto/-/stretch/off/-/resize/3000x/-/quality/lighter/" width="" height="" style="" alt="" class="shogun-image " decoding="async" loading="eager"> </a> </div> <script class="__SHG_DATA__" type="application/json"> { "__shgImageElements": { "uuid": "s-3ce5d25c-ae63-4ccb-b39d-6984bb2810be" } } </script> </div> </div> </div> </div> <div class="shg-c-lg-6 shg-c-md-6 shg-c-sm-6 shg-c-xs-12"> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c absou " id="s-e004a672-bb4c-46e4-90af-c9e7e3559132"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div id="s-b9876d6e-5720-419d-8ac7-7a1d1a2ac0c6" class="shg-c titres2 "> <div class="shg-rich-text shg-theme-text-content"> <p style="text-align:center">Le Dragon bleu</p> </div> </div> <div id="s-b1044c01-7856-4401-a47f-5a82441d5d76" class="shg-c soustitres "> <div class="shg-rich-text shg-theme-text-content"> <p style="text-align: center;">FRED JOURDAIN & MARTIN PARROT :</p> <p style="text-align: center;">UNE DISCUSSION</p> </div> </div> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c lignepo " id="s-ace8215b-827c-482a-8f2f-c0c40a05368e"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> </div> </div> </div> <div id="s-cbd7f549-fadd-449e-9809-a1eb25f045ad" class="shg-c textepara "> <div class="shg-rich-text shg-theme-text-content"> <p>«J'avais aussi besoin de comprendre comment dessiner Pierre, le personnage principal, alors je me suis coupé les cheveux comme lui et j'ai pris des photos. » </p> <p> </p> <p><strong>Tu m'as déjà dit avoir passé 2 ans sur ce projet. Comment est-ce que le tout a commencé ?</strong></p> <p> </p> <p>Je pense que des gens d'Ex Machina (la compagnie de Robert Lepage) ont vu mon expo à L'Inox, à l'époque où la micro-brasserie était dans le Vieux-Port. C'était la première année du Moulin à images et l'équipe terminait souvent sa soirée dans ce bar. Dans tous les cas, j'ai été parmi les artistes qui ont été approchés pour le projet. J'étais flatté qu'on me le propose, mais je venais de terminer <em>Round Midnight</em> et j'avais pris la décision de ne plus faire de BD pour un moment, du moins, pas au sens traditionnel du terme.</p> <p> </p> <p>J'avais plus de plaisir à m'exprimer par de grands tableaux que dans une succession de petites cases. J'ai suggéré quelques noms de bédéistes à Ex Machina pour le projet, mais ils m'ont rappelé et ont insisté pour que j'assiste à l'avant-première de la pièce à Montréal et que je rencontre Robert en coulisse par la suite pour discuter. J'ai accepté l'invitation, bien sûr.</p> <p> </p> </div> </div> </div> </div> </div> </div> </div> </div> <div id="s-b85da1dc-a25d-4d3b-a26f-1100aefce0c8" class="shg-c "> <div class="shg-hr-wrapper"> <hr> </div> </div> </div> </div> </div> <div class="shg-c " id="s-54e9e103-5b8a-4c06-b631-f643efe75ab6"> <div class="shg-row" data-col-grid-mode-on="true"> <div class="shg-c-lg-6 shg-c-md-6 shg-c-sm-6 shg-c-xs-12"> <div id="s-32f328d9-271d-497b-951e-a379cd389af3" class="shg-c "> <script>$(document).ready(function(){ $('#owl-uii').owlCarousel({ loop:true, animateOut: 'fadeOut', autoplay:true, autoplayTimeout:5000, autoplayHoverPause:false, responsive:{ 0:{ items:1 }, 998:{ items:1 } } }) }); </script> <div class="owl-carousel" id="owl-uii"> <div> <img class="shogun-image" src="https://cdn.shopify.com/s/files/1/0001/1085/files/Dragon_bleu_fred__jourdain2.jpg?11855129673617065918"> </div> <div> <img class="shogun-image" src="https://cdn.shopify.com/s/files/1/0001/1085/files/Dragon_bleu_fred__jourdain3.jpg?11855129673617065918"> </div> </div> </div> </div> <div class="shg-c-lg-6 shg-c-md-6 shg-c-sm-6 shg-c-xs-12"> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c absou " id="s-b1a965a5-355f-4278-860c-a3abd9efff42"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div id="s-d0db0292-9ad3-46f4-9e38-fb9fd4f07d83" class="shg-c textepara "> <div class="shg-rich-text shg-theme-text-content"> <p>C'est vraiment une belle pièce. J'ai été particulièrement inspiré par la séquence du début où le personnage de Xiao-Ling danse sur scène avec de longs rubans de tissus et un masque traditionnel chinois. </p> <p> </p> <p>J'avais aussi beaucoup apprécié la scène où Pierre Lamontagne dessine des caractères de calligraphie au sol à l'aide d'un pinceau géant. C'est à ce moment qu'il raconte la légende du fleuve des trois gorges. Autrefois, lorsqu'une femme célibataire tombait enceinte et ne pouvait s'occuper de son nouveau-né correctement, elle le laissait dans un panier sur le fleuve Yang-Tsé-kiang, qui se sépare en trois embranchements. La destinée du nourrisson se déclinait en trois futurs possibles selon laquelle des trois voies du fleuve avait emprunté le panier. La fin de la pièce fait d'ailleurs référence à ça…</p> <p> </p> <p>Après le <em>show,</em> j'avais plusieurs images en tête et j'en ai longuement discuté avec Robert. J'avais déjà une idée bien assise de ce que je ferais avec tout ça, je voulais le faire à ma façon, mais surtout d'une manière à servir au mieux le récit. Robert a apprécié ma vision sur tout ça, il recherchait avant tout une rencontre entre artistes. Il a insisté pour que ce soit moi qui prenne les rênes. Je crois qu'il s'est senti à l'aise de me laisser expérimenter, qu'il savait que je ferais honneur à son œuvre. Je suis reparti du TNM avec toute une paire de godasses à chausser !</p> </div> </div> </div> </div> </div> </div> </div> </div> <div id="s-2f32b9fb-fe5f-4a8f-9d58-41b3af0e77e5" class="shg-c "> <div class="shg-hr-wrapper"> <hr> </div> </div> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c shogun-lazyload" data-bgset="https://ucarecdn.com/f7d3d6d5-e9a3-4b2f-868f-2fa6de32bb92/-/format/auto/-/stretch/off/-/resize/3000x/-/quality/lighter/" id="s-b3a96e89-b3ad-4105-8c76-aac7657b91fe"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c boxit " id="s-b81ba983-6c63-44e3-b998-2da6af8f3c11"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div id="s-6a6b014f-5afb-4dd5-a120-b070a294d053" class="shg-c textepara "> <div class="shg-rich-text shg-theme-text-content"> <p><strong>Quelle était ta vision ? Qu'est-ce qui a plu à Robert Lepage ?</strong></p> <p> </p> <p>Plutôt que d'approcher l'adaptation par le biais de la BD traditionnelle, je lui ai proposé une forme hybride de roman graphique. Selon moi, cette formule nous permettrait de mieux traduire, sous une forme nouvelle, les décors minimalistes, les ambiances sonores très atmosphériques et les imposants dialogues entre les trois personnages. Je trouvais qu'il serait plus à propos d'accompagner le texte de grands tableaux, des images en pleines pages afin de bien saisir l'atmosphère, de créer un <em>mood</em>. Ça transformerait la façon dont on en ferait la lecture en ralentissant le rythme et en laissant plus de place pour dépeindre, visuellement, l'intériorité des personnages. </p> <p> </p> <p>Cette approche permettrait de tirer profit du médium qu'est le dessin afin de raconter l'histoire de la meilleure façon qui soit, tout en conservant le texte intégral de la pièce, ce qui était la seule contrainte exigée par Ex Machina.<br> </p> </div> </div> </div> </div> </div> </div> </div> </div> <div id="s-0f83bdf1-8bdc-4630-af2e-281379dc0dbe" class="shg-c "> <div class="shg-hr-wrapper"> <hr> </div> </div> <div class="shg-c " id="s-99af535e-db3e-4c2e-8f9b-7a8adc5840e2"> <div class="shg-row" data-col-grid-mode-on="true"> <div class="shg-c-lg-6 shg-c-md-6 shg-c-sm-6 shg-c-xs-12"> <div class="shg-c shogun-image-container shg-align-center" style="opacity: 1;" id="s-c9a330a0-a428-4509-92d7-90323f0f8906"> <img src="https://ucarecdn.com/7adee287-ec53-4231-90cd-b591357fd106/-/format/auto/-/stretch/off/-/resize/3000x/-/quality/lighter/" width="" height="" style="" alt="" class="shogun-image " decoding="async" loading="lazy"> </div> <script class="__SHG_DATA__" type="application/json"> { "__shgImageElements": { "uuid": "s-c9a330a0-a428-4509-92d7-90323f0f8906" } } </script> </div> <div class="shg-c-lg-6 shg-c-md-6 shg-c-sm-6 shg-c-xs-12"> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c absou " id="s-8bcd0796-7267-48c6-b909-3ee712ad0db1"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div id="s-5507d2ae-a732-4b94-915b-b2b77fc60d04" class="shg-c textepara "> <div class="shg-rich-text shg-theme-text-content"> <p><strong>Comment enclenche-t-on un projet de cette envergure ?</strong></p> <p> </p> <p>Évidemment, par le découpage, mais aussi, par une bonne préparation au niveau du dessin, car j'ai dû adapter mon style, me rapprocher de l'esthétique proposée par la pièce. Ça se déroule en Chine et c'est un récit réaliste et contemporain. J'ai pris une année entière pour faire mes recherches, analyser les différentes approches graphiques que j'allais utiliser, et aussi, bien sûr, me documenter sur les lieux, l'architecture, etc. </p> <p> </p> <p>J'ai acheté des livres sur la Chine et des costumes « maoïstes » authentiques pour prendre des poses de références de quelques-uns de mes amis costumés. J'ai fait des plans à l'échelle de l'intérieur de la maison du personnage principal pour avoir une meilleure idée des angles que je pourrais utiliser dans plusieurs séquences qui s'y déroulent. Robert m'a aussi conseillé la lecture de quelques livres, dont la biographie de Tchang Tchong-jen, l'ami et collaborateur chinois d'Hergé, un homme à l'histoire et au vécu tout à fait incroyable. Le tout m'a beaucoup appris sur la Chine d'avant, de pendant et d'après Mao. C'était fascinant de découvrir tout ça. J'ai aussi fait la rencontre d'un maître de calligraphie chinoise qui m'a montré certaines bases.</p> <p> </p> <p>La première année m'a servie de préparation, et la deuxième, à l'exécution des planches et des illustrations.<br> </p> </div> </div> </div> </div> </div> </div> </div> </div> <div id="s-418f2e02-84a5-459b-9836-8f407300182f" class="shg-c "> <div class="shg-hr-wrapper"> <hr> </div> </div> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c shogun-lazyload" data-bgset="https://ucarecdn.com/56114f50-3c84-49a8-9299-fd92c25d20eb/-/format/auto/-/stretch/off/-/resize/3000x/-/quality/lighter/" id="s-e6ca90aa-7536-4e97-9523-9e7b88b99eae"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c boxit " id="s-963e91e9-51dc-472f-a500-c3e2f87a221c"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div id="s-bb8d195d-5bb0-43d9-aa86-674e2f6ff2b1" class="shg-c textepara "> <div class="shg-rich-text shg-theme-text-content"> <p><strong>Tu t'es procuré un costume traditionnel maoïste pour apprendre à dessiner ce genre de vêtement ? </strong></p> <p> </p> <p>Ouais, entre autres choses. Je cherchais à me documenter le mieux possible tout en gagnant du temps. J'ai fait prendre la pose à ma copine et à des amies pour les personnages de Xiao-Ling et de Claire. Mais c'est aller plus loin que ça…</p> <p> </p> <p>J'avais aussi besoin de comprendre comment dessiner Pierre, le personnage principal, alors je me suis coupé les cheveux comme lui et j'ai pris plusieurs photos de moi dans différentes poses à l'aide d'un trépied et d'un déclencheur. Je voulais qu'il y ait une partie de moi dans ce personnage. La référence m'a fait sauver un peu de temps sur les poses, les plis de vêtements, ce genre de trucs…</p> <p> </p> <p>et ça m'a permis de me concentrer sur la schématisation des visages. D'ailleurs, la pose de Pierre avec son vélo dans l'illustration nommée <a href="https://affranchi.myshopify.com/collections/le-dragon-bleu/products/pudong" target="_blank"><em>Pudong</em></a>, qui a servis de page couverture à la première édition du livre, est inspirée d'une photo de moi dans le parc Cartier-Brébeuf prise en début de projet. </p> </div> </div> </div> </div> </div> </div> </div> </div> <div id="s-d5d27cff-caa1-4f8c-9fb9-7344e87ece6b" class="shg-c "> <div class="shg-hr-wrapper"> <hr> </div> </div> <div class="shg-c " id="s-36fa6cd0-53c5-44b9-8e3a-8520d4b813e4"> <div class="shg-row" data-col-grid-mode-on="true"> <div class="shg-c-lg-6 shg-c-md-6 shg-c-sm-6 shg-c-xs-12"> <div class="shg-c shogun-image-container shg-align-center" style="opacity: 1;" id="s-3d6f6ac4-16ef-43a7-939d-4748ad79c7fc"> <img src="https://ucarecdn.com/f16b6568-c983-4c4a-b914-1caa9199bc4d/-/format/auto/-/stretch/off/-/resize/3000x/-/quality/lighter/" width="" height="" style="" alt="" class="shogun-image " decoding="async" loading="lazy"> </div> <script class="__SHG_DATA__" type="application/json"> { "__shgImageElements": { "uuid": "s-3d6f6ac4-16ef-43a7-939d-4748ad79c7fc" } } </script> </div> <div class="shg-c-lg-6 shg-c-md-6 shg-c-sm-6 shg-c-xs-12"> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c absou " id="s-845bb10d-04d4-41d4-a779-ff5aa0412633"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div id="s-0081998a-cc3b-469b-9cdf-5f50b5179dd5" class="shg-c textepara "> <div class="shg-rich-text shg-theme-text-content"> <p><strong>Et la calligraphie, c'était important à tes yeux ?</strong></p> <p> </p> <p>C'était important pour le récit. Le personnage de Pierre Lamontagne fait de la calligraphie et le récit s'ouvre sur une scène dans laquelle il parle de cette forme d'art. Je ne voulais pas faire n'importe quoi, je voulais, comme le fait la pièce, rendre hommage à une certaine tradition artistique chinoise. J'ai réussi à intégrer ça à ma technique. Je dessinais déjà beaucoup à l'encre de Chine alors ça s'est fait quand même assez naturellement.</p> <p> </p> <p>Il y a d'ailleurs, dans <em>Le dragon bleu</em>, des dessins qui ont été faits sur papier de riz avec pinceaux traditionnels faits de poils d'oreilles de bœufs, comme ceux que Picasso s'est fait offrir par Chan Daichien au milieu des années 1950s. C'est avec ces pinceaux qu'il a fait ses célèbres croquis de Don Quixote. Ce sont des pinceaux vraiment particuliers à utiliser, mais j'ai au final réussi à faire des trucs assez intéressants.</p> <p> </p> <p>J'ai aussi fait sculpter des sceaux de signature par un chinois basé à Chicago avec qui j'ai entretenu une correspondance pendant le projet. J'ai fait faire un sceau au nom de Pierre Lamontagne, un autre pour <em>Le dragon bleu</em>, qui a servi sur la mise en page de certains de mes tirages en édition limitée, et un troisième à mon nom. J'ai utilisé ces sceaux pour ajouter de la crédibilité aux oeuvres créées par Pierre Lamontagne et à la dernière page, c'est mon sceau qui clôt le livre. À la publication, j'ai envoyé un exemplaire à Chengwei qui en retour m'a expédié une belle lettre calligraphiée remplie de dorures. <br> </p> </div> </div> </div> </div> </div> </div> </div> </div> <div id="s-ff0b36da-722d-4bfc-bc92-3bd621a19447" class="shg-c "> <div class="shg-hr-wrapper"> <hr> </div> </div> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c " id="s-0f0ca565-4bc9-4111-8540-e85e7f01aae9"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div id="s-7b8e7bf0-5e61-488d-941a-2fa12c638964" class="shg-c "> <script>$(document).ready(function(){ $('#owl-treeee').owlCarousel({ loop:true, animateOut: 'fadeOut', autoplay:true, autoplayTimeout:5000, autoplayHoverPause:false, responsive:{ 0:{ items:1 }, 998:{ items:1 } } }) }); </script><div style="position:absolute;overflow: hidden; max-width: 100%;"> <div class="owl-carousel" id="owl-treeee" style=""> <div> <img class="shogun-image" src="https://cdn.shopify.com/s/files/1/0001/1085/files/Dragon_bleu_fred__jourdain8.jpg?14670771640251602172"> </div> <div> <img class="shogun-image" src="https://cdn.shopify.com/s/files/1/0001/1085/files/Dragon_bleu_fred__jourdain9.jpg?14670771640251602172"> </div> </div> </div> </div> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c boxit, zzz " id="s-6e3a07fd-d449-4eea-8510-718ac616c42d"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div id="s-4d72ce44-817d-4e36-98c4-ce8077cd8a78" class="shg-c textepara "> <div class="shg-rich-text shg-theme-text-content"> <p><strong>C'est une technique dont tu t'es servi par la suite pour d'autres illustrations ? </strong></p> <p> </p> <p>Un peu, oui, surtout pour certains patterns de nature, comme les feuilles et les bambous. Les feuilles dans mon dessin <a href="https://affranchi.myshopify.com/collections/hors-series/products/buffalo-will-1" target="_blank" rel="noopener"><em>Buffalo Will</em></a> sont dessinées avec cette technique, même chose pour <a href="https://fredjourdain.com/products/la-divine-comedie?variant=12127843418182" target="_blank" rel="noopener"><em>La Divine Comédie</em></a>. J'ai ajouté ça à mon vocabulaire. J'y reviens de temps à autre, selon le sujet à illustrer. C'est maintenant dans ma boîte à outils !</p> </div> </div> </div> </div> </div> <div id="s-03581e51-6a8c-44e5-afd3-5fa9edad13bb" class="shg-c "> <div class="shg-hr-wrapper"> <hr> </div> </div> </div> </div> </div> <div class="shg-c foufoune2 " id="s-07de0d23-42fb-4999-8e7e-f8ff062a4fd7"> <div class="shg-row" data-col-grid-mode-on="true"> <div class="shg-c-lg-7 shg-c-md-7 shg-c-sm-7 shg-c-xs-12"> <div class="shg-c shogun-image-container shg-align-center" style="opacity: 1;" id="s-0a61cfef-0153-4cb9-9a79-89221d7d6dc4"> <img src="https://ucarecdn.com/4ecc5479-abbc-432c-88d1-9a568cbd6ed2/-/format/auto/-/stretch/off/-/resize/3000x/-/quality/lighter/" width="" height="" style="" alt="" class="shogun-image " decoding="async" loading="lazy"> </div> <script class="__SHG_DATA__" type="application/json"> { "__shgImageElements": { "uuid": "s-0a61cfef-0153-4cb9-9a79-89221d7d6dc4" } } </script> </div> <div class="shg-c-lg-5 shg-c-md-5 shg-c-sm-5 shg-c-xs-12"> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c absou " id="s-04727ab9-228a-4260-aacf-fc02f6e52cdf"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div id="s-1aab6b98-9e46-4c8d-9c1b-4f82ae0305c4" class="shg-c textepara "> <div class="shg-rich-text shg-theme-text-content"> <p><strong>Au-delà de la technique, est-ce que ce projet a laissé des traces dans tes illustrations plus récentes ? Par exemple les scènes plus atmosphériques que tu dessines ?</strong></p> <p> </p> <p>Certaines de mes illustrations étaient déjà très <em>moody</em> avant <em>Le dragon bleu</em>, c'est d'ailleurs une des choses que Robert m'avait dit appréciées de mon travail avant qu'on collabore. Le projet m'a tout de même permis d'explorer mon approche à la narration et de me familiariser avec une méthode de recherche plus poussée, quelque chose que je vois maintenant comme préalable à l'exécution d'un dessin ou d'une peinture.</p> <p> </p> <p>Le besoin constant de documenter les lieux et décors, les vêtements et les postures de ces personnages a donné beaucoup plus de profondeur à ma façon d'aborder un projet.</p> </div> </div> </div> </div> </div> </div> </div> </div> <div class="shg-c " id="s-8dacf63b-3a5e-4d9c-9014-689854569bc7"> <div class="shg-row" data-col-grid-mode-on="true"> <div class="shg-c-lg-6 shg-c-md-6 shg-c-sm-6 shg-c-xs-12"> <div id="s-f54ec43b-9be5-4590-87e6-dabe997d51d8" class="shg-c "> <script>$(document).ready(function(){ $('#owl-neuf').owlCarousel({ loop:true, animateOut: 'fadeOut', autoplay:true, autoplayTimeout:5000, autoplayHoverPause:false, responsive:{ 0:{ items:1 }, 998:{ items:1 } } }) }); </script> <div class="owl-carousel" id="owl-neuf"> <div> <img class="shogun-image" src="https://cdn.shopify.com/s/files/1/0001/1085/files/dragonfred__jourdain.jpg?12045225068622711512"> </div> <div> <img class="shogun-image" src="https://cdn.shopify.com/s/files/1/0001/1085/files/dragonfred_2_jourdain.jpg?12045225068622711512"> </div> </div> </div> </div> <div class="shg-c-lg-6 shg-c-md-6 shg-c-sm-6 shg-c-xs-12"> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c absou " id="s-b610961e-6885-465b-886e-64c2b822ec5f"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div id="s-26ed0424-2696-4f56-b8b8-ef7e65e6bc87" class="shg-c textepara "> <div class="shg-rich-text shg-theme-text-content"> <p><strong>Le «</strong><strong> Dragon »</strong><strong> a été célébré par le public et la critique. Tu as reçu plusieurs nominations et prix pour ce projet, es-tu satisfait du travail que tu as livré ?</strong></p> <p> </p> <p>Oui, en effet, j'ai gagné le prix Bédéis Causa/Réal Fillion 2012, remis par le<a href="http://quebecbd.com/" target="_blank"><em> Festival de la bande dessinée francophone de Québec</em></a> dans la catégorie du meilleur premier album. J'ai aussi été en nomination pour les <a href="https://joeshusterawards.com/" target="_blank"><em>Joe Shuster Awards</em></a> dans les catégories «Best Artist » et «Best Cover Artist» et en nomination pour le prix Bédélys Monde qui récompense la meilleure BD de langue française diffusée au Québec. Ce sont de belles marques de reconnaissance !</p> <p><br> Pourtant, je suis un éternel insatisfait. Chaque fois que je feuillette la BD, je me remémore beaucoup plus les moments de création et la contrainte liée à la réalisation que les succès que nous avons eus. Il y a des dessins que j'adore dans ce projet, mais dessiner 200 pages couleur en une année, aussi bien documenté et préparé que l'on puisse être, c'est un rythme effréné qui n'est pas le mien.</p> <p> </p> <p>J'aime prendre le temps nécessaire sur chacune des images que je fais. Toutefois, dans les circonstances, je pense que c'est bien fait… Mais je sais que j'aurais pu faire quelque chose d'encore mieux. À un certain moment, il faut aussi être capable de passer à autre chose et accepter de voir ce projet pour ce qu'il est : mon premier album. Alors au final, oui, je suis très satisfait.<br> </p> </div> </div> </div> </div> </div> </div> </div> </div> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c " id="s-7cc89316-d351-4593-816c-fc41237d0bf1"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div id="s-8849d0cf-bd7d-4ad3-b31c-4ec135227d5f" class="shg-c titres2 "> <div class="shg-rich-text shg-theme-text-content"> <p style="text-align:center"><span style="font-size:18px">CRÉDITS PHOTOS</span></p> </div> </div> <div id="s-54e71676-d730-4407-9783-c61cea72925b" class="shg-c "> <div class="shg-rich-text shg-theme-text-content"> <p style="text-align:center"><a href="https://thonyjourdain.myportfolio.com/" target="_blank">Anthony Jourdain,</a> <a href="http://catherinecote.ca/" target="_blank">Catherine Côté</a>, Fred Jourdain, Martin Poulin, Martin Côté</p> </div> </div> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c lignepo " id="s-8d4f583b-7796-49ad-9242-500c7b1c2a16"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> </div> </div> </div> <div id="s-88b1e24e-9418-4aa3-8f9d-5a185c11d65e" class="shg-c "> <div class="shg-rich-text shg-theme-text-content"> <p style="text-align:center">Partager cet Article</p> </div> </div> <div id="s-d31f81db-cce0-49b5-888b-5eb89d3ec6ec" class="shg-c "> <div class="sharethis-inline-share-buttons"></div> </div> <div id="s-41feb2f5-1a9b-4722-86de-7bc863a0f522" class="shg-c "> <div class="shg-rich-text shg-theme-text-content"> <p style="text-align:center"> </p> <p style="text-align:center"><span style="font-size:9px"><span style="color:#000000"><span style="font-family:Calibri,sans-serif"><span style="font-family:Symbol">Ó</span></span><span style="font-family:TimesNewRoman"> </span></span>Affranchi - Le contenu de cette publication ne peut être reproduit sans le consentement de l'auteur</span></p> </div> </div> </div> </div> </div> <div class="shg-c " id="s-9375c920-f4a9-4317-a3fe-1b1e98758b65"> <div class="shg-row" data-col-grid-mode-on=""> <div class="shg-c-lg-3 shg-c-md-3 shg-c-sm-3 shg-c-xs-6"> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c " id="s-5964f511-1141-4844-81b7-48c6aae1fe29"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div class="shg-c shogun-image-container shogun-image-linked " style="opacity: 1;" id="s-90b2823c-449e-4b83-9b3b-96d0108e1f84"> <a class="shogun-image-link" href="https://affranchi.myshopify.com/pages/projets-dragon-bleu"> <img src="https://ucarecdn.com/e4bf3a21-1351-4c3f-be5b-71ef06d490fb/-/format/auto/-/stretch/off/-/resize/3000x/-/quality/lighter/" width="" height="" style="" alt="" class="shogun-image " decoding="async" loading="lazy"> </a> </div> <script class="__SHG_DATA__" type="application/json"> { "__shgImageElements": { "uuid": "s-90b2823c-449e-4b83-9b3b-96d0108e1f84" } } </script> <div id="s-64c1f408-e294-434b-932b-45ef81a4c2e8" class="shg-c blog-item "> <div class="shg-rich-text shg-theme-text-content"><h4><a href="https://affranchi.myshopify.com/pages/projets-dragon-bleu">Le Dragon bleu</a></h4></div> </div> <div id="s-89b7a041-a496-4cc6-aa89-e98f1e85fadf" class="shg-c blog-shortinfo "> <div class="shg-rich-text shg-theme-text-content"><p><a href="https://affranchi.myshopify.com/pages/projets-dragon-bleu">Le dragon bleu est une bande dessinée adaptée de la célèbre pièce de théâtre éponyme de Robert Lepage et Marie Michaud...</a></p></div> </div> </div> </div> </div> </div> <div class="shg-c-lg-3 shg-c-md-3 shg-c-sm-3 shg-c-xs-6"> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c " id="s-0ee1894c-a002-4ef6-8592-c16f78fd9e09"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div class="shg-c shogun-image-container shogun-image-linked " style="opacity: 1;" id="s-296b738d-a14c-49e1-bf3f-986a2f6c8ef2"> <a class="shogun-image-link" href="https://affranchi.myshopify.com/collections/le-dragon-bleu"> <img src="https://ucarecdn.com/81fe7e52-2a31-46c2-965b-8e302de5915e/-/format/auto/-/stretch/off/-/resize/3000x/-/quality/lighter/" width="" height="" style="" alt="" class="shogun-image " decoding="async" loading="lazy"> </a> </div> <script class="__SHG_DATA__" type="application/json"> { "__shgImageElements": { "uuid": "s-296b738d-a14c-49e1-bf3f-986a2f6c8ef2" } } </script> <div id="s-65ca8645-62b4-43c8-9713-3d0bafdab07b" class="shg-c blog-item "> <div class="shg-rich-text shg-theme-text-content"><h4><a href="https://affranchi.myshopify.com/collections/le-dragon-bleu">Collection Le Dragon Bleu </a></h4></div> </div> <div id="s-80d443ed-deb3-422b-a0d6-9f5f3316a7f7" class="shg-c blog-shortinfo "> <div class="shg-rich-text shg-theme-text-content"><p><a href="https://affranchi.myshopify.com/collections/le-dragon-bleu">Une série d’illustrations tirées du livre disponible en tirage limité</a></p></div> </div> </div> </div> </div> </div> <div class="shg-c-lg-3 shg-c-md-3 shg-c-sm-3 shg-c-xs-6"> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c " id="s-a35e3dfe-8b13-453c-b3b8-13bbae0f2e67"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div class="shg-c shogun-image-container shogun-image-linked " style="opacity: 1;" id="s-d9afe71d-d138-49ca-b843-c700cc3f8748"> <a class="shogun-image-link" href="https://affranchi.myshopify.com/pages/je-me-souviendrai-publication"> <img src="https://ucarecdn.com/b72ca1b5-7a4c-4f9f-86d6-2f7eea372554/-/format/auto/-/stretch/off/-/resize/3000x/-/quality/lighter/" width="" height="" style="" alt="" class="shogun-image " decoding="async" loading="lazy"> </a> </div> <script class="__SHG_DATA__" type="application/json"> { "__shgImageElements": { "uuid": "s-d9afe71d-d138-49ca-b843-c700cc3f8748" } } </script> <div id="s-eb4aadf6-3db8-4658-9772-d0824b844212" class="shg-c blog-item "> <div class="shg-rich-text shg-theme-text-content"><h4><a href="https://affranchi.myshopify.com/pages/je-me-souviendrai-publication">Je me souviendrai</a></h4></div> </div> <div id="s-e3fa5bda-92cb-4122-b5d2-533be375e861" class="shg-c blog-shortinfo "> <div class="shg-rich-text shg-theme-text-content"> <p><a href="https://affranchi.myshopify.com/pages/je-me-souviendrai-publication">Je me souviendrai est un album « coup de poing », un grand cri de journalistes, de bédéistes, d'illustrateurs, de photographes et d'auteurs de tous les...</a></p> <p> </p> </div> </div> </div> </div> </div> </div> <div class="shg-c-lg-3 shg-c-md-3 shg-c-sm-3 shg-c-xs-6"> <div class="shg-c shogun-image-container shogun-image-linked " style="opacity: 1;" id="s-702c6909-7d46-484e-8a46-960986b2a404"> <a class="shogun-image-link" href="https://affranchi.myshopify.com/pages/methodeformat"> <img src="https://ucarecdn.com/27fa42f7-f770-49a4-b4a5-cae777a45e72/-/format/auto/-/stretch/off/-/resize/3000x/-/quality/lighter/" width="" height="" style="" alt="" class="shogun-image " decoding="async" loading="lazy"> </a> </div> <script class="__SHG_DATA__" type="application/json"> { "__shgImageElements": { "uuid": "s-702c6909-7d46-484e-8a46-960986b2a404" } } </script> <div id="s-9f20ab43-fca2-44d6-9180-0c71de1ebf5a" class="shg-c blog-item "> <div class="shg-rich-text shg-theme-text-content"><h4><a href="https://affranchi.myshopify.com/pages/methodeformat">une Méthode</a></h4></div> </div> <div id="s-6987b7eb-b8c4-4ec3-9ca6-a2289d6ba08e" class="shg-c blog-shortinfo "> <div class="shg-rich-text shg-theme-text-content"><p><a href="http://affranchi.myshopify.com/pages/methodeformat" target="_self" rel="noopener noreferrer">Je suis en train de terminer une nouvelle étiquette pour une nouvelle bière et cet article publié ce mois-ci dans la revue Bières et plaisirs...</a></p></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div></div> </div> </div> </div> </div> </main> <footer id="footer"> <section id="footercenter" class="footer-center"> <div class="container"> <div class="footer-center-wrap"> <div class="row"> <div class="col-md-2 col-sm-6 col-xs-12 col-half-offset wrap-fix block-first"> </div> <div class="col-md-2 col-sm-6 col-xs-12 col-half-offset wrap-fix"> </div> <div class="col-md-2 col-sm-6 col-xs-12 col-half-offset wrap-fix"> </div> <div class="col-md-2 col-sm-6 col-xs-12 col-half-offset wrap-fix"> <div class="col-md-2 col-sm-12 col-xs-12 col-half-offset wrap-fix"> <div class="col-md-2 col-sm-12 col-xs-12 col-half-offset wrap-fix"> </div> </div> </div> </div> </section> <section id="footernav" class="footer-nav"> <div id="powered" class="powered "> <p class="text-center">Copyright 2025 © Fred Jourdain</p> </div> </div> <div class="fy"> </div> </section> </footer> <script> /** * Module to ajaxify all add to cart forms on the page. * * Copyright (c) 2015 Caroline Schnapp (11heavens.com) * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html * */ Shopify.AjaxifyCart = (function($) { // Some configuration options. // I have separated what you will never need to change from what // you might change. var _config = { // What you might want to change howLongTillBtnReturnsToNormal: 1000, // in milliseconds. cartCountSelector: '.title-cart #mini-cart', // cartCountSelector: '.cart-count, #cart-count a:first, #gocart p a, #cart .checkout em, .item-count', cartTotalSelector: '#cart-price', // 'aboveForm' for top of add to cart form, // 'belowForm' for below the add to cart form, and // 'nextButton' for next to add to cart button. feedbackPosition: 'nextButton', // What you will never need to change addToCartBtnSelector: '[type="submit"]', // addToCartFormSelector: '#AddToCartForm', addToCartFormSelector: 'form[action="/cart/add"]', shopifyAjaxAddURL: '/cart/add.js', shopifyAjaxCartURL: '/cart.js' }; // We need some feedback when adding an item to the cart. // Here it is. var _showFeedback = function(success, html, $addToCartForm) { $('#popo.e-scale .dropdown-menu').css('visibility', 'visible').css('transform', 'scale(1)'); setTimeout(function(){ $('#popo.e-scale .dropdown-menu').removeAttr('style'); }, 6000); return; // $('.ajaxified-cart-feedback').remove(); // var feedback = '<p class="ajaxified-cart-feedback ' + success + '">' + html + '</p>'; // switch (_config.feedbackPosition) { // case 'aboveForm': // $addToCartForm.before(feedback); // break; // case 'belowForm': // $addToCartForm.after(feedback); // break; // case 'nextButton': // default: // $addToCartForm.find(_config.addToCartBtnSelector).after(feedback); // break; // } // If you use animate.css // $('.ajaxified-cart-feedback').addClass('animated bounceInDown'); $('.ajaxified-cart-feedback').slideDown(); }; var _setText = function($button, label) { if ($button.children().length) { $button.children().each(function() { if ($.trim($(this).text()) !== '') { $(this).text(label); } }); } else { $button.val(label).text(label); } }; var _init = function() { $(document).ready(function() { $(_config.addToCartFormSelector).submit(function(e) { // console.log('HWI init'); e.preventDefault(); var $addToCartForm = $(this); var $addToCartBtn = $addToCartForm.find(_config.addToCartBtnSelector); _setText($addToCartBtn, _config.addingToCartBtnLabel); $addToCartBtn.addClass('disabled').prop('disabled', true); // Add to cart. $.ajax({ url: _config.shopifyAjaxAddURL, dataType: 'json', type: 'post', data: $addToCartForm.serialize(), success: function(itemData) { // Re-enable add to cart button. $addToCartBtn.addClass('inverted'); _setText($addToCartBtn, _config.addedToCartBtnLabel); _showFeedback('success','<i class="fa fa-check"></i> Added to cart! <a href="/cart">View cart</a> or <a href="/collections/all">continue shopping</a>.',$addToCartForm); window.setTimeout(function(){ $addToCartBtn.prop('disabled', false).removeClass('disabled').removeClass('inverted'); _setText($addToCartBtn,_config.addToCartBtnLabel); }, _config.howLongTillBtnReturnsToNormal); // Update cart count and show cart link. $.getJSON(_config.shopifyAjaxCartURL, function(cart) { // console.log('HWI update cart count'); if (_config.cartCountSelector && $(_config.cartCountSelector).size()) { var value = $(_config.cartCountSelector).html() || '0'; $(_config.cartCountSelector).html(value.replace(/[0-9]+/,cart.item_count)).removeClass('hidden-count'); // Update cart contents var miniCartWrapper = $('#popo .page-content'); console.log('miniCartWrapper.length', miniCartWrapper.length, cart); if (miniCartWrapper.length < 1) { console.log('yo!', cart); var firstItem = cart.items[0]; // $('#zuzu').html(`tester`); $('#zuzu').html(`<form action="/cart" method="post" novalidate class="cart"> <div class="page-content"> <div class="list_button_cart clearfix"> <div class=" text-right" style="padding-left:5px;color:#000!important;padding-top:10px;border-top:solid 1px #c3c3c3;float:left;"> <p> <span class="cart__subtotal-title" style="color:#000!important; ">Sous-total</span> <span class="h3 cart__subtotal"><span class="money" data-currency-cad="$ 0 CAD">$ ${(firstItem.line_price / 100).toFixed(2)} ${ cart.currency }</span></span> </p> <input type="submit" name="checkout" style="margin-bottom:5px;margin-top:10px;" class="btn btn-outline" value="Procéder au paiement"> <a style="color:#fff!important;text-transform:none;" class="btn con-ajax-cart btn-outline" href="/cart" title="Panier détaillé}">Panier détaillé</a> </div> </div> </div> </form>`); miniCartWrapper = $('#popo .page-content'); } var oldItems = $('#popo .page-content .roroyal'); var newMiniCartWrapperContent = ''; // console.log('HWI update cart contents', miniCartWrapper, cart); for (i = 0; i < cart.items.length; i++){ let thisItem = cart.items[i]; let itemHtml = ` <div class="roroyal"> <div class="list_product_cart clearfix royal" data-id="${thisItem.id}"> <div class="cpro_item_inner"> <a href="${thisItem.url}" class="cartImage"> <img class="img-responsive2" src="${thisItem.image}" alt="${thisItem.title}"> </a> </div> </div> <div class="texproduit"> <div class="cpro_item_inner num"> <a href="${thisItem.url}" class="product_name nom" style=""> ${thisItem.product_title} </a> <small>${thisItem.variant_title ? thisItem.variant_title : ''}</small> </div> <div class="cpro_item_inner"> <span class="price product-price"> <span class="money" data-currency-cad="${ (thisItem.line_price / 100).toFixed(2)} ${ cart.currency }">$ ${ (thisItem.line_price / 100).toFixed(2) } ${ cart.currency }</span> </span> </div> <div class="cpro_item_inner" style="padding-left:7px;"> <a href="/cart/change?line=2&quantity=0" style="color:#000!important;" data-id="${thisItem.id}"> <small>x Retirer</small> </a> </div> </div> </div>`; newMiniCartWrapperContent = newMiniCartWrapperContent + itemHtml; } oldItems.remove(); miniCartWrapper.prepend(newMiniCartWrapperContent); $('.cart__subtotal .money').html(`$ ${(cart.total_price / 100).toFixed(2)} ${ cart.currency }`); } if (_config.cartTotalSelector && $(_config.cartTotalSelector).size()) { if (typeof Currency !== 'undefined' && typeof Currency.moneyFormats !== 'undefined') { var newCurrency = ''; if ($('[name="currencies"]').size()) { newCurrency = $('[name="currencies"]').val(); } else if ($('#currencies span.selected').size()) { newCurrency = $('#currencies span.selected').attr('data-currency'); } if (newCurrency) { $(_config.cartTotalSelector).html('<span class=money>' + Shopify.formatMoney(Currency.convert(cart.total_price, "CAD", newCurrency), Currency.money_format[newCurrency]) + '</span>'); } else { $(_config.cartTotalSelector).html(Shopify.formatMoney(cart.total_price, "<span class=money>$ {{amount}} CAD</span>")); } } else { $(_config.cartTotalSelector).html(Shopify.formatMoney(cart.total_price, "<span class=money>$ {{amount}} CAD</span>")); } }; }); }, error: function(XMLHttpRequest) { var response = eval('(' + XMLHttpRequest.responseText + ')'); response = response.description; if (response.slice(0,4) === 'All ') { _showFeedback('error', response.replace('All 1 ', 'All '), $addToCartForm); $addToCartBtn.prop('disabled', false); _setText($addToCartBtn, _config.soldOutBtnLabel); $addToCartBtn.prop('disabled',true); } else { _showFeedback('error', '<i class="fa fa-warning"></i> ' + response, $addToCartForm); $addToCartBtn.prop('disabled', false).removeClass('disabled'); _setText($addToCartBtn, _config.addToCartBtnLabel); } } }); return false; }); }); }; return { init: function(params) { // Configuration params = params || {}; // Merging with defaults. $.extend(_config, params); // Action $(function() { _init(); }); }, getConfig: function() { return _config; } } })(jQuery); Shopify.AjaxifyCart.init(); </script> <link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet" type="text/css" media="all" /> <style> .ajaxified-cart-feedback { display: block; line-height: 36px; font-size: 90%; vertical-align: middle; } .ajaxified-cart-feedback.success { color: #3D9970; } .ajaxified-cart-feedback.error { color: #FF4136; } .ajaxified-cart-feedback a { border-bottom: 1px solid; } </style> <div id="errorJs" class="modal fade" style="display: none;"> <div class="modal-dialog"> <div class="modal-content"></div> </div> </div> <div id="loading" class="loading_site" style="display: none;"></div> <div id="fb-root"></div> <section id="off-canvas-nav" class="apollo-megamenu"> <nav class="offcanvas-mainnav"> <div id="off-canvas-button"> <span class="off-canvas-nav"><i class="fa fa-close"></i></span> Fermer <button type="button" class="navbar-toggle1 btn-menu-canvas open" data-toggle="offcanvas" data-target="#off-canvas-nav"> <span class="sr-only">Toggle navigation</span> <span class="fa fa-bars" style="font-size:15px!important;"> <span class="navi"> menu</span></span> </button> </div> <ul class="nav navbar-nav megamenu"> <li class=""> <a class="" href="/pages/bio" title="À Propos" target="_self"> <span class="">À Propos</span> </a> </li> <li class="parent dropdown "> <a class="has-category" href="/pages/boutique" title="Boutique" target="_self"> <span class="">Boutique</span> </a> <div class="dropdown-toggle" data-toggle="dropdown"></div> <div class="dropdown-menu level1"> <ul> <li class=""> <a class="" href="/pages/impressions" title="Impressions"> <span class="">Impressions</span> </a> </li> <li class=""> <a class="" href="/collections/original" title="Originaux"> <span class="">Originaux</span> </a> </li> <li class=""> <a class="" href="/products/art-book-mod-fred-jourdain" title="Livre"> <span class="">Livre</span> </a> </li> <li class=""> <a class="" href="/products/certificat-cadeau-test" title="Certificat cadeau"> <span class="">Certificat cadeau</span> </a> </li> </ul> </div> </li> <li class="parent dropdown "> <a class="has-category" href="https://fredjourdain.com/pages/archives" title="Archives" target="_self"> <span class="">Archives</span> </a> <div class="dropdown-toggle" data-toggle="dropdown"></div> <div class="dropdown-menu level1"> <ul> <li class=""> <a class="" href="https://fredjourdain.com/pages/mod" title="2024 MOD"> <span class="">2024 MOD</span> </a> </li> <li class=""> <a class="" href="/pages/histoires" title="2019 Des histoires"> <span class="">2019 Des histoires</span> </a> </li> <li class=""> <a class="" href="/pages/methodeformat" title="2019 Une méthode"> <span class="">2019 Une méthode</span> </a> </li> <li class=""> <a class="" href="https://fredjourdain.com/pages/des-murales" title="2018 Des Murales"> <span class="">2018 Des Murales</span> </a> </li> <li class=""> <a class="" href="/pages/affiches_feq_2017" title="2017 Le Festival d'été de Québec: Affiches"> <span class="">2017 Le Festival d'été de Québec: Affiches</span> </a> </li> <li class=""> <a class="" href="/pages/basse_red_hot_chili_peppers" title="2016 Red Hot Chili Peppers: Une Basse"> <span class="">2016 Red Hot Chili Peppers: Une Basse</span> </a> </li> <li class=""> <a class="" href="https://fredjourdain.com/pages/troududiable_entrevue" title="2013-2016 Le Trou du Diable"> <span class="">2013-2016 Le Trou du Diable</span> </a> </li> <li class=""> <a class="" href="/pages/je-me-souviendrai" title="2012 Je me souviendrai"> <span class="">2012 Je me souviendrai</span> </a> </li> <li class="active"> <a class="" href="/pages/dragon-bleu-entrevue" title="2009-2011 Le Dragon bleu"> <span class="">2009-2011 Le Dragon bleu</span> </a> </li> <li class=""> <a class="" href="/pages/personnages" title="2005-2009 Des personnages"> <span class="">2005-2009 Des personnages</span> </a> </li> </ul> </div> </li> <li class="parent dropdown "> <a class="has-category" href="#" title="Publications" target="_self"> <span class="">Publications</span> </a> <div class="dropdown-toggle" data-toggle="dropdown"></div> <div class="dropdown-menu level1"> <ul> <li class=""> <a class="" href="/pages/projets-dragon-bleu" title="Le Dragon bleu"> <span class="">Le Dragon bleu</span> </a> </li> <li class=""> <a class="" href="/pages/je-me-souviendrai-publication" title="Je me souviendrai"> <span class="">Je me souviendrai</span> </a> </li> <li class=""> <a class="" href="/products/art-book-mod-fred-jourdain" title="Art Book MOD"> <span class="">Art Book MOD</span> </a> </li> </ul> </div> </li> <li class=""> <a class="" href="/pages/contacts" title="Contact" target="_self"> <span class="">Contact</span> </a> </li> </ul> </nav> </section> <script src="//fredjourdain.com/cdn/shop/t/17/assets/plugin.js?v=30787033233146372491529856934" type="text/javascript"></script> <script type="text/javascript"> Shopify.Products.recordRecentlyViewed(); </script> <script src="/services/javascripts/currencies.js" type="text/javascript"></script> <script src="//fredjourdain.com/cdn/shop/t/17/assets/jquery.currencies.min.js?v=30321906837909522691529856920" type="text/javascript"></script> <script type="text/javascript"> // Pick your format here: // Can be 'money_format' or 'money_with_currency_format' Currency.format = 'money_format'; var shopCurrency = 'CAD'; var cookieCurrency = Currency.cookie.read(); // Fix for customer account pages jQuery('span.money span.money').each(function() { jQuery(this).parent('span.money').removeClass('money'); }); // Add precalculated shop currency to data attribute jQuery('span.money').each(function() { jQuery(this).attr('data-currency-CAD', jQuery(this).html()); }); // Select all your currencies buttons. var buttons = jQuery('#currencies a'); var currentCurrencies = jQuery('#pre-currencies'); // When the page loads. if (cookieCurrency == null || cookieCurrency == shopCurrency) { Currency.currentCurrency = shopCurrency; } else { Currency.currentCurrency = cookieCurrency; Currency.convertAll(shopCurrency, cookieCurrency); buttons.removeClass('selected'); jQuery('#currencies a[data-currency=' + cookieCurrency + ']').addClass('selected'); var htmlCurrently = jQuery('#currencies a[data-currency=' + cookieCurrency + ']').html(); currentCurrencies.html(htmlCurrently); do_multi_currency_warning(Currency.currentCurrency, shopCurrency); } // When customer clicks on a currency button. buttons.click(function() { buttons.removeClass('selected'); jQuery(this).addClass('selected'); var newCurrency = jQuery(this).attr('data-currency'); var htmlCurrently = jQuery(this).html(); currentCurrencies.html(htmlCurrently); Currency.convertAll(Currency.currentCurrency, newCurrency); do_multi_currency_warning(Currency.currentCurrency, shopCurrency); }); // For product options. var original_selectCallback = window.selectCallback; var selectCallback = function(variant, selector) { original_selectCallback(variant, selector); Currency.convertAll(shopCurrency, jQuery('#currencies a.selected').attr('data-currency')); do_multi_currency_warning(Currency.currentCurrency, shopCurrency); }; // do this each time you recalculate or page load do_multi_currency_warning(Currency.currentCurrency, shopCurrency); // a function to make the cart better when choosing different currencies // explained in step 7 below function do_multi_currency_warning(currentCurrency, shopCurrency) { jQuery('.selected-currency').text(Currency.currentCurrency); if (currentCurrency != shopCurrency){ jQuery('.multi-currency-warning').text('*'); jQuery('.multi-currency-warning-bottom').show(); } else{ jQuery('.multi-currency-warning').text(''); jQuery('.multi-currency-warning-bottom').hide(); } } </script> <script> // (c) Copyright 2016 Caroline Schnapp. All Rights Reserved. Contact: mllegeorgesand@gmail.com // See https://docs.shopify.com/themes/customization/navigation/link-product-options-in-menus var Shopify = Shopify || {}; Shopify.optionsMap = {}; Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery('.single-option-selector:eq(0)'); break; case 1: var key = jQuery('.single-option-selector:eq(0)').val(); var selector = jQuery('.single-option-selector:eq(1)'); break; case 2: var key = jQuery('.single-option-selector:eq(0)').val(); key += ' / ' + jQuery('.single-option-selector:eq(1)').val(); var selector = jQuery('.single-option-selector:eq(2)'); } var initialValue = selector.val(); selector.empty(); var availableOptions = Shopify.optionsMap[key]; for (var i=0; i<availableOptions.length; i++) { var option = availableOptions[i]; var newOption = jQuery('<option></option>').val(option).html(option); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. for (var i=0; i<product.variants.length; i++) { var variant = product.variants[i]; if (variant.available) { // Gathering values for the 1st drop-down. Shopify.optionsMap['root'] = Shopify.optionsMap['root'] || []; Shopify.optionsMap['root'].push(variant.option1); Shopify.optionsMap['root'] = Shopify.uniq(Shopify.optionsMap['root']); // Gathering values for the 2nd drop-down. if (product.options.length > 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(".single-option-selector:eq(0)").change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(".single-option-selector:eq(1)").change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; </script> <script src="//fredjourdain.com/cdn/shop/t/17/assets/master.js?v=32375088952918248841720270282" type="text/javascript"></script> <script src="//fredjourdain.com/cdn/shopifycloud/shopify/assets/themes_support/option_selection-86cdd286ddf3be7e25d68b9fc5965d7798a3ff6228ff79af67b3f4e41d6a34be.js" type="text/javascript"></script> <script src="//fredjourdain.com/cdn/shop/t/17/assets/owl.carousel.min.js?v=75813715580695946121529856922" type="text/javascript"></script> <script src="//fredjourdain.com/cdn/shop/t/17/assets/underscore-min.js?v=178136475119586886651529856925" type="text/javascript"></script> <script src="//fredjourdain.com/cdn/shop/t/17/assets/theme.js?v=153423261209784987151529856924" type="text/javascript"></script> <script> // (c) Copyright 2016 Caroline Schnapp. All Rights Reserved. Contact: mllegeorgesand@gmail.com // See https://docs.shopify.com/themes/customization/navigation/link-product-options-in-menus var Shopify = Shopify || {}; Shopify.optionsMap = {}; Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery('.single-option-selector:eq(0)'); break; case 1: var key = jQuery('.single-option-selector:eq(0)').val(); var selector = jQuery('.single-option-selector:eq(1)'); break; case 2: var key = jQuery('.single-option-selector:eq(0)').val(); key += ' / ' + jQuery('.single-option-selector:eq(1)').val(); var selector = jQuery('.single-option-selector:eq(2)'); } var initialValue = selector.val(); selector.empty(); var availableOptions = Shopify.optionsMap[key]; for (var i=0; i<availableOptions.length; i++) { var option = availableOptions[i]; var newOption = jQuery('<option></option>').val(option).html(option); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. for (var i=0; i<product.variants.length; i++) { var variant = product.variants[i]; if (variant.available) { // Gathering values for the 1st drop-down. Shopify.optionsMap['root'] = Shopify.optionsMap['root'] || []; Shopify.optionsMap['root'].push(variant.option1); Shopify.optionsMap['root'] = Shopify.uniq(Shopify.optionsMap['root']); // Gathering values for the 2nd drop-down. if (product.options.length > 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(".single-option-selector:eq(0)").change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(".single-option-selector:eq(1)").change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; </script> <input type="hidden" id="656565115116111114101" data-customer-id="" data-customer-email="" data-customer-name=" "/> </body> </html>

CINXE.COM

Entrevue - Le Dragon Bleu - Fred Jourdain – Fred Jourdain - Affranchi - Illustrations