Méthode - Entrevue - Fred Jourdain – Fred Jourdain - Affranchi

<!doctype html>      <html class="no-js">  <head> <title> Méthode - Entrevue - 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/?17912"; window.asset_url = "//fredjourdain.com/cdn/shop/t/17/assets/?17912"; 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_67CtPaSz.fr.esm.js","modules/v2/chunk.common_CZeEKM-z.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_CziIhT4c.fr.esm.js","modules/v2/chunk.common_CZeEKM-z.esm.js","modules/v2/chunk.modal_DZlLDCvP.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_CDgWbqW4.fr.esm.js","modules/v2/chunk.common_CZeEKM-z.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_BV0CZ_aM.fr.esm.js","modules/v2/chunk.common_CZeEKM-z.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_9skNMPDM.fr.esm.js","modules/v2/client.shop-login-button_P0x0SmMJ.fr.esm.js","modules/v2/chunk.common_CZeEKM-z.esm.js","modules/v2/chunk.modal_DZlLDCvP.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_CJWsPjG6.fr.esm.js","modules/v2/chunk.common_CZeEKM-z.esm.js","modules/v2/chunk.modal_DZlLDCvP.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.fr.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_BcWUOr25.fr.esm.js","modules/v2/client.shop-login-button_P0x0SmMJ.fr.esm.js","modules/v2/chunk.common_CZeEKM-z.esm.js","modules/v2/chunk.modal_DZlLDCvP.esm.js"],"pay-button":["modules/v2/client.pay-button_Dlramkjj.fr.esm.js","modules/v2/chunk.common_CZeEKM-z.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_Cy257KdD.fr.esm.js","modules/v2/client.shop-login-button_P0x0SmMJ.fr.esm.js","modules/v2/chunk.common_CZeEKM-z.esm.js","modules/v2/chunk.modal_DZlLDCvP.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_P0x0SmMJ.fr.esm.js","modules/v2/chunk.common_CZeEKM-z.esm.js","modules/v2/chunk.modal_DZlLDCvP.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_DmQEKKxi.fr.esm.js","modules/v2/chunk.common_CZeEKM-z.esm.js","modules/v2/chunk.modal_DZlLDCvP.esm.js"],"lead-capture":["modules/v2/client.lead-capture_DXVnAuGn.fr.esm.js","modules/v2/chunk.common_CZeEKM-z.esm.js","modules/v2/chunk.modal_DZlLDCvP.esm.js"],"payment-terms":["modules/v2/client.payment-terms_CF6p7kil.fr.esm.js","modules/v2/chunk.common_CZeEKM-z.esm.js","modules/v2/chunk.modal_DZlLDCvP.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":"1b4b21fe-5d4d-4f9e-87f8-cbecb4eecd3d-1740226782","pageurl":"fredjourdain.com\/pages\/methodeformat","s":"pages-887291920","u":"ef1170608620","p":"page","rtyp":"page","rid":887291920};</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 = 'shortcode-';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/methodeformat"> <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="Méthode - Entrevue - Fred Jourdain" /> <meta property="og:image" content="https://ucarecdn.com/4ec40f56-0520-456f-a1f2-0e4a86c1746c/-/format/auto/-/stretch/off/-/resize/3000x/-/quality/lighter/" /> <meta property="og:image:width" content="2437" /> <meta property="og:image:height" content="1428" /> <meta property="og:description" content="« Une scène que j'aimerais dessiner : un couple, amoureux devant la fin du monde. Comment est-ce que je fais ça, sans que ce soit trop cliché ? »" /> <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":887291920}}; 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":887291920,"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="methode-entrevue-fred-jourdain" class="template-shortcode" > <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="active"> <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=""> <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="5a8cd56cbcbdd800a5d0daa8" data-shogun-site-id="a8f8490c-0596-4bcf-8b05-6eeac84c9aad" data-shogun-page-id="5a8cd56cbcbdd800a5d0daa8" data-shogun-page-version-id="675fb0422ed708a3664ae015" data-shogun-platform-type="shopify" data-shogun-variant-id="675fb0422ed708a3664ae650" 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/675fb0422ed708a3664ae015_675fb0422ed708a3664ae650.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 class="shg-c " id="s-80fd0a98-5f67-4dff-9365-15572891bd0e"> <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-4b266da9-5ad0-45d3-a85d-41d91b472d0e"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div class="shg-c shogun-image-container shg-align-center" style="opacity: 1;" id="s-fc8aa42a-f9e0-49e1-833c-030d64309c7d"> <img src="https://ucarecdn.com/2a429eb5-e3cb-444c-aa51-d925e89cd83a/-/format/auto/-/stretch/off/-/resize/3000x/-/quality/lighter/" width="" height="" style="" alt="" class="shogun-image " decoding="async" loading="eager"> </div> <script class="__SHG_DATA__" type="application/json"> { "__shgImageElements": { "uuid": "s-fc8aa42a-f9e0-49e1-833c-030d64309c7d" } } </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-cb20591f-c434-4d1c-93f2-602ba8a8fab0"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <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;">Méthode </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-box-vertical-align-wrapper"> <div class="shg-box shg-c lignepo " id="s-cd53b2b0-430d-4fe3-9294-b0d223087db0"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> </div> </div> </div> <div id="s-215c723f-8fe1-4cbd-99f8-4c90a341cc7f" class="shg-c textepara "> <div class="shg-rich-text shg-theme-text-content"><p>La méthode de Fred s'apparente souvent à une forme de collage d'idées, de thèmes et de lieux. Comme dans une chanson, il y a dans ses tableaux des associations libres qui expriment quelque chose de plus profond que ce qui apparaît au premier coup d'oeil. En marchant dans le parc Cartier-Brébeuf avec lui un soir, j'ai tenté d'en savoir un peu plus sur son cheminement créatif et les différentes étapes de l'élaboration d'une image. </p></div> </div> <div id="s-1af31771-d974-4cda-a481-297bd71d247a" class="shg-c textepara "> <div class="shg-rich-text shg-theme-text-content"> <p><strong>Quels chemins tes idées empruntent-elle avant d'aboutir à une image finale ? D'un projet à l'autre, ton approche est-elle la même?</strong></p> <p> </p> <p>Je commence d'habitude en tentant, à l'aide d'esquisses, de créer un mood particulier. Ça prend la forme de plusieurs croquis, plusieurs petites vignettes sur une ou plusieurs pages. Ces vignettes sont des tests de composition.</p> <p> </p> <p>J'y travaille jusqu'à ce que j'ai l'impression d'avoir quelque chose qui me plaît et qui communique bien l'essence de l'idée que je tente d'illustrer. Je pars ensuite du croquis choisi et je le travaille plus sérieusement, en plus grand et je précise les zones floues en ajoutant des détails. C'est ici que la recherche apparaît, un peu comme pour a direction artistique d'un film.</p> </div> </div> </div> </div> </div> </div> </div> </div> <div id="s-4a7efcf8-383e-436a-bf43-01304dd41447" class="shg-c "> <div class="shg-hr-wrapper"> <hr> </div> </div> </div> </div> </div> <div class="shg-c " id="s-9ff2b684-92a0-4eb8-956f-56bc8d513226"> <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 riri shg-align-center" style="opacity: 1;" id="s-fc2170c3-be1f-436f-a459-da4ff966946e"> <img src="https://ucarecdn.com/355fe461-2825-47ba-b30c-e884134f4fef/-/format/auto/-/stretch/off/-/resize/3000x/-/quality/lighter/" width="" height="" style="border-radius: 0px;" alt="" class="shogun-image " decoding="async" loading="lazy"> </div> <script class="__SHG_DATA__" type="application/json"> { "__shgImageElements": { "uuid": "s-fc2170c3-be1f-436f-a459-da4ff966946e" } } </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-d88f30ab-aea2-433a-900c-9369bca0b475"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div id="s-495008ca-e9da-40b9-89a3-a2b96da7a536" class="shg-c textepara "> <div class="shg-rich-text shg-theme-text-content"> <p>Tout ce qui n'est pas dans le dessin, ce qui s'est passé avant cette scène et ce qui peut arriver ensuite peut être suggéré par des éléments dans l'illustration au besoin.</p> <p> </p> <p>C'est une des parties de mon travail qui me passionne le plus. Si c'est bien réussi, personne n'aura besoin de plus d'explications que ce que le dessin montre et suggère.</p> <p> </p> <p><strong>Quelles sont tes sources lorsque tu es en phase de recherche pour une illustration ? </strong></p> <p> </p> <p>Ça implique beaucoup de bouquinage. Par exemple, si je dessine un vêtement particulier, au début c'est quelques lignes, mais je peux ensuite passer deux jours à me documenter sur l'histoire de ce vêtement, les différents modèles, l'historique derrière tout ça. C'est souvent assez fascinant. Lorsque je fais ça, je vais voir des sources historiques, des livres de photos, de peinture, des magazines de mode, etc. </p> </div> </div> </div> </div> </div> </div> </div> </div> <div id="s-99c38f5e-e066-49ab-bbfd-19e6490fd341" 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/74e87b19-2bf4-49b2-9818-b374fb6840fb/-/format/auto/-/stretch/off/-/resize/3000x/-/quality/lighter/" id="s-d70e3142-0cf0-4428-88e7-2309dcee9c37"> <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-d7e3b44e-5477-4233-b8f1-71b2616a9fdc"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div id="s-6d74aa2d-4525-43b1-b503-a87506e1869f" class="shg-c textepara "> <div class="shg-rich-text shg-theme-text-content"> <p><span style="color:#ffffff">Ça m'aide à bien documenter ce que je fais et ça me donne des idées… Le dragon bleu m'a obligé à fonctionner ainsi, à développer une méthode. Je devais, pour ce projet, dessiner la Chine moderne, une Chine que je ne connaissais pas du tout et où je ne suis jamais allé. Il fallait que je le fasse bien. J'ai passé énormément de temps là-dessus. Tout a été recherché dans les moindres détails. J'ai beaucoup apprécié cette partie du travail et maintenant j'applique cette méthode à chacun de mes projets.</span></p> </div> </div> </div> </div> </div> </div> </div> </div> <div class="shg-c " id="s-93a7a958-c7d2-4276-adec-ed8d0ef3fab7"> <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-c shogun-image-container shg-align-center" style="opacity: 1;" id="s-e0c90cbf-32e8-48b0-882f-7c796d46e808"> <img src="https://ucarecdn.com/b9c14f6f-3457-48d1-bb0b-4aba4977381f/-/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-e0c90cbf-32e8-48b0-882f-7c796d46e808" } } </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-eadfc887-3376-4d75-88c2-a31020e52e38"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div id="s-25bc0c45-23ee-4ab1-8a93-fd688bff579b" class="shg-c textepara "> <div class="shg-rich-text shg-theme-text-content"> <p>Parlant d'archétypes, j'ai récemment commencé à fouiller sur<em> la commedia dell'arte </em>et ses personnages. Scaramouche, Pierrot et les autres, je trouve ça intéressant ! J'aime voir d'où ça vient et comment ça se transforme dans le temps au théâtre et au cinéma. J'aime pouvoir m'inspirer de contenus de ce genre pour ajouter un sous-texte à mes dessins, sans toutefois l'expliciter. Pour moi, ces ajouts ne sont jamais anodins, ils contribuent toujours au sens plus large de l'illustration. </p> <p> </p> <p><strong>Tu mentionnes quelques noms de photographes. Tu parles aussi beaucoup de musique, de cinéma et de mode. On a peu parlé de dessinateurs qui t'inspirent, y en a-t-il ? </strong></p> <p> </p> <p>Ces temps-ci, je suis plus dans la peinture et il y a un peintre que j'apprécie beaucoup : Caspar David Friedrich. Je ne le connaissais pas avant, c'est vraiment récent. On m'a souvent parlé de lui en lien avec mon dessin <a href="https://affranchi.myshopify.com/collections/hors-series/products/rooftop-inspiration"><em>Rooftop Inspiration</em></a>. </p> <p> </p> <p>Comme la référence revenait souvent, j'ai fini par aller voir et j'ai tout de suite vu la similitude entre mon illustration et la toile de ce peintre où il y a un personnage devant une tempête sur la côte. Je me suis acheté un livre sur son œuvre et ça me parle énormément. Sa façon de composer ses toiles est proche de la mienne et d'une certaine façon, ses thèmes aussi. Autre époque, mêmes fétiches ?</p> </div> </div> </div> </div> </div> </div> </div> </div> <div id="s-12143087-1d84-4652-8ac2-d0406d4b52da" 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/1c0b5b4b-a30a-4de4-b403-c53fe9f57428/-/format/auto/-/stretch/off/-/resize/3000x/-/quality/lighter/" id="s-198da795-46ba-4820-b0a2-c333a60841f1"> <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-94464a4a-36da-4403-841e-a96afe89c5bc"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div id="s-80d3737f-c364-4538-9659-8866e9ba40dc" class="shg-c textepara "> <div class="shg-rich-text shg-theme-text-content"> <p>Je n'ai pas de formation en art plastique ou en histoire de l'art. C'est à force de fouiller que je découvre ces artistes qui nous ont précédés. Je pousse plus du côté de l'histoire de l'art que je ne le faisais avant et c'est plaisant, ça me donne l'impression d'une certaine cohérence dans ce que je fais et ça outille ma réflexion sur la façon dont je travaille.</p> <p> </p> <p>Sinon, les dessinateurs qui m'inspirent sont nombreux : Norman Rockwell, Bernie Fuchs et Edward Hopper, mais aussi Moebius, Bilal, Ottomo, Fred (Philémon), Hugo Pratt, Jamie Hewlett… Il y a tellement de bons artistes !</p> <p> </p> <p><strong>On parlait d'archétypes plus tôt. Y a-t-il des époques et/ou des personnages qui reviennent souvent dans tes œuvres ? </strong></p> <p> </p> <p>Oui, c'est souvent des observateurs ou des voyageurs pensifs. Dans <a href="http://Parlant%20d'arch%C3%A9types,%20j'ai%20r%C3%A9cemment%20commenc%C3%A9%20%C3%A0%20fouiller%20sur%20la%20commedia%20dell'arte%20et%20ses%20personnages.%20Scaramouche,%20Pierrot%20et%20les%20autres,%20je%20trouve%20%C3%A7a%20int%C3%A9ressant%20!%20J'aime%20voir%20d'o%C3%B9%20%C3%A7a%20vient%20et%20comment%20%C3%A7a%20se%20transforme%20dans%20le%20temps%20au%20th%C3%A9%C3%A2tre%20et%20au%20cin%C3%A9ma.%20J'aime%20pouvoir%20m'inspirer%20de%20contenus%20de%20ce%20genre%20pour%20ajouter%20un%20sous-texte%20%C3%A0%20mes%20dessins,%20sans%20toutefois%20l'expliciter.%20Pour%20moi,%20ces%20ajouts%20ne%20sont%20jamais%20anodins,%20ils%20contribuent%20toujours%20au%20sens%20plus%20large%20de%20l'illustration.%C2%A0%20Tu%20mentionnes%20quelques%20noms%20de%20photographes.%20Tu%20parles%20aussi%20beaucoup%20de%20musique,%20de%20cin%C3%A9ma%20et%20de%20mode.%20On%20a%20peu%20parl%C3%A9%20de%20dessinateurs%20qui%20t'inspirent,%20y%20en%20a-t-il%20?%C2%A0%20Ces%20temps-ci,%20je%20suis%20plus%20dans%20la%20peinture%20et%20il%20y%20a%20un%20peintre%20que%20j'appr%C3%A9cie%20beaucoup%20:%20Caspar%20David%20Friedrich.%20Je%20ne%20le%20connaissais%20pas%20avant,%20c'est%20vraiment%20r%C3%A9cent.%20On%20m'a%20souvent%20parl%C3%A9%20de%20lui%20en%20lien%20avec%20mon%20dessin%20Rooftop%20Inspiration.%C2%A0%20Comme%20la%20r%C3%A9f%C3%A9rence%20revenait%20souvent,%20j'ai%20fini%20par%20aller%20voir%20et%20j'ai%20tout%20de%20suite%20vu%20la%20similitude%20entre%20mon%20illustration%20et%20la%20toile%20de%20ce%20peintre%20o%C3%B9%20il%20y%20a%20un%20personnage%20devant%20une%20temp%C3%AAte%20sur%20la%20c%C3%B4te.%20Je%20me%20suis%20achet%C3%A9%20un%20livre%20sur%20son%20%C5%93uvre%20et%20%C3%A7a%20me%20parle%20%C3%A9norm%C3%A9ment.%20Sa%20fa%C3%A7on%20de%20composer%20ses%20toiles%20est%20proche%20de%20la%20mienne%20et%20d'une%20certaine%20fa%C3%A7on,%20ses%20th%C3%A8mes%20aussi.%20Autre%20%C3%A9poque,%20m%C3%AAmes%20f%C3%A9tiches%20?"><em>Rooftop</em>,</a> le personnage est dans la neige à New York, entouré par la ville et ses buildings. Dans <a href="https://affranchi.myshopify.com/collections/hors-series/products/beyound"><em>Beyond the Boundaries</em>,</a> la fille est dans le désert et regarde vers l'horizon, comme si elle s'apprêtait à affronter une tempête, à poser un geste de non-retour. On retrouve beaucoup ce genre de personnages dans mes dessins pour <em>Le dragon bleu</em>, surtout dans les scènes de transitions qui ne sont pas dans la pièce originale et que j'ai ajoutées pour donner plus de relief aux personnages en marge des scènes de dialogues. </p> <p> </p> <p>Ces ellipses qui isolent les personnages sont une sorte de temps morts qui ajoutent une tension dramatique à l'histoire.<br> <strong> </strong></p> </div> </div> </div> </div> </div> </div> </div> </div> <div id="s-93e58c8e-7456-435e-a4b6-eba9ef793466" 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/3b441603-d7d4-4b3c-ab89-eeba89d96b8f/-/format/auto/-/stretch/off/-/resize/3000x/-/quality/lighter/" id="s-1b96b2ef-f465-4446-8b5f-edab082c9c4b"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c " id="s-f1c947d9-2369-4d05-a713-2cc00e7d180b"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div id="s-d6343ca2-a10c-460e-8cbb-34e330c6d074" class="shg-c textepara "> <div class="shg-rich-text shg-theme-text-content"> <p><strong>On te l'a certainement demandé souvent : penses-tu refaire de la BD un jour ?</strong></p> <p> </p> <p>Ce que je n'aime pas de la BD, c'est la longueur de l'exécution des planches une fois le travail de recherche, de scénarisation et de découpage terminé. En fait, ça me donne l'impression de devoir jouer au scribe. Peut-être que je ne suis pas assez patient, peut-être aussi que j'aime me donner la liberté de pouvoir errer d'un style à l'autre… Dans tous les cas, en ce moment j'aime mieux faire des séries d'images qui racontent l'essentiel d'une histoire en laissant le soin aux gens d'imaginer le reste. </p> <p> </p> <p>J'ai fait <em>Le dragon bleu</em>, ce qui représente 200 pages de dessin. J'ai vu ce que c'était et je ne pense pas avoir le tempérament pour faire ça toute ma vie. J'aime quand ça bouge. Dessiner, ça prend de la patience et de la concentration et je ne suis pas champion dans l'un comme dans l'autre, haha ! Mais bon, qui sait, il ne faut jamais dire jamais ! </p> </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-cba58784-543d-447a-8c77-8544f387d4a0"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div id="s-ec8e7c4e-45b2-4e91-98f3-6e13e6e6f734" 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-db673995-cc00-42c9-a963-eab155c4b21f" 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-4dd5f3a9-ea0f-4c92-83d4-58d7d3897908"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> </div> </div> </div> <div id="s-7761d578-8a42-4ee2-a880-fb9c3b370582" 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-db7c99bc-572e-4367-8c6d-7290c640bf7a" class="shg-c "> <div class="sharethis-inline-share-buttons"></div> </div> <div id="s-963a488e-b14c-45a2-bed5-b978548b702b" 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-box-vertical-align-wrapper"> <div class="shg-box shg-c " id="s-7e5797cc-4cbd-4b30-910e-6b12ff340a6a"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div class="shg-c " id="s-4838e46d-005f-4405-9ce8-8a0e981140ab"> <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-d18b841a-6d4f-4e09-b385-f148c1d7f7b4"> <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-c62d71f1-c329-4d8e-b01d-cbcc0988666d"> <a class="shogun-image-link" href="https://affranchi.myshopify.com/pages/personnages"> <img src="https://ucarecdn.com/06460e57-dd2b-49b8-9736-d704cc0190ed/-/format/auto/-/preview/3000x3000/-/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-c62d71f1-c329-4d8e-b01d-cbcc0988666d" } } </script> </div> </div> </div> <div id="s-d47a855e-4085-4a75-bd01-6273354f40b1" class="shg-c blog-item "> <div class="shg-rich-text shg-theme-text-content"><h4><a href="https://affranchi.myshopify.com/pages/personnages">des Personnages</a></h4></div> </div> <div id="s-74cebb00-9ac7-4664-96eb-3fdb9741d90f" class="shg-c blog-shortinfo "> <div class="shg-rich-text shg-theme-text-content"><p><a href="https://affranchi.myshopify.com/pages/personnages">Leloup, Dylan, Miles et les autres, c’est la même chose. C’est leur personnalité propre qui définit leur art et leurs discours. C’est ce qui les rend intéressant...</a></p></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-a7da4c02-e2dc-484b-9662-2608315cd1b1"> <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-d1f43144-1103-4ea2-8a86-a16d92bb0b93"> <a class="shogun-image-link" href="https://affranchi.myshopify.com/pages/histoires"> <img src="https://ucarecdn.com/a4099456-3ce4-4b24-b638-e65ffc473e6e/-/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-d1f43144-1103-4ea2-8a86-a16d92bb0b93" } } </script> <div id="s-543276ee-2fdc-4378-9bf4-d9de75426927" class="shg-c blog-item "> <div class="shg-rich-text shg-theme-text-content"><h4> <a href="https://affranchi.myshopify.com/pages/histoires">Des histoire</a>s</h4></div> </div> <div id="s-aee0f316-8ba6-4ddb-8b3f-ab38c9ee9859" class="shg-c blog-shortinfo "> <div class="shg-rich-text shg-theme-text-content"><p><a href="https://affranchi.myshopify.com/pages/histoires">Je suis très inspiré par le travail de certains photographes et illustrateurs qui ont œuvré depuis une centaine d'années pour des magazines...</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-b7c1afea-9b7f-4967-8d7f-f7314f41aa11"> <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-18e42ad9-2fba-4eaa-a7c4-ce5329b87391"> <a class="shogun-image-link" href="https://affranchi.myshopify.com/pages/dragon-bleu-entrevue"> <img src="https://ucarecdn.com/33cf2849-05a6-4c82-83cb-44e53122dde4/-/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-18e42ad9-2fba-4eaa-a7c4-ce5329b87391" } } </script> </div> </div> </div> <div id="s-133d5d81-eb42-4b43-9c66-70590a12eb98" class="shg-c blog-item "> <div class="shg-rich-text shg-theme-text-content"> <h4><a href="https://affranchi.myshopify.com/pages/dragon-bleu-entrevue">Entrevue - Le Dragon bleu</a></h4> </div> </div> <div id="s-d34ab06e-16fc-4888-8a60-ef7c3c13d176" class="shg-c blog-shortinfo "> <div class="shg-rich-text shg-theme-text-content"> <p><a href="https://affranchi.myshopify.com/pages/dragon-bleu-entrevue">J'avais aussi besoin de comprendre comment dessiner Pierre, le personnage principal, alors je me suis coupé les cheveux comme lui et [...]</a></p> <p> </p> </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-757fc576-13ec-4f88-b34e-4f2fba59914c"> <a class="shogun-image-link" href="https://affranchi.myshopify.com/pages/basse_red_hot_chili_peppers"> <img src="https://ucarecdn.com/8f73daca-4dd4-453b-a60e-b72c1d9b745f/-/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-757fc576-13ec-4f88-b34e-4f2fba59914c" } } </script> <div id="s-e802443f-2c41-4603-adba-7d1bed0c13b5" class="shg-c blog-item "> <div class="shg-rich-text shg-theme-text-content"><h4><a href="https://affranchi.myshopify.com/pages/basse_red_hot_chili_peppers">Red Hot chili peppers: Une basse</a></h4></div> </div> <div id="s-5c8b1e17-361a-4673-aab7-f1bdcc174f71" class="shg-c blog-shortinfo "> <div class="shg-rich-text shg-theme-text-content"><p><a href="https://affranchi.myshopify.com/pages/basse_red_hot_chili_peppers">It’s gonna get played ! - Flea ...</a></p></div> </div> </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-88004501-5455-4579-90d1-60554c0735a3"> <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-5912ba06-0dca-4235-802a-2109588ee912"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div id="s-ca1d6061-58ca-4db4-bbe8-ba6e59a04c92" class="shg-c "> <div class="shg-hr-wrapper"> <hr> </div> </div> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c boxit " id="s-29825145-aca0-4610-af5c-b426af8bbf80"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div id="s-28ef5a81-8146-44a8-bc92-6504c120fc5c" class="shg-c titres2 "> <div class="shg-rich-text shg-theme-text-content"> <p style="text-align:center">Méthode</p> </div> </div> <div id="s-79eb421d-4461-4978-b7fb-a53776a6fd0b" 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> </div> </div> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c height " id="s-9c8d2cfd-2038-45be-b8e9-c922bbe4d51c"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div class="shg-c shogun-image-container shg-align-center" style="opacity: 1;" id="s-7c11885b-5099-4c08-8f9d-07b5411ac776"> <img src="https://ucarecdn.com/2a429eb5-e3cb-444c-aa51-d925e89cd83a/-/format/auto/-/stretch/off/-/resize/3000x/-/quality/lighter/" width="" height="" style="" alt="" class="shogun-image " decoding="async" loading="eager"> </div> <script class="__SHG_DATA__" type="application/json"> { "__shgImageElements": { "uuid": "s-7c11885b-5099-4c08-8f9d-07b5411ac776" } } </script> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c boxit " id="s-0ea5f28d-9a16-430a-8903-8138810322c5"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div id="s-a7581595-e775-4422-8aa6-5bb979b928a8" class="shg-c textepara "> <div class="shg-rich-text shg-theme-text-content"> <p>La méthode de Fred s'apparente souvent à une forme de collage d'idées, de thèmes et de lieux. Comme dans une chanson, il y a dans ses tableaux des associations libres qui expriment quelque chose de plus profond que ce qui apparaît au premier coup d'oeil. En marchant dans le parc Cartier-Brébeuf avec lui un soir, j'ai tenté d'en savoir un peu plus sur son cheminement créatif et les différentes étapes de l'élaboration d'une image.</p> </div> </div> <div id="s-cfd664eb-ff73-4f39-98a4-0d6bfef6661c" class="shg-c textepara "> <div class="shg-rich-text shg-theme-text-content"> <p><strong>Quels chemins tes idées empruntent-elle avant d'aboutir à une image finale ? D'un projet à l'autre, ton approche est-elle la même?</strong></p> <p> </p> <p>Je commence d'habitude en tentant, à l'aide d'esquisses, de créer un mood particulier. Ça prend la forme de plusieurs croquis, plusieurs petites vignettes sur une ou plusieurs pages.</p> <p> </p> <p>Ces vignettes sont des tests de composition. J'y travaille jusqu'à ce que j'ai l'impression d'avoir quelque chose qui me plaît et qui communique bien l'essence de l'idée que je tente d'illustrer. Je pars ensuite du croquis choisi et je le travaille plus sérieusement, en plus grand et je précise les zones floues en ajoutant des détails. C'est ici que la recherche apparaît, un peu comme pour a direction artistique d'un film.</p> </div> </div> </div> </div> </div> <div class="shg-c shogun-image-container riri shg-align-center" style="opacity: 1;" id="s-204f4079-928e-4204-9c72-a1bf0bf3b9d7"> <img src="https://ucarecdn.com/355fe461-2825-47ba-b30c-e884134f4fef/-/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-204f4079-928e-4204-9c72-a1bf0bf3b9d7" } } </script> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c boxit " id="s-842f6880-3c73-467c-9418-22d10c981bc8"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div id="s-0752a0ec-79fe-442e-8bf4-dc58ad37a06d" class="shg-c textepara "> <div class="shg-rich-text shg-theme-text-content"> <p>Tout ce qui n'est pas dans le dessin, ce qui s'est passé avant cette scène et ce qui peut arriver ensuite peut être suggéré par des éléments dans l'illustration au besoin. C'est une des parties de mon travail qui me passionne le plus. Si c'est bien réussi, personne n'aura besoin de plus d'explications que ce que le dessin montre et suggère.</p> <p> </p> <p><strong>Quelles sont tes sources lorsque tu es en phase de recherche pour une illustration ? </strong></p> <p> </p> <p>Ça implique beaucoup de bouquinage. Par exemple, si je dessine un vêtement particulier, au début c'est quelques lignes, mais je peux ensuite passer deux jours à me documenter sur l'histoire de ce vêtement, les différents modèles, l'historique derrière tout ça. C'est souvent assez fascinant. Lorsque je fais ça, je vais voir des sources historiques, des livres de photos, de peinture, des magazines de mode, etc. </p> </div> </div> </div> </div> </div> </div> </div> </div> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c shogun-lazyload" data-bgset="https://ucarecdn.com/74e87b19-2bf4-49b2-9818-b374fb6840fb/-/format/auto/-/stretch/off/-/resize/3000x/-/quality/lighter/" id="s-8dc13ce4-a945-4b3f-8e31-ce5e8eca2a2d"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> </div> </div> </div> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c boxit " id="s-437c84d1-c393-4d52-8295-e04400b8363e"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div id="s-e6cfe98d-c1c7-4fe6-ae55-35a9033c0136" class="shg-c textepara "> <div class="shg-rich-text shg-theme-text-content"> <p><span style="color:#ffffff">Ça m'aide à bien documenter ce que je fais et ça me donne des idées… Le dragon bleu m'a obligé à fonctionner ainsi, à développer une méthode. Je devais, pour ce projet, dessiner la Chine moderne, une Chine que je ne connaissais pas du tout et où je ne suis jamais allé. Il fallait que je le fasse bien. J'ai passé énormément de temps là-dessus. Tout a été recherché dans les moindres détails. J'ai beaucoup apprécié cette partie du travail et maintenant j'applique cette méthode à chacun de mes projets.</span></p> </div> </div> </div> </div> </div> <div id="s-8729f520-5b4b-4867-af35-d4a34407a836" class="shg-c "> <script>$(document).ready(function(){ $('#owl-dix').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-dix"> <div> <img class="shogun-image" src="https://cdn.shopify.com/s/files/1/0001/1085/files/fred_jourdain_croquis_slide1.jpg?2911721377606900545"> </div> <div> <img class="shogun-image" src="https://ucarecdn.com/3bc15729-7ff7-4e25-924a-731707730a6a/-/format/auto/-/stretch/off/-/resize/3000x/-/quality/lighter/"> </div> <div> <img class="shogun-image" src="https://ucarecdn.com/f3dfe6e3-f89e-452d-aa47-4e6c9c3ac99d/-/format/auto/-/stretch/off/-/resize/3000x/-/quality/lighter/"> </div> <div> <img class="shogun-image" src="https://ucarecdn.com/26bed1a4-0410-49f8-a11c-f52635e71957/-/format/auto/-/stretch/off/-/resize/3000x/-/quality/lighter/"> </div> <div> <img class="shogun-image" src="https://ucarecdn.com/34f45eb0-17fb-447e-8bc2-416f8ccb65f5/-/format/auto/-/stretch/off/-/resize/3000x/-/quality/lighter/"> </div> <div> <img class="shogun-image" src="https://ucarecdn.com/314843f8-1b25-4e4a-bea8-3772abb2db94/-/format/auto/-/stretch/off/-/resize/3000x/-/quality/lighter/"> </div> </div> </div> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c boxit " id="s-921ca8e4-c102-4612-a752-9b07f4d72071"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div id="s-fac0a754-7be4-4cc9-b29c-9f79815c517e" class="shg-c textepara "> <div class="shg-rich-text shg-theme-text-content"> <p><strong>Tu mentionnes des magazines de mode. Dans quel contexte utiliserais-tu ce genre de matériel pour te documenter ? </strong></p> <p> </p> <p>Je suis très inspiré par le travail de certains photographes et illustrateurs qui ont œuvré depuis une centaine d'années pour des magazines comme Vogue. Je pense surtout ici à Horst, David Bailey et René Gruau. Le but étant de donner une personnalité à certains vêtements, on retrouve beaucoup d'attitude dans leur travail et ça me parle.</p> <p> </p> <p>Certaines de mes illustrations récentes reprennent un peu cette approche, comme ma série sur les<em> Horai,</em> qui est ma version stylisée des 4 saisons, ou bien <em><a href="https://affranchi.myshopify.com/collections/hors-series/products/aneris">Aneris</a></em>, qui est inspirée de la mythologie. Ces dessins me permettent d'expérimenter quelque chose de différent qui me plaît bien : faire une image très stylisée, mystérieuse, notamment inspirée de mythes et d'archétypes.</p> <p> </p> <p>C'est un<em> trip </em>un peu plus expressionniste. À l'instar du travail de certains designers de mode ou photographes que j'aime bien, comme Irving Penn, Helmut Newton ou Alexander McQueen, ces illustrations ont un visuel à la fois très sombre et class qui me parle beaucoup. Les compositions sont <em>bold</em>, cadrées et froides, centrées sur la force de caractère du personnage.</p> </div> </div> </div> </div> </div> <div class="shg-c shogun-image-container shg-align-center" style="opacity: 1;" id="s-12532fb6-8c03-4990-aca8-a123db46d1a5"> <img src="https://ucarecdn.com/b9c14f6f-3457-48d1-bb0b-4aba4977381f/-/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-12532fb6-8c03-4990-aca8-a123db46d1a5" } } </script> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c boxit " id="s-7641378b-31d1-4b29-92b3-501aa5fc1774"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div id="s-b57ff242-baf5-40c5-b909-f34ec30caffa" class="shg-c textepara "> <div class="shg-rich-text shg-theme-text-content"> <p>Parlant d'archétypes, j'ai récemment commencé à fouiller sur<em> la commedia dell'arte </em>et ses personnages. Scaramouche, Pierrot et les autres, je trouve ça intéressant ! J'aime voir d'où ça vient et comment ça se transforme dans le temps au théâtre et au cinéma. J'aime pouvoir m'inspirer de contenus de ce genre pour ajouter un sous-texte à mes dessins, sans toutefois l'expliciter. Pour moi, ces ajouts ne sont jamais anodins, ils contribuent toujours au sens plus large de l'illustration. </p> <p> </p> <p><strong>Tu mentionnes quelques noms de photographes. Tu parles aussi beaucoup de musique, de cinéma et de mode. On a peu parlé de dessinateurs qui t'inspirent, y en a-t-il ? </strong></p> <p> </p> <p>Ces temps-ci, je suis plus dans la peinture et il y a un peintre que j'apprécie beaucoup : Caspar David Friedrich. Je ne le connaissais pas avant, c'est vraiment récent. On m'a souvent parlé de lui en lien avec mon dessin <a href="https://affranchi.myshopify.com/collections/hors-series/products/rooftop-inspiration"><em>Rooftop Inspiration</em></a>. </p> <p> </p> <p>Comme la référence revenait souvent, j'ai fini par aller voir et j'ai tout de suite vu la similitude entre mon illustration et la toile de ce peintre où il y a un personnage devant une tempête sur la côte. Je me suis acheté un livre sur son œuvre et ça me parle énormément. Sa façon de composer ses toiles est proche de la mienne et d'une certaine façon, ses thèmes aussi. Autre époque, mêmes fétiches ?</p> </div> </div> </div> </div> </div> <div class="shg-c shogun-image-container shogun-image-linked shg-align-center" style="opacity: 1;" id="s-739c3654-fd50-4576-821d-938fe7e385a8"> <a class="shogun-image-link" href="https://affranchi.myshopify.com/collections/hors-series/products/beyound" target="_blank"> <img src="https://ucarecdn.com/2ef8e0d4-58c5-45f2-b1f2-4acfeabe7885/-/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-739c3654-fd50-4576-821d-938fe7e385a8" } } </script> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c boxit " id="s-aeb227a9-6511-498e-a69b-99afa5906cbe"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div id="s-3cedd273-9882-4576-91e4-54956879e1a5" class="shg-c textepara "> <div class="shg-rich-text shg-theme-text-content"> <p>Je n'ai pas de formation en art plastique ou en histoire de l'art. C'est à force de fouiller que je découvre ces artistes qui nous ont précédés. Je pousse plus du côté de l'histoire de l'art que je ne le faisais avant et c'est plaisant, ça me donne l'impression d'une certaine cohérence dans ce que je fais et ça outille ma réflexion sur la façon dont je travaille.</p> <p> </p> <p>Sinon, les dessinateurs qui m'inspirent sont nombreux : Norman Rockwell, Bernie Fuchs et Edward Hopper, mais aussi Moebius, Bilal, Ottomo, Fred (Philémon), Hugo Pratt, Jamie Hewlett… Il y a tellement de bons artistes !</p> <p> </p> <p><strong>On parlait d'archétypes plus tôt. Y a-t-il des époques et/ou des personnages qui reviennent souvent dans tes œuvres ? </strong></p> <p> </p> <p>Oui, c'est souvent des observateurs ou des voyageurs pensifs. Dans <a href="http://Parlant%20d'arch%C3%A9types,%20j'ai%20r%C3%A9cemment%20commenc%C3%A9%20%C3%A0%20fouiller%20sur%20la%20commedia%20dell'arte%20et%20ses%20personnages.%20Scaramouche,%20Pierrot%20et%20les%20autres,%20je%20trouve%20%C3%A7a%20int%C3%A9ressant%20!%20J'aime%20voir%20d'o%C3%B9%20%C3%A7a%20vient%20et%20comment%20%C3%A7a%20se%20transforme%20dans%20le%20temps%20au%20th%C3%A9%C3%A2tre%20et%20au%20cin%C3%A9ma.%20J'aime%20pouvoir%20m'inspirer%20de%20contenus%20de%20ce%20genre%20pour%20ajouter%20un%20sous-texte%20%C3%A0%20mes%20dessins,%20sans%20toutefois%20l'expliciter.%20Pour%20moi,%20ces%20ajouts%20ne%20sont%20jamais%20anodins,%20ils%20contribuent%20toujours%20au%20sens%20plus%20large%20de%20l'illustration.%C2%A0%20Tu%20mentionnes%20quelques%20noms%20de%20photographes.%20Tu%20parles%20aussi%20beaucoup%20de%20musique,%20de%20cin%C3%A9ma%20et%20de%20mode.%20On%20a%20peu%20parl%C3%A9%20de%20dessinateurs%20qui%20t'inspirent,%20y%20en%20a-t-il%20?%C2%A0%20Ces%20temps-ci,%20je%20suis%20plus%20dans%20la%20peinture%20et%20il%20y%20a%20un%20peintre%20que%20j'appr%C3%A9cie%20beaucoup%20:%20Caspar%20David%20Friedrich.%20Je%20ne%20le%20connaissais%20pas%20avant,%20c'est%20vraiment%20r%C3%A9cent.%20On%20m'a%20souvent%20parl%C3%A9%20de%20lui%20en%20lien%20avec%20mon%20dessin%20Rooftop%20Inspiration.%C2%A0%20Comme%20la%20r%C3%A9f%C3%A9rence%20revenait%20souvent,%20j'ai%20fini%20par%20aller%20voir%20et%20j'ai%20tout%20de%20suite%20vu%20la%20similitude%20entre%20mon%20illustration%20et%20la%20toile%20de%20ce%20peintre%20o%C3%B9%20il%20y%20a%20un%20personnage%20devant%20une%20temp%C3%AAte%20sur%20la%20c%C3%B4te.%20Je%20me%20suis%20achet%C3%A9%20un%20livre%20sur%20son%20%C5%93uvre%20et%20%C3%A7a%20me%20parle%20%C3%A9norm%C3%A9ment.%20Sa%20fa%C3%A7on%20de%20composer%20ses%20toiles%20est%20proche%20de%20la%20mienne%20et%20d'une%20certaine%20fa%C3%A7on,%20ses%20th%C3%A8mes%20aussi.%20Autre%20%C3%A9poque,%20m%C3%AAmes%20f%C3%A9tiches%20?"><em>Rooftop</em>,</a> le personnage est dans la neige à New York, entouré par la ville et ses buildings. Dans <a href="https://affranchi.myshopify.com/collections/hors-series/products/beyound"><em>Beyond the Boundaries</em>,</a> la fille est dans le désert et regarde vers l'horizon, comme si elle s'apprêtait à affronter une tempête, à poser un geste de non-retour. On retrouve beaucoup ce genre de personnages dans mes dessins pour <em>Le dragon bleu</em>, surtout dans les scènes de transitions qui ne sont pas dans la pièce originale et que j'ai ajoutées pour donner plus de relief aux personnages en marge des scènes de dialogues. </p> <p> </p> <p>Ces ellipses qui isolent les personnages sont une sorte de temps morts qui ajoutent une tension dramatique à l'histoire.<br> <strong> </strong></p> </div> </div> </div> </div> </div> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c shogun-lazyload" data-bgset="https://ucarecdn.com/3b441603-d7d4-4b3c-ab89-eeba89d96b8f/-/format/auto/-/stretch/off/-/resize/3000x/-/quality/lighter/" id="s-2aa901a8-6554-4e4b-b498-fd125d6bcf71"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> </div> </div> </div> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c boxit " id="s-ec3185df-2f81-4260-9805-eefee7dfa89a"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div id="s-20e6e6b0-e8fc-44b0-9b3b-cf5ea5b79365" class="shg-c textepara "> <div class="shg-rich-text shg-theme-text-content"> <p><strong>On te l'a certainement demandé souvent : penses-tu refaire de la BD un jour ?</strong></p> <p> </p> <p>Ce que je n'aime pas de la BD, c'est la longueur de l'exécution des planches une fois le travail de recherche, de scénarisation et de découpage terminé. En fait, ça me donne l'impression de devoir jouer au scribe. Peut-être que je ne suis pas assez patient, peut-être aussi que j'aime me donner la liberté de pouvoir errer d'un style à l'autre… Dans tous les cas, en ce moment j'aime mieux faire des séries d'images qui racontent l'essentiel d'une histoire en laissant le soin aux gens d'imaginer le reste. </p> <p> </p> <p>J'ai fait Le dragon bleu, ce qui représente 200 pages de dessin. J'ai vu ce que c'était et je ne pense pas avoir le tempérament pour faire ça toute ma vie. J'aime quand ça bouge. Dessiner, ça prend de la patience et de la concentration et je ne suis pas champion dans l'un comme dans l'autre, haha ! Mais bon, qui sait, il ne faut jamais dire jamais ! <br> </p> </div> </div> <div class="shg-fw"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c " id="s-bb1eb31a-7539-4250-ad9e-82ee81aaa605"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> <div id="s-8d5e89a4-6eb7-4ee9-a229-ac5a64199d38" 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-411afe9f-2129-4776-8407-7733f865f781" 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-45087162-a40a-4460-b542-832352b00702"> <div class="shg-box-overlay"></div> <div class="shg-box-content"> </div> </div> </div> <div id="s-1d86e496-cacc-46cc-b011-be87c8358f56" 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-2c6c4264-e659-462d-a0f6-edde234035df" class="shg-c "> <div class="sharethis-inline-share-buttons"></div> </div> <div id="s-34c55df6-defd-41b7-ad99-664c2f3fef1b" 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> </div> </div> <div class="shg-c " id="s-a080da1b-e89a-41d2-a094-b25bc5fe67da"> <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-0910325e-7ba1-4a44-ab61-52e39678aa71"> <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-efb9bb04-ccc8-4d48-90f2-94fb94dad255"> <a class="shogun-image-link" href="https://affranchi.myshopify.com/pages/personnages"> <img src="https://ucarecdn.com/68476767-3551-4d5d-81fe-4a79c1d2a814/-/format/auto/-/preview/3000x3000/-/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-efb9bb04-ccc8-4d48-90f2-94fb94dad255" } } </script> </div> </div> </div> <div id="s-5a901c00-40b9-4e77-bb13-92829faddd77" class="shg-c blog-item "> <div class="shg-rich-text shg-theme-text-content"><h4><a href="https://affranchi.myshopify.com/pages/personnages">des Personnages</a></h4></div> </div> <div id="s-a8ac110e-5c08-4507-af73-26a3e0bd8a11" class="shg-c blog-shortinfo "> <div class="shg-rich-text shg-theme-text-content"><p><a href="https://affranchi.myshopify.com/pages/personnages">Leloup, Dylan, Miles et les autres, c’est la même chose. C’est leur personnalité propre qui définit leur art et leurs discours. C’est ce qui les rend intéressant...</a></p></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-b587df4a-8ffb-45c2-a0ed-c7404bb630f6"> <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> </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="active"> <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=""> <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

Méthode - Entrevue - Fred Jourdain – Fred Jourdain - Affranchi - Illustrations