Boutique du Musée - Musée canadien de l’immigration du Quai 21

<!doctype html> <html class="no-js" lang="fr"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="theme-color" content=""> <link rel="canonical" href="https://shop.pier21.ca/fr"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title> Boutique du Musée - Musée canadien de l’immigration du Quai 21 – Boutique, Pier 21 </title> <meta name="description" content="Boutique en ligne du Musée canadien de l’immigration du Quai 21. Produits de marque du Musée, souvenirs et vêtements, artisanat et art fabriqués par des immigrants, produits autochtones et livres sur l’histoire de l’immigration."> <meta property="og:site_name" content="Boutique, Pier 21 "> <meta property="og:url" content="https://shop.pier21.ca/fr"> <meta property="og:title" content="Boutique du Musée - Musée canadien de l’immigration du Quai 21"> <meta property="og:type" content="website"> <meta property="og:description" content="Boutique en ligne du Musée canadien de l’immigration du Quai 21. Produits de marque du Musée, souvenirs et vêtements, artisanat et art fabriqués par des immigrants, produits autochtones et livres sur l’histoire de l’immigration."><meta property="og:image" content="http://shop.pier21.ca/cdn/shop/files/GS_CMI_Colour_600px.png?height=628&pad_color=ffffff&v=1728399971&width=1200"> <meta property="og:image:secure_url" content="https://shop.pier21.ca/cdn/shop/files/GS_CMI_Colour_600px.png?height=628&pad_color=ffffff&v=1728399971&width=1200"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="628"><meta name="twitter:site" content="@Pier21"><meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Boutique du Musée - Musée canadien de l’immigration du Quai 21"> <meta name="twitter:description" content="Boutique en ligne du Musée canadien de l’immigration du Quai 21. Produits de marque du Musée, souvenirs et vêtements, artisanat et art fabriqués par des immigrants, produits autochtones et livres sur l’histoire de l’immigration."> <script src="//shop.pier21.ca/cdn/shop/t/2/assets/constants.js?v=58251544750838685771704375500" defer="defer"></script> <script src="//shop.pier21.ca/cdn/shop/t/2/assets/pubsub.js?v=158357773527763999511704375501" defer="defer"></script> <script src="//shop.pier21.ca/cdn/shop/t/2/assets/global.js?v=40820548392383841591704375500" defer="defer"></script><script src="//shop.pier21.ca/cdn/shop/t/2/assets/animations.js?v=88693664871331136111704375499" defer="defer"></script><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/68982341910/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="a9d5fbfababa4e89ada89222d2d7f183"> <meta id="in-context-paypal-metadata" data-shop-id="68982341910" data-venmo-supported="false" data-environment="production" data-locale="fr_FR" data-paypal-v4="true" data-currency="CAD"> <link rel="alternate" hreflang="x-default" href="https://shop.pier21.ca/"> <link rel="alternate" hreflang="en-CA" href="https://shop.pier21.ca/"> <link rel="alternate" hreflang="fr-CA" href="https://shop.pier21.ca/fr"> <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=68982341910" crossorigin="anonymous"></script> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":68982341910,"countryCode":"CA","currencyCode":"CAD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/68982341910","merchantName":"Boutique, Pier 21 ","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","interac","jcb"],"total":{"type":"pending","label":"Boutique, Pier 21 ","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script> <script id="shopify-features" type="application/json">{"accessToken":"a9d5fbfababa4e89ada89222d2d7f183","betas":["rich-media-storefront-analytics"],"domain":"shop.pier21.ca","predictiveSearch":true,"shopId":68982341910,"smart_payment_buttons_url":"https:\/\/shop.pier21.ca\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.fr.js","dynamic_checkout_cart_url":"https:\/\/shop.pier21.ca\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.fr.js","locale":"fr"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "cmip21-shop.myshopify.com"; Shopify.locale = "fr"; Shopify.currency = {"active":"CAD","rate":"1.0"}; Shopify.country = "CA"; Shopify.theme = {"name":"Updated copy of Dawn","id":164122034454,"schema_name":"Dawn","schema_version":"12.0.0","theme_store_id":887,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "shop.pier21.ca/cdn"; Shopify.routes = Shopify.routes || {}; Shopify.routes.root = "/fr/";</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":"index"}</script> <script> window.Shopify = window.Shopify || {}; if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; window.Shopify.featureAssets['shop-js'] = {"login-button":["modules/client.login-button_DCPlSL0s.fr.esm.js","modules/chunk.common_DufDHO_O.esm.js"],"shop-pay-payment-request":["modules/client.shop-pay-payment-request_DhoiXU4n.fr.esm.js","modules/chunk.common_DufDHO_O.esm.js","modules/client.login-button_DCPlSL0s.fr.esm.js","modules/chunk.shop-pay_CqP2bo2E.esm.js"],"payment-terms":["modules/client.payment-terms_B8-AXxap.fr.esm.js","modules/chunk.common_DufDHO_O.esm.js","modules/client.login-button_DCPlSL0s.fr.esm.js"],"pay-button":["modules/client.pay-button_CvI7o4cZ.fr.esm.js","modules/chunk.common_DufDHO_O.esm.js"],"discount-app":["modules/client.discount-app_B97CxszT.fr.esm.js","modules/chunk.common_DufDHO_O.esm.js"],"avatar":["modules/client.avatar_BTnouDA3.fr.esm.js"],"init-shop-for-new-customer-accounts":["modules/client.init-shop-for-new-customer-accounts_DNR5FJMD.fr.esm.js","modules/chunk.common_DufDHO_O.esm.js","modules/client.login-button_DCPlSL0s.fr.esm.js"],"init-shop-email-lookup-coordinator":["modules/client.init-shop-email-lookup-coordinator_DxC43x1H.fr.esm.js","modules/chunk.common_DufDHO_O.esm.js"],"init-customer-accounts-sign-up":["modules/client.init-customer-accounts-sign-up_BB4_bnTe.fr.esm.js","modules/chunk.common_DufDHO_O.esm.js","modules/client.login-button_DCPlSL0s.fr.esm.js"],"init-customer-accounts":["modules/client.init-customer-accounts_CEOV4UNh.fr.esm.js","modules/chunk.common_DufDHO_O.esm.js","modules/client.login-button_DCPlSL0s.fr.esm.js"]}; </script> <script id="__st">var __st={"a":68982341910,"offset":-14400,"reqid":"766b5326-b037-44b6-907d-ca7c46fc6fdf-1732725328","pageurl":"shop.pier21.ca\/fr","u":"ce365aa9f987","p":"home"};</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(',');function s(t,e,n=!1){try{const o=window.sessionStorage;for(const[n,c]of Object.entries(JSON.parse(o.getItem(e))))t.elements[n]&&(t.elements[n].value=c);n&&o.removeItem(e)}catch{}}const a='form_key',i=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response','password'],u=()=>{try{return window.sessionStorage}catch{return}},m=t=>t.elements[a],f='form_type',d='cptcha';function p(t){t.dataset[d]=!0}const l=window,h=l.document,_='Shopify',y='ce_forms',E='captcha';let v=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe','https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.4.0.iife.js',T={infoText:'Protégé par hCaptcha',privacyText:'Confidentialité',termsText:'Conditions'},(t,e,n)=>{const o=l[_][y],c=o.bindForm;if(c)return c(t,g,e,T).then(n);o.q.push([[t,g,e,T],n]),v||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:'https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.4.0.iife.js'})),v=!0)});var g,T;l[_]=l[_]||{},l[_][y]=l[_][y]||{},l[_][y].q=[],l[_][E]=l[_][E]||{},l[_][E].protect=function(t,e){n(t,void 0,e),p(t)},Object.freeze(l[_][E]),function(t,e,n,l,h,_){const[y,E,v,g]=function(t,e,n){const s=e?o:[],a=t?c:[],i=[...s,...a],u=[...o],m=r(i),f=r(s),d=n&&r(i.filter((([t,e])=>n.includes(e)))),p=r(u),l=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];return[l(m),l(f),l(d),l(p)]}(l,h,_),T=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},S=t=>y().includes(t);t.addEventListener('submit',(t=>{const e=T(t);if(!e)return;const n=S(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=m(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!u())return;!function(t){const e=u();if(!e)return;const n=m(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){m(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:a})),t.elements[a].value=e}(t,e),function(t,e){const n=u();if(!n)return;const o=[...t.querySelectorAll('input[type="password"]')].map((({name:t})=>t)),c=[...i,...o],r={};for(const[s,a]of new FormData(t).entries())c.includes(s)||(r[s]=a);n.setItem(e,JSON.stringify(r))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const w=(t,e)=>{t&&!t.dataset[d]&&(n(t,e.some((e=>e===t))),p(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=T(t);S(e)&&w(e,E())}));const A=e.get('form_key'),b=e.get(f),I=A&&b;t.addEventListener('DOMContentLoaded',(()=>{const t=E();if(I)for(const e of t)e.elements[f].value===b&&s(e,A);[...new Set([...v(),...y().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>w(e,t)))}))}(h,new URLSearchParams(l.location.search),n,!0,!0,['guest_login'])})()}();</script> <script integrity="sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//shop.pier21.ca/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script crossorigin="anonymous" defer="defer" src="//shop.pier21.ca/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="//shop.pier21.ca/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <script id="sections-script" data-sections="header" defer="defer" src="//shop.pier21.ca/cdn/shop/t/2/compiled_assets/scripts.js?207"></script> <style id="shopify-accelerated-checkout"> .shopify-payment-button__button--hidden { visibility: hidden; } .shopify-payment-button__button { height: clamp( 25px, var(--shopify-accelerated-checkout-button-block-size, 44px), 55px ); min-height: clamp( 25px, var(--shopify-accelerated-checkout-button-block-size, 44px), 55px ); border-radius: var(--shopify-accelerated-checkout-button-border-radius, 0px); width: 100%; border: none; box-shadow: 0 0 0 0 transparent; color: white; cursor: pointer; display: block; font-size: 1em; font-weight: 500; line-height: 1; text-align: center; transition: background 0.2s ease-in-out; } .shopify-payment-button__button[disabled] { opacity: 0.6; cursor: default; } .shopify-payment-button__button--unbranded { background-color: #1990c6; padding: 1em 2em; } .shopify-payment-button__button--unbranded:hover:not([disabled]) { background-color: #136f99; } .shopify-payment-button__more-options { background: transparent; border: 0 none; cursor: pointer; display: block; font-size: 1em; margin-top: 1em; text-align: center; text-decoration: underline; width: 100%; } .shopify-payment-button__more-options.shopify-payment-button__skeleton { height: auto !important; min-height: 0 !important; border-radius: 4px !important; width: 50%; margin-left: 25%; margin-right: 25%; } .shopify-payment-button__more-options[disabled] { opacity: 0.6; cursor: default !important; } .shopify-payment-button__button.shopify-payment-button__button--branded { display: flex; flex-direction: column; position: relative; z-index: 1; } .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate { flex: 1 !important; display: flex !important; flex-direction: column !important; } .shopify-payment-button__button.button.loading { position: relative; color: transparent; } .shopify-payment-button__button.button.loading > .loading-overlay__spinner { top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; height: 100%; display: flex; align-items: center; } .shopify-payment-button__button.button.loading > .loading-overlay__spinner .spinner { width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; } .button.loading > .loading-overlay__spinner .path { stroke: white; } .shopify-payment-button__button .loading-overlay__spinner { width: 1.8rem; display: inline-block; } .shopify-payment-button__button .spinner { animation: shopify-rotator 1.4s linear infinite; } @keyframes shopify-rotator { 0% { transform: rotate(0deg); } 100% { transform: rotate(270deg); } } .shopify-payment-button__button .path { stroke-dasharray: 280; stroke-dashoffset: 0; transform-origin: center; stroke: rgb(18,18,18); animation: shopify-dash 1.4s ease-in-out infinite; } @media screen and (forced-colors: active) { .shopify-payment-button__button .path { stroke: CanvasText; } } @keyframes shopify-dash { 0% { stroke-dashoffset: 280; } 50% { stroke-dashoffset: 75; transform: rotate(135deg); } 100% { stroke-dashoffset: 280; transform: rotate(450deg); } } @keyframes acceleratedCheckoutLoadingSkeleton { 50% {opacity: var(--shopify-accelerated-checkout-skeleton-animation-opacity-start, 1);} 75% {opacity: var(--shopify-accelerated-checkout-skeleton-animation-opacity-end, 0.5);} 100% {opacity: var(--shopify-accelerated-checkout-skeleton-animation-opacity-start, 1);} } .shopify-payment-button__skeleton { animation: acceleratedCheckoutLoadingSkeleton var(--shopify-accelerated-checkout-skeleton-animation-duration, 4s) var(--shopify-accelerated-checkout-skeleton-animation-timing-function, ease) infinite; animation-delay: -0.168s; background-color: var(--shopify-accelerated-checkout-skeleton-background-color, #dedede); box-sizing: border-box; text-decoration: none !important; height: var(--shopify-accelerated-checkout-button-block-size, inherit); min-height: 25px; max-height: 55px; border-radius: var(--shopify-accelerated-checkout-button-border-radius, inherit); } .shopify-payment-button__button { border-radius: 0px; } #shopify-buyer-consent { margin-top: 1em; display: inline-block; width: 100%; } #shopify-buyer-consent.hidden { display: none; } #shopify-subscription-policy-button { background: none; border: none; padding: 0; text-decoration: underline; font-size: inherit; cursor: pointer; } #shopify-subscription-policy-button::before { box-shadow: none; } </style> <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> <style data-shopify> @font-face { font-family: "Harmonia Sans"; font-weight: 400; font-style: normal; font-display: swap; src: url("//shop.pier21.ca/cdn/fonts/harmonia_sans/harmoniasans_n4.73cf0589f7839ec88463a09f5335a2885467ed0c.woff2?h1=Y21pcDIxLXNob3AuYWNjb3VudC5teXNob3BpZnkuY29t&h2=cGllcjIxLmNh&hmac=1dcf852b316df1f1196159ac03c2640861c2a7adda9c56467fa8033ce07fd68a") format("woff2"), url("//shop.pier21.ca/cdn/fonts/harmonia_sans/harmoniasans_n4.1c5276ef69780b63aa8f0ba7897fb3bc87270bb0.woff?h1=Y21pcDIxLXNob3AuYWNjb3VudC5teXNob3BpZnkuY29t&h2=cGllcjIxLmNh&hmac=8710cc101f2ae1b01ae297b84eeaf76f39f9dc5775d5c817c422cfdea04fa4be") format("woff"); } @font-face { font-family: "Harmonia Sans"; font-weight: 700; font-style: normal; font-display: swap; src: url("//shop.pier21.ca/cdn/fonts/harmonia_sans/harmoniasans_n7.db6a243cdeddb2eba0b2e8fccdce1e6910fd06d0.woff2?h1=Y21pcDIxLXNob3AuYWNjb3VudC5teXNob3BpZnkuY29t&h2=cGllcjIxLmNh&hmac=ff31ec678fd35c3eb701142dc94a52ced7b7cfd991f3ac72514bd3ed026e3ba0") format("woff2"), url("//shop.pier21.ca/cdn/fonts/harmonia_sans/harmoniasans_n7.a069bd4d0320d5bc303f7f96d7bf28abc297b6aa.woff?h1=Y21pcDIxLXNob3AuYWNjb3VudC5teXNob3BpZnkuY29t&h2=cGllcjIxLmNh&hmac=81e581b62d230ce6c4596a79c6e521006e832e098794b09eb1e4832e54473f51") format("woff"); } @font-face { font-family: "Harmonia Sans"; font-weight: 400; font-style: italic; font-display: swap; src: url("//shop.pier21.ca/cdn/fonts/harmonia_sans/harmoniasans_i4.ccbfea79fd847e76d49925a923aa89064359e629.woff2?h1=Y21pcDIxLXNob3AuYWNjb3VudC5teXNob3BpZnkuY29t&h2=cGllcjIxLmNh&hmac=ab7bed2ef9d81fb955571859b309690ae578dd349d96b07f780870176e5aecaa") format("woff2"), url("//shop.pier21.ca/cdn/fonts/harmonia_sans/harmoniasans_i4.e5c05a10aacfb8cc7fdf892df8dba937a214e6e7.woff?h1=Y21pcDIxLXNob3AuYWNjb3VudC5teXNob3BpZnkuY29t&h2=cGllcjIxLmNh&hmac=26aa02f57ceb4def2a184e5b0e12392ed5ae7623e63aae08ba35bbc3a1c4b0d5") format("woff"); } @font-face { font-family: "Harmonia Sans"; font-weight: 700; font-style: italic; font-display: swap; src: url("//shop.pier21.ca/cdn/fonts/harmonia_sans/harmoniasans_i7.4a7dd579ac7cb56f507f74a6af51c429211c3385.woff2?h1=Y21pcDIxLXNob3AuYWNjb3VudC5teXNob3BpZnkuY29t&h2=cGllcjIxLmNh&hmac=790c56b19a3ae4fb0510a1c96bc8781cef5c7a1af05502244dbe35382f560f84") format("woff2"), url("//shop.pier21.ca/cdn/fonts/harmonia_sans/harmoniasans_i7.f513289b781582823a912d2e8125b8c109e5d61c.woff?h1=Y21pcDIxLXNob3AuYWNjb3VudC5teXNob3BpZnkuY29t&h2=cGllcjIxLmNh&hmac=6eb7640a935353d4301635302af6d94a9eec69341b18958eaca99950f0a00a0a") format("woff"); } @font-face { font-family: "Harmonia Sans"; font-weight: 400; font-style: normal; font-display: swap; src: url("//shop.pier21.ca/cdn/fonts/harmonia_sans/harmoniasans_n4.73cf0589f7839ec88463a09f5335a2885467ed0c.woff2?h1=Y21pcDIxLXNob3AuYWNjb3VudC5teXNob3BpZnkuY29t&h2=cGllcjIxLmNh&hmac=1dcf852b316df1f1196159ac03c2640861c2a7adda9c56467fa8033ce07fd68a") format("woff2"), url("//shop.pier21.ca/cdn/fonts/harmonia_sans/harmoniasans_n4.1c5276ef69780b63aa8f0ba7897fb3bc87270bb0.woff?h1=Y21pcDIxLXNob3AuYWNjb3VudC5teXNob3BpZnkuY29t&h2=cGllcjIxLmNh&hmac=8710cc101f2ae1b01ae297b84eeaf76f39f9dc5775d5c817c422cfdea04fa4be") format("woff"); } :root, .color-background-1 { --color-background: 255,255,255; --gradient-background: #ffffff; --color-foreground: 18,18,18; --color-background-contrast: 191,191,191; --color-shadow: 18,18,18; --color-button: 250,250,250; --color-button-text: 0,120,171; --color-secondary-button: 255,255,255; --color-secondary-button-text: 18,18,18; --color-link: 18,18,18; --color-badge-foreground: 18,18,18; --color-badge-background: 255,255,255; --color-badge-border: 18,18,18; --payment-terms-background-color: rgb(255 255 255); } .color-background-2 { --color-background: 0,152,159; --gradient-background: #00989f; --color-foreground: 250,250,250; --color-background-contrast: 0,30,31; --color-shadow: 18,18,18; --color-button: 18,18,18; --color-button-text: 0,152,159; --color-secondary-button: 0,152,159; --color-secondary-button-text: 18,18,18; --color-link: 18,18,18; --color-badge-foreground: 250,250,250; --color-badge-background: 0,152,159; --color-badge-border: 250,250,250; --payment-terms-background-color: rgb(0 152 159); } .color-inverse { --color-background: 18,18,18; --gradient-background: #121212; --color-foreground: 250,250,250; --color-background-contrast: 146,146,146; --color-shadow: 18,18,18; --color-button: 250,250,250; --color-button-text: 18,18,18; --color-secondary-button: 18,18,18; --color-secondary-button-text: 250,250,250; --color-link: 250,250,250; --color-badge-foreground: 250,250,250; --color-badge-background: 18,18,18; --color-badge-border: 250,250,250; --payment-terms-background-color: rgb(18 18 18); } .color-accent-1 { --color-background: 92,28,129; --gradient-background: #5c1c81; --color-foreground: 250,250,250; --color-background-contrast: 107,33,150; --color-shadow: 18,18,18; --color-button: 255,255,255; --color-button-text: 92,28,129; --color-secondary-button: 92,28,129; --color-secondary-button-text: 0,120,171; --color-link: 0,120,171; --color-badge-foreground: 250,250,250; --color-badge-background: 92,28,129; --color-badge-border: 250,250,250; --payment-terms-background-color: rgb(92 28 129); } .color-accent-2 { --color-background: 0,152,159; --gradient-background: #00989f; --color-foreground: 0,120,171; --color-background-contrast: 0,30,31; --color-shadow: 18,18,18; --color-button: 0,120,171; --color-button-text: 0,152,159; --color-secondary-button: 0,152,159; --color-secondary-button-text: 0,120,171; --color-link: 0,120,171; --color-badge-foreground: 0,120,171; --color-badge-background: 0,152,159; --color-badge-border: 0,120,171; --payment-terms-background-color: rgb(0 152 159); } .color-scheme-f96241c3-6888-4315-83f0-f9fbc3e40c91 { --color-background: 250,250,250; --gradient-background: #fafafa; --color-foreground: 51,51,51; --color-background-contrast: 186,186,186; --color-shadow: 18,18,18; --color-button: ,,; --color-button-text: 0,120,171; --color-secondary-button: 250,250,250; --color-secondary-button-text: 18,18,18; --color-link: 18,18,18; --color-badge-foreground: 51,51,51; --color-badge-background: 250,250,250; --color-badge-border: 51,51,51; --payment-terms-background-color: rgb(250 250 250); } body, .color-background-1, .color-background-2, .color-inverse, .color-accent-1, .color-accent-2, .color-scheme-f96241c3-6888-4315-83f0-f9fbc3e40c91 { color: rgba(var(--color-foreground), 0.75); background-color: rgb(var(--color-background)); } :root { --font-body-family: "Harmonia Sans", sans-serif; --font-body-style: normal; --font-body-weight: 400; --font-body-weight-bold: 700; --font-heading-family: "Harmonia Sans", sans-serif; --font-heading-style: normal; --font-heading-weight: 400; --font-body-scale: 1.0; --font-heading-scale: 1.0; --media-padding: px; --media-border-opacity: 0.05; --media-border-width: 1px; --media-radius: 0px; --media-shadow-opacity: 0.0; --media-shadow-horizontal-offset: 0px; --media-shadow-vertical-offset: 4px; --media-shadow-blur-radius: 5px; --media-shadow-visible: 0; --page-width: 120rem; --page-width-margin: 0rem; --product-card-image-padding: 0.0rem; --product-card-corner-radius: 0.0rem; --product-card-text-alignment: left; --product-card-border-width: 0.0rem; --product-card-border-opacity: 0.1; --product-card-shadow-opacity: 0.0; --product-card-shadow-visible: 0; --product-card-shadow-horizontal-offset: 0.0rem; --product-card-shadow-vertical-offset: 0.4rem; --product-card-shadow-blur-radius: 0.5rem; --collection-card-image-padding: 0.0rem; --collection-card-corner-radius: 0.0rem; --collection-card-text-alignment: left; --collection-card-border-width: 0.0rem; --collection-card-border-opacity: 0.1; --collection-card-shadow-opacity: 0.0; --collection-card-shadow-visible: 0; --collection-card-shadow-horizontal-offset: 0.0rem; --collection-card-shadow-vertical-offset: 0.4rem; --collection-card-shadow-blur-radius: 0.5rem; --blog-card-image-padding: 0.0rem; --blog-card-corner-radius: 0.0rem; --blog-card-text-alignment: left; --blog-card-border-width: 0.0rem; --blog-card-border-opacity: 0.1; --blog-card-shadow-opacity: 0.0; --blog-card-shadow-visible: 0; --blog-card-shadow-horizontal-offset: 0.0rem; --blog-card-shadow-vertical-offset: 0.4rem; --blog-card-shadow-blur-radius: 0.5rem; --badge-corner-radius: 4.0rem; --popup-border-width: 1px; --popup-border-opacity: 0.1; --popup-corner-radius: 0px; --popup-shadow-opacity: 0.0; --popup-shadow-horizontal-offset: 0px; --popup-shadow-vertical-offset: 4px; --popup-shadow-blur-radius: 5px; --drawer-border-width: 1px; --drawer-border-opacity: 0.1; --drawer-shadow-opacity: 0.0; --drawer-shadow-horizontal-offset: 0px; --drawer-shadow-vertical-offset: 4px; --drawer-shadow-blur-radius: 5px; --spacing-sections-desktop: 0px; --spacing-sections-mobile: 0px; --grid-desktop-vertical-spacing: 8px; --grid-desktop-horizontal-spacing: 8px; --grid-mobile-vertical-spacing: 4px; --grid-mobile-horizontal-spacing: 4px; --text-boxes-border-opacity: 0.1; --text-boxes-border-width: 0px; --text-boxes-radius: 0px; --text-boxes-shadow-opacity: 0.0; --text-boxes-shadow-visible: 0; --text-boxes-shadow-horizontal-offset: 0px; --text-boxes-shadow-vertical-offset: 4px; --text-boxes-shadow-blur-radius: 5px; --buttons-radius: 0px; --buttons-radius-outset: 0px; --buttons-border-width: 1px; --buttons-border-opacity: 1.0; --buttons-shadow-opacity: 0.0; --buttons-shadow-visible: 0; --buttons-shadow-horizontal-offset: 0px; --buttons-shadow-vertical-offset: 4px; --buttons-shadow-blur-radius: 5px; --buttons-border-offset: 0px; --inputs-radius: 0px; --inputs-border-width: 1px; --inputs-border-opacity: 0.55; --inputs-shadow-opacity: 0.0; --inputs-shadow-horizontal-offset: 0px; --inputs-margin-offset: 0px; --inputs-shadow-vertical-offset: 4px; --inputs-shadow-blur-radius: 5px; --inputs-radius-outset: 0px; --variant-pills-radius: 40px; --variant-pills-border-width: 1px; --variant-pills-border-opacity: 0.55; --variant-pills-shadow-opacity: 0.0; --variant-pills-shadow-horizontal-offset: 0px; --variant-pills-shadow-vertical-offset: 4px; --variant-pills-shadow-blur-radius: 5px; } *, *::before, *::after { box-sizing: inherit; } html { box-sizing: border-box; font-size: calc(var(--font-body-scale) * 62.5%); height: 100%; } body { display: grid; grid-template-rows: auto auto 1fr auto; grid-template-columns: 100%; min-height: 100%; margin: 0; font-size: 1.5rem; letter-spacing: 0.06rem; line-height: calc(1 + 0.8 / var(--font-body-scale)); font-family: var(--font-body-family); font-style: var(--font-body-style); font-weight: var(--font-body-weight); } @media screen and (min-width: 750px) { body { font-size: 1.6rem; } } </style> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/base.css?v=22615539281115885671704375499" rel="stylesheet" type="text/css" media="all" /> <link rel="preload" as="font" href="//shop.pier21.ca/cdn/fonts/harmonia_sans/harmoniasans_n4.73cf0589f7839ec88463a09f5335a2885467ed0c.woff2?h1=Y21pcDIxLXNob3AuYWNjb3VudC5teXNob3BpZnkuY29t&h2=cGllcjIxLmNh&hmac=1dcf852b316df1f1196159ac03c2640861c2a7adda9c56467fa8033ce07fd68a" type="font/woff2" crossorigin><link rel="preload" as="font" href="//shop.pier21.ca/cdn/fonts/harmonia_sans/harmoniasans_n4.73cf0589f7839ec88463a09f5335a2885467ed0c.woff2?h1=Y21pcDIxLXNob3AuYWNjb3VudC5teXNob3BpZnkuY29t&h2=cGllcjIxLmNh&hmac=1dcf852b316df1f1196159ac03c2640861c2a7adda9c56467fa8033ce07fd68a" type="font/woff2" crossorigin><link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-localization-form.css?v=143319823105703127341704375500" rel="stylesheet" type="text/css" media="all" /> <script src="//shop.pier21.ca/cdn/shop/t/2/assets/localization-form.js?v=161644695336821385561704375500" defer="defer"></script><link rel="stylesheet" href="//shop.pier21.ca/cdn/shop/t/2/assets/component-predictive-search.css?v=118923337488134913561704375500" media="print" onload="this.media='all'" ><script> document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); if (Shopify.designMode) { document.documentElement.classList.add('shopify-design-mode'); } </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: 68982341910,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "index"};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,r,a,n){var o,i,t,s,l=(i=(o={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:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-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:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-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+|)/}).modern,t=o.legacy,s=navigator.userAgent,i.test(s)?"modern":(t.test(s),"legacy"));window.Shopify=window.Shopify||{};var c=window.Shopify;c.analytics=c.analytics||{};var u=c.analytics;u.replayQueue=[],u.publish=function(d,e,r){return u.replayQueue.push([d,e,r]),!0};try{self.performance.mark("wpm:start")}catch(d){}var h=[r,"/wpm","/b",n,l.substring(0,1),".js"].join("");!function(d){var e=d.src,r=d.async,a=void 0===r||r,n=d.onload,o=d.onerror,i=document.createElement("script"),t=document.head,s=document.body;i.async=a,i.src=e,n&&i.addEventListener("load",n),o&&i.addEventListener("error",o),t?t.appendChild(i):s?s.appendChild(i):console.error("Did not find a head or body element to append the script")}({src:h,async:!0,onload:function(){var r=window.webPixelsManager.init(d);e(r);var a=window.Shopify.analytics;a.replayQueue.forEach((function(d){var e=d[0],a=d[1],n=d[2];r.publishCustomEvent(e,a,n)})),a.replayQueue=[],a.publish=r.publishCustomEvent,a.visitor=r.visitor},onerror:function(){var e=d.storefrontBaseUrl.replace(/\/$/,""),r="".concat(e,"/.well-known/shopify/monorail/unstable/produce_batch"),n=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:a||"latest",bundle_target:l,page_url:self.location.href,status:"failed",surface:d.surface,error_msg:"".concat(h," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(r,n))return!0}catch(d){}var o=new XMLHttpRequest;try{return o.open("POST",r,!0),o.setRequestHeader("Content-Type","text/plain"),o.send(n),!0}catch(d){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1}})})({shopId: 68982341910,storefrontBaseUrl: "https://shop.pier21.ca",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0220","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0220","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Boutique, Pier 21 ","paymentSettings":{"currencyCode":"CAD"},"myshopifyDomain":"cmip21-shop.myshopify.com","countryCode":"CA","storefrontUrl":"https:\/\/shop.pier21.ca\/fr"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://shop.pier21.ca/cdn","1518c2ba4d2b3301a1e3cb6576947ef22edf7bb6","3c762e5aw5b983e43pc2dc4883m545d5a27",);</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'CAD'; var meta = {"page":{"pageType":"home"}}; 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: 68982341910, theme_id: 164122034454, app_name: "storefront", context_url: window.location.href, source_url: "//shop.pier21.ca/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//shop.pier21.ca/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//shop.pier21.ca/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":68982341910,"isMerchantRequest":null,"themeId":164122034454,"themeCityHash":"17253589185657071887","contentLanguage":"fr","currency":"CAD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"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":"home"}); 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 = "//shop.pier21.ca/cdn/shopifycloud/shopify/assets/shop_events_listener-61fa9e0a912c675e178777d2b27f6cbd482f8912a6b0aa31fa3515985a8cd626.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script class="boomerang"> (function () { window.BOOMR = window.BOOMR || {}; window.BOOMR.themeName = "Dawn"; window.BOOMR.themeVersion = "12.0.0"; window.BOOMR.shopId = 68982341910; window.BOOMR.themeId = 164122034454; })();</script> <script defer src="https://shop.pier21.ca/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.0.2.min.js" data-application="storefront-renderer" data-shop-id="68982341910" data-render-region="gcp-asia-southeast1" data-page-type="index" data-theme-instance-id="164122034454" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body class="gradient animate--hover-default"> <a class="skip-to-content-link button visually-hidden" href="#MainContent"> Ignorer et passer au contenu </a> <div id="shopify-section-sections--21831173898518__header" class="shopify-section shopify-section-group-header-group section-header"><link rel="stylesheet" href="//shop.pier21.ca/cdn/shop/t/2/assets/component-list-menu.css?v=151968516119678728991704375500" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//shop.pier21.ca/cdn/shop/t/2/assets/component-search.css?v=165164710990765432851704375500" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//shop.pier21.ca/cdn/shop/t/2/assets/component-menu-drawer.css?v=31331429079022630271704375500" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//shop.pier21.ca/cdn/shop/t/2/assets/component-cart-notification.css?v=54116361853792938221704375499" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//shop.pier21.ca/cdn/shop/t/2/assets/component-cart-items.css?v=145340746371385151771704375499" media="print" onload="this.media='all'"><link rel="stylesheet" href="//shop.pier21.ca/cdn/shop/t/2/assets/component-price.css?v=70172745017360139101704375500" media="print" onload="this.media='all'"><noscript><link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-list-menu.css?v=151968516119678728991704375500" rel="stylesheet" type="text/css" media="all" /></noscript> <noscript><link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-search.css?v=165164710990765432851704375500" rel="stylesheet" type="text/css" media="all" /></noscript> <noscript><link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-menu-drawer.css?v=31331429079022630271704375500" rel="stylesheet" type="text/css" media="all" /></noscript> <noscript><link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-cart-notification.css?v=54116361853792938221704375499" rel="stylesheet" type="text/css" media="all" /></noscript> <noscript><link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-cart-items.css?v=145340746371385151771704375499" rel="stylesheet" type="text/css" media="all" /></noscript> <style> header-drawer { justify-self: start; margin-left: -1.2rem; }@media screen and (min-width: 990px) { header-drawer { display: none; } }.menu-drawer-container { display: flex; } .list-menu { list-style: none; padding: 0; margin: 0; } .list-menu--inline { display: inline-flex; flex-wrap: wrap; } summary.list-menu__item { padding-right: 2.7rem; } .list-menu__item { display: flex; align-items: center; line-height: calc(1 + 0.3 / var(--font-body-scale)); } .list-menu__item--link { text-decoration: none; padding-bottom: 1rem; padding-top: 1rem; line-height: calc(1 + 0.8 / var(--font-body-scale)); } @media screen and (min-width: 750px) { .list-menu__item--link { padding-bottom: 0.5rem; padding-top: 0.5rem; } } </style><style data-shopify>.header { padding: 10px 3rem 10px 3rem; } .section-header { position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */ margin-bottom: 0px; } @media screen and (min-width: 750px) { .section-header { margin-bottom: 0px; } } @media screen and (min-width: 990px) { .header { padding-top: 20px; padding-bottom: 20px; } }</style><script src="//shop.pier21.ca/cdn/shop/t/2/assets/details-disclosure.js?v=13653116266235556501704375500" defer="defer"></script> <script src="//shop.pier21.ca/cdn/shop/t/2/assets/details-modal.js?v=25581673532751508451704375500" defer="defer"></script> <script src="//shop.pier21.ca/cdn/shop/t/2/assets/cart-notification.js?v=133508293167896966491704375499" defer="defer"></script> <script src="//shop.pier21.ca/cdn/shop/t/2/assets/search-form.js?v=133129549252120666541704375501" defer="defer"></script><svg xmlns="http://www.w3.org/2000/svg" class="hidden"> <symbol id="icon-search" viewbox="0 0 18 19" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 112.85 3.5a5.784 5.784 0 018.18 8.18zm.26 1.12a6.78 6.78 0 11.72-.7l5.4 5.4a.5.5 0 11-.71.7l-5.41-5.4z" fill="currentColor"/> </symbol> <symbol id="icon-reset" class="icon icon-close" fill="none" viewBox="0 0 18 18" stroke="currentColor"> <circle r="8.5" cy="9" cx="9" stroke-opacity="0.2"/> <path d="M6.82972 6.82915L1.17193 1.17097" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/> <path d="M1.22896 6.88502L6.77288 1.11523" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/> </symbol> <symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17"> <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> </symbol> </svg><sticky-header data-sticky-type="on-scroll-up" class="header-wrapper color-background-1 gradient header-wrapper--border-bottom"><header class="header header--middle-left header--mobile-center page-width header--has-menu header--has-social header--has-account"> <header-drawer data-breakpoint="tablet"> <details id="Details-menu-drawer-container" class="menu-drawer-container"> <summary class="header__icon header__icon--menu header__icon--summary link focus-inset" aria-label="Menu" > <span> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-hamburger" fill="none" viewBox="0 0 18 16" > <path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor"> </svg> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewBox="0 0 18 17" > <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> </svg> </span> </summary> <div id="menu-drawer" class="gradient menu-drawer motion-reduce color-background-1"> <div class="menu-drawer__inner-container"> <div class="menu-drawer__navigation-container"> <nav class="menu-drawer__navigation"> <ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><a id="HeaderDrawer-home" href="/fr" class="menu-drawer__menu-item list-menu__item link link--text focus-inset menu-drawer__menu-item--active" aria-current="page" > Accueil </a></li><li><a id="HeaderDrawer-shop" href="/fr/collections" class="menu-drawer__menu-item list-menu__item link link--text focus-inset" > Acheter </a></li><li><a id="HeaderDrawer-contact" href="/fr/pages/contact" class="menu-drawer__menu-item list-menu__item link link--text focus-inset" > Contactez-nous </a></li></ul> </nav> <div class="menu-drawer__utility-links"><a href="https://shop.pier21.ca/customer_authentication/redirect?locale=fr&region_country=CA" class="menu-drawer__account link focus-inset h5 medium-hide large-up-hide" > <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-account" fill="none" viewBox="0 0 18 19" > <path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.5a3 3 0 116 0 3 3 0 01-6 0zm3-4a4 4 0 100 8 4 4 0 000-8zm5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15zM9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35z" fill="currentColor"> </svg> Connexion</a><div class="menu-drawer__localization header-localization"> <noscript><form method="post" action="/fr/localization" id="HeaderLanguageMobileFormNoScriptDrawer" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/fr" /><div class="localization-form__select"> <h2 class="visually-hidden" id="HeaderLanguageMobileLabelNoScriptDrawer"> Langue </h2> <select class="localization-selector link" name="locale_code" aria-labelledby="HeaderLanguageMobileLabelNoScriptDrawer" ><option value="en" lang="en" > English </option><option value="fr" lang="fr" selected > Français </option></select> <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> </svg> </div> <button class="button button--tertiary">Mettre à jour la langue</button></form></noscript> <localization-form class="no-js-hidden"><form method="post" action="/fr/localization" id="HeaderLanguageMobileForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/fr" /><div> <h2 class="visually-hidden" id="HeaderLanguageMobileLabel"> Langue </h2><div class="disclosure"> <button type="button" class="disclosure__button localization-form__select localization-selector link link--text caption-large" aria-expanded="false" aria-controls="HeaderLanguageMobileList" aria-describedby="HeaderLanguageMobileLabel" > <span>Français</span> <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> </svg> </button> <div class="disclosure__list-wrapper" hidden> <ul id="HeaderLanguageMobileList" role="list" class="disclosure__list list-unstyled"><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" hreflang="en" lang="en" data-value="en" > English </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large disclosure__link--active focus-inset" href="#" hreflang="fr" lang="fr" aria-current="true" data-value="fr" > Français </a> </li></ul> </div> </div> <input type="hidden" name="locale_code" value="fr"> </div></form></localization-form></div><ul class="list list-social list-unstyled" role="list"><li class="list-social__item"> <a href="https://twitter.com/Pier21" class="list-social__link link"><svg aria-hidden="true" focusable="false" class="icon icon-twitter" viewBox="0 0 20 20"> <path fill="currentColor" d="M18.608 4.967a7.364 7.364 0 0 1-1.758 1.828c0 .05 0 .13.02.23l.02.232a10.014 10.014 0 0 1-1.697 5.565 11.023 11.023 0 0 1-2.029 2.29 9.13 9.13 0 0 1-2.832 1.607 10.273 10.273 0 0 1-8.94-.985c.342.02.613.04.834.04 1.647 0 3.114-.502 4.4-1.506a3.616 3.616 0 0 1-3.315-2.46c.528.128 1.08.107 1.597-.061a3.485 3.485 0 0 1-2.029-1.216 3.385 3.385 0 0 1-.803-2.23v-.03c.462.242.984.372 1.587.402A3.465 3.465 0 0 1 2.116 5.76c0-.612.14-1.205.452-1.798a9.723 9.723 0 0 0 3.214 2.612A10.044 10.044 0 0 0 9.88 7.649a3.013 3.013 0 0 1-.13-.804c0-.974.34-1.808 1.034-2.49a3.466 3.466 0 0 1 2.561-1.035 3.505 3.505 0 0 1 2.551 1.104 6.812 6.812 0 0 0 2.24-.853 3.415 3.415 0 0 1-1.547 1.948 7.732 7.732 0 0 0 2.02-.542v-.01Z"/> </svg> <span class="visually-hidden">Twitter</span> </a> </li><li class="list-social__item"> <a href="https://www.facebook.com/CanadianMuseumofImmigration" class="list-social__link link"><svg aria-hidden="true" focusable="false" class="icon icon-facebook" viewBox="0 0 20 20"> <path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z"/> </svg> <span class="visually-hidden">Facebook</span> </a> </li><li class="list-social__item"> <a href="https://www.instagram.com/pier21_quai21/" class="list-social__link link"><svg aria-hidden="true" focusable="false" class="icon icon-instagram" viewBox="0 0 20 20"> <path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z" clip-rule="evenodd"/> </svg> <span class="visually-hidden">Instagram</span> </a> </li><li class="list-social__item"> <a href="https://www.youtube.com/user/Pier21Museum" class="list-social__link link"><svg aria-hidden="true" focusable="false" class="icon icon-youtube" viewBox="0 0 20 20"> <path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.125 2.125 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.125 2.125 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.173 2.173 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.173 2.173 0 0 1 1.53 1.53ZM8.3 12.5l4.42-2.55L8.3 7.4v5.1Z"/> </svg> <span class="visually-hidden">YouTube</span> </a> </li></ul> </div> </div> </div> </div> </details> </header-drawer> <h1 class="header__heading"><a href="/fr" class="header__heading-link link link--text focus-inset"><div class="header__heading-logo-wrapper"> <img src="//shop.pier21.ca/cdn/shop/files/GS_CMI_Colour_600px.png?v=1728399971&width=600" alt="Boutique, Pier 21 " srcset="//shop.pier21.ca/cdn/shop/files/GS_CMI_Colour_600px.png?v=1728399971&width=300 300w, //shop.pier21.ca/cdn/shop/files/GS_CMI_Colour_600px.png?v=1728399971&width=450 450w, //shop.pier21.ca/cdn/shop/files/GS_CMI_Colour_600px.png?v=1728399971&width=600 600w" width="300" height="40.5" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 600px) 50vw, 300px"> </div></a></h1> <nav class="header__inline-menu"> <ul class="list-menu list-menu--inline" role="list"><li><a id="HeaderMenu-home" href="/fr" class="header__menu-item list-menu__item link link--text focus-inset" aria-current="page" > <span class="header__active-menu-item" >Accueil</span> </a></li><li><a id="HeaderMenu-shop" href="/fr/collections" class="header__menu-item list-menu__item link link--text focus-inset" > <span >Acheter</span> </a></li><li><a id="HeaderMenu-contact" href="/fr/pages/contact" class="header__menu-item list-menu__item link link--text focus-inset" > <span >Contactez-nous</span> </a></li></ul> </nav> <div class="header__icons header__icons--localization header-localization"> <div class="desktop-localization-wrapper"> <noscript class="small-hide medium-hide"><form method="post" action="/fr/localization" id="HeaderLanguageMobileFormNoScript" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/fr" /><div class="localization-form__select"> <h2 class="visually-hidden" id="HeaderLanguageMobileLabelNoScript">Langue</h2> <select class="localization-selector link" name="locale_code" aria-labelledby="HeaderLanguageMobileLabelNoScript"><option value="en" lang="en"> English </option><option value="fr" lang="fr" selected> Français </option></select> <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> </svg> </div> <button class="button button--tertiary">Mettre à jour la langue</button></form></noscript> <localization-form class="small-hide medium-hide no-js-hidden"><form method="post" action="/fr/localization" id="HeaderLanguageForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/fr" /><div> <h2 class="visually-hidden" id="HeaderLanguageLabel">Langue</h2><div class="disclosure"> <button type="button" class="disclosure__button localization-form__select localization-selector link link--text caption-large" aria-expanded="false" aria-controls="HeaderLanguageList" aria-describedby="HeaderLanguageLabel" > <span>Français</span> <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> </svg> </button> <div class="disclosure__list-wrapper" hidden> <ul id="HeaderLanguageList" role="list" class="disclosure__list list-unstyled"><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" hreflang="en" lang="en" data-value="en" > English </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large disclosure__link--active focus-inset" href="#" hreflang="fr" lang="fr" aria-current="true" data-value="fr" > Français </a> </li></ul> </div> </div> <input type="hidden" name="locale_code" value="fr"> </div></form></localization-form></div> <details-modal class="header__search"> <details> <summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Recherche" > <span> <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false"> <use href="#icon-search"> </svg> <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false"> <use href="#icon-close"> </svg> </span> </summary> <div class="search-modal modal__content gradient" role="dialog" aria-modal="true" aria-label="Recherche" > <div class="modal-overlay"></div> <div class="search-modal__content search-modal__content-bottom" tabindex="-1" ><predictive-search class="search-modal__form" data-loading-text="Chargement en cours..."><form action="/fr/search" method="get" role="search" class="search search-modal__form"> <div class="field"> <input class="search__input field__input" id="Search-In-Modal" type="search" name="q" value="" placeholder="Recherche"role="combobox" aria-expanded="false" aria-owns="predictive-search-results" aria-controls="predictive-search-results" aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false"> <label class="field__label" for="Search-In-Modal">Recherche</label> <input type="hidden" name="options[prefix]" value="last"> <button type="reset" class="reset__button field__button hidden" aria-label="Effacer le terme de recherche" > <svg class="icon icon-close" aria-hidden="true" focusable="false"> <use xlink:href="#icon-reset"> </svg> </button> <button class="search__button field__button" aria-label="Recherche"> <svg class="icon icon-search" aria-hidden="true" focusable="false"> <use href="#icon-search"> </svg> </button> </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-loading-spinner.css?v=116724955567955766481704375500" rel="stylesheet" type="text/css" media="all" /> <div class="predictive-search__loading-state"> <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" > <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> </div> <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button type="button" class="search-modal__close-button modal__close-button link link--text focus-inset" aria-label="Fermer" > <svg class="icon icon-close" aria-hidden="true" focusable="false"> <use href="#icon-close"> </svg> </button> </div> </div> </details> </details-modal> <a href="https://shop.pier21.ca/customer_authentication/redirect?locale=fr&region_country=CA" class="header__icon header__icon--account link focus-inset small-hide"> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-account" fill="none" viewBox="0 0 18 19" > <path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.5a3 3 0 116 0 3 3 0 01-6 0zm3-4a4 4 0 100 8 4 4 0 000-8zm5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15zM9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35z" fill="currentColor"> </svg> <span class="visually-hidden">Connexion</span> </a><a href="/fr/cart" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble"><svg class="icon icon-cart-empty" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" > <path d="m15.75 11.8h-3.16l-.77 11.6a5 5 0 0 0 4.99 5.34h7.38a5 5 0 0 0 4.99-5.33l-.78-11.61zm0 1h-2.22l-.71 10.67a4 4 0 0 0 3.99 4.27h7.38a4 4 0 0 0 4-4.27l-.72-10.67h-2.22v.63a4.75 4.75 0 1 1 -9.5 0zm8.5 0h-7.5v.63a3.75 3.75 0 1 0 7.5 0z" fill="currentColor" fill-rule="evenodd"/> </svg> <span class="visually-hidden">Panier</span></a> </div> </header> </sticky-header> <cart-notification> <div class="cart-notification-wrapper page-width"> <div id="cart-notification" class="cart-notification focus-inset color-background-1 gradient" aria-modal="true" aria-label="Article ajouté au panier" role="dialog" tabindex="-1" > <div class="cart-notification__header"> <h2 class="cart-notification__heading caption-large text-body"><svg class="icon icon-checkmark" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 9" fill="none" > <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/> </svg> Article ajouté au panier </h2> <button type="button" class="cart-notification__close modal__close-button link link--text focus-inset" aria-label="Fermer" > <svg class="icon icon-close" aria-hidden="true" focusable="false"> <use href="#icon-close"> </svg> </button> </div> <div id="cart-notification-product" class="cart-notification-product"></div> <div class="cart-notification__links"> <a href="/fr/cart" id="cart-notification-button" class="button button--secondary button--full-width" >Voir le panier</a> <form action="/fr/cart" method="post" id="cart-notification-form"> <button class="button button--primary button--full-width" name="checkout"> Procéder au paiement </button> </form> <button type="button" class="link button-label">Continuer les achats</button> </div> </div> </div> </cart-notification> <style data-shopify> .cart-notification { display: none; } </style> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name": "Boutique, Pier 21 ", "logo": "https:\/\/shop.pier21.ca\/cdn\/shop\/files\/GS_CMI_Colour_600px.png?v=1728399971\u0026width=500", "sameAs": [ "https:\/\/twitter.com\/Pier21", "https:\/\/www.facebook.com\/CanadianMuseumofImmigration", "", "https:\/\/www.instagram.com\/pier21_quai21\/", "", "", "", "https:\/\/www.youtube.com\/user\/Pier21Museum", "" ], "url": "https:\/\/shop.pier21.ca" } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "name": "Boutique, Pier 21 ", "potentialAction": { "@type": "SearchAction", "target": "https:\/\/shop.pier21.ca\/fr\/search?q={search_term_string}", "query-input": "required name=search_term_string" }, "url": "https:\/\/shop.pier21.ca" } </script> </div><div id="shopify-section-sections--21831173898518__announcement-bar" class="shopify-section shopify-section-group-header-group announcement-bar-section"><link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-slideshow.css?v=107725913939919748051704375500" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-slider.css?v=142503135496229589681704375500" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-list-social.css?v=35792976012981934991704375500" rel="stylesheet" type="text/css" media="all" /> <div class="utility-bar color-accent-1 gradient utility-bar--bottom-border" > <div class="page-width utility-bar__grid"><slideshow-component class="announcement-bar" role="region" aria-roledescription="Carrousel" aria-label="Barre d’annonces" > <div class="announcement-bar-slider slider-buttons"> <button type="button" class="slider-button slider-button--prev" name="previous" aria-label="Annonce précédente" aria-controls="Slider-sections--21831173898518__announcement-bar" > <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> </svg> </button> <div class="grid grid--1-col slider slider--everywhere" id="Slider-sections--21831173898518__announcement-bar" aria-live="polite" aria-atomic="true" data-autoplay="false" data-speed="5" ><div class="slideshow__slide slider__slide grid__item grid--1-col" id="Slide-sections--21831173898518__announcement-bar-1" role="group" aria-roledescription="Annonce" aria-label="1 de 2" tabindex="-1" > <div class="announcement-bar__announcement" role="region" aria-label="Annonce" ><p class="announcement-bar__message h5"> <span>En raison de la grève de Postes Canada, nous expédions désormais les commandes par FedEx Economy</span></p></div> </div><div class="slideshow__slide slider__slide grid__item grid--1-col" id="Slide-sections--21831173898518__announcement-bar-2" role="group" aria-roledescription="Annonce" aria-label="2 de 2" tabindex="-1" > <div class="announcement-bar__announcement" role="region" aria-label="Annonce" ><p class="announcement-bar__message h5"> <span>LIVRAISON GRATUITE pour les achats de 75 $ et plus</span></p></div> </div></div> <button type="button" class="slider-button slider-button--next" name="next" aria-label="Annonce suivante" aria-controls="Slider-sections--21831173898518__announcement-bar" > <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> </svg> </button> </div> </slideshow-component><div class="localization-wrapper"> </div> </div> </div> </div>  <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1"> <section id="shopify-section-template--21831173406998__image_banner_dLK6Lk" class="shopify-section section"><link href="//shop.pier21.ca/cdn/shop/t/2/assets/section-image-banner.css?v=157856879886144226731704375501" rel="stylesheet" type="text/css" media="all" /> <style data-shopify>@media screen and (max-width: 749px) { #Banner-template--21831173406998__image_banner_dLK6Lk::before, #Banner-template--21831173406998__image_banner_dLK6Lk .banner__media::before, #Banner-template--21831173406998__image_banner_dLK6Lk:not(.banner--mobile-bottom) .banner__content::before { padding-bottom: 37.01527614571092%; content: ''; display: block; } } @media screen and (min-width: 750px) { #Banner-template--21831173406998__image_banner_dLK6Lk::before, #Banner-template--21831173406998__image_banner_dLK6Lk .banner__media::before { padding-bottom: 37.01527614571092%; content: ''; display: block; } }</style><style data-shopify>#Banner-template--21831173406998__image_banner_dLK6Lk::after { opacity: 0.0; }</style><div id="Banner-template--21831173406998__image_banner_dLK6Lk" class="banner banner--content-align-center banner--content-align-mobile-center banner--adapt banner--adapt banner--mobile-bottom scroll-trigger animate--fade-in" ><div class="banner__media media scroll-trigger animate--fade-in"><img src="//shop.pier21.ca/cdn/shop/files/Webstore_Banner_shelf.svg?v=1727097568&width=3840" alt="Books, a hat, mugs and a brick kit displayed on a glass shelf inside the gift shop" srcset="//shop.pier21.ca/cdn/shop/files/Webstore_Banner_shelf.svg?v=1727097568&width=375 375w, //shop.pier21.ca/cdn/shop/files/Webstore_Banner_shelf.svg?v=1727097568&width=550 550w, //shop.pier21.ca/cdn/shop/files/Webstore_Banner_shelf.svg?v=1727097568&width=750 750w, //shop.pier21.ca/cdn/shop/files/Webstore_Banner_shelf.svg?v=1727097568&width=1100 1100w, //shop.pier21.ca/cdn/shop/files/Webstore_Banner_shelf.svg?v=1727097568&width=1500 1500w, //shop.pier21.ca/cdn/shop/files/Webstore_Banner_shelf.svg?v=1727097568&width=1780 1780w, //shop.pier21.ca/cdn/shop/files/Webstore_Banner_shelf.svg?v=1727097568&width=2000 2000w, //shop.pier21.ca/cdn/shop/files/Webstore_Banner_shelf.svg?v=1727097568&width=3000 3000w, //shop.pier21.ca/cdn/shop/files/Webstore_Banner_shelf.svg?v=1727097568&width=3840 3840w" width="851" height="315.0" sizes="100vw" fetchpriority="high"> </div><div class="banner__content banner__content--middle-center page-width scroll-trigger animate--slide-in"> <div class="banner__box content-container content-container--full-width-mobile color-background-1 gradient"></div> </div> </div> </section><section id="shopify-section-template--21831173406998__featured_collection" class="shopify-section section"><link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-card.css?v=11469293100223554981704375499" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-price.css?v=70172745017360139101704375500" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-slider.css?v=142503135496229589681704375500" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/template-collection.css?v=58558206033505836701704375501" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/quick-add.css?v=167457951211641553491704375501" rel="stylesheet" type="text/css" media="all" /> <script src="//shop.pier21.ca/cdn/shop/t/2/assets/quick-add.js?v=89084998881394762061704375501" defer="defer"></script> <script src="//shop.pier21.ca/cdn/shop/t/2/assets/product-form.js?v=133081758708377679181704375500" defer="defer"></script><style data-shopify>.section-template--21831173406998__featured_collection-padding { padding-top: 21px; padding-bottom: 27px; } @media screen and (min-width: 750px) { .section-template--21831173406998__featured_collection-padding { padding-top: 28px; padding-bottom: 36px; } }</style><div class="color-background-1 isolate gradient"> <div class="collection section-template--21831173406998__featured_collection-padding"> <div class="collection__title title-wrapper title-wrapper--no-top-margin page-width"><h2 class="title inline-richtext h1 scroll-trigger animate--slide-in"> Produits vedettes </h2><div class="collection__description uppercase rte scroll-trigger animate--slide-in"><p>Collection du Quai 21</p> </div></div> <slider-component class="slider-mobile-gutter page-width page-width-desktop scroll-trigger animate--slide-in"> <ul id="Slider-template--21831173406998__featured_collection" class="grid product-grid contains-card contains-card--product contains-card--standard grid--4-col-desktop grid--2-col-tablet-down" role="list" aria-label="Carrousel" ><li id="Slide-template--21831173406998__featured_collection-1" class="grid__item scroll-trigger animate--slide-in" data-cascade style="--animation-order: 1;" > <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-rating.css?v=157771854592137137841704375500" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-volume-pricing.css?v=56284703641257077881704375500" rel="stylesheet" type="text/css" media="all" /> <div class="card-wrapper product-card-wrapper underline-links-hover"> <div class=" card card--standard card--media " style="--ratio-percent: 100.0%;" > <div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 100.0%;" ><div class="card__media"> <div class="media media--transparent media--hover-effect"> <img srcset="//shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=165 165w,//shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=360 360w,//shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=533 533w,//shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=720 720w,//shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=940 940w,//shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=1066 1066w,//shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631 1080w " src="//shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="Pier 21: A History book cover of immigrant ship docked at Pier 21 and title of book at the top with author's names below " class="motion-reduce" loading="lazy" width="1080" height="1080" > <img srcset="//shop.pier21.ca/cdn/shop/files/Back_view_of_Pier_21_A_History.jpg?v=1726844826&width=165 165w,//shop.pier21.ca/cdn/shop/files/Back_view_of_Pier_21_A_History.jpg?v=1726844826&width=360 360w,//shop.pier21.ca/cdn/shop/files/Back_view_of_Pier_21_A_History.jpg?v=1726844826&width=533 533w,//shop.pier21.ca/cdn/shop/files/Back_view_of_Pier_21_A_History.jpg?v=1726844826&width=720 720w,//shop.pier21.ca/cdn/shop/files/Back_view_of_Pier_21_A_History.jpg?v=1726844826&width=940 940w,//shop.pier21.ca/cdn/shop/files/Back_view_of_Pier_21_A_History.jpg?v=1726844826&width=1066 1066w,//shop.pier21.ca/cdn/shop/files/Back_view_of_Pier_21_A_History.jpg?v=1726844826 1080w " src="//shop.pier21.ca/cdn/shop/files/Back_view_of_Pier_21_A_History.jpg?v=1726844826&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="" class="motion-reduce" loading="lazy" width="1080" height="1080" ></div> </div><div class="card__content"> <div class="card__information"> <h3 class="card__heading" > <a href="/fr/products/pier-21-a-history" id="StandardCardNoMediaLink-template--21831173406998__featured_collection-8040025587990" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--21831173406998__featured_collection-8040025587990 NoMediaStandardBadge-template--21831173406998__featured_collection-8040025587990" > Quai 21 : Une histoire </a> </h3> </div> <div class="card__badge bottom left"></div> </div> </div> <div class="card__content"> <div class="card__information"> <h3 class="card__heading h5" id="title-template--21831173406998__featured_collection-8040025587990" > <a href="/fr/products/pier-21-a-history" id="CardLink-template--21831173406998__featured_collection-8040025587990" class="full-unstyled-link" aria-labelledby="CardLink-template--21831173406998__featured_collection-8040025587990 Badge-template--21831173406998__featured_collection-8040025587990" > Quai 21 : Une histoire </a> </h3> <div class="card-information"><span class="caption-large light"></span> <div class=" price " > <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Prix habituel</span> <span class="price-item price-item--regular"> $27.95 CAD </span></div> <div class="price__sale"> <span class="visually-hidden visually-hidden--inline">Prix habituel</span> <span> <s class="price-item price-item--regular"> </s> </span><span class="visually-hidden visually-hidden--inline">Prix promotionnel</span> <span class="price-item price-item--sale price-item--last"> $27.95 CAD </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Prix unitaire</span> <span class="price-item price-item--last"> <span></span> <span aria-hidden="true">/</span> <span class="visually-hidden"> par </span> <span> </span> </span> </small> </div></div> </div> </div><div class="quick-add no-js-hidden"><modal-opener data-modal="#QuickAdd-8040025587990"> <button id="quick-add-template--21831173406998__featured_collection8040025587990-submit" type="submit" name="add" class="quick-add__submit button button--full-width button--secondary" aria-haspopup="dialog" aria-labelledby="quick-add-template--21831173406998__featured_collection8040025587990-submit title-template--21831173406998__featured_collection-8040025587990" data-product-url="/fr/products/pier-21-a-history" > Choisir des options <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-loading-spinner.css?v=116724955567955766481704375500" rel="stylesheet" type="text/css" media="all" /> <div class="loading__spinner hidden"> <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" > <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> </button> </modal-opener> <quick-add-modal id="QuickAdd-8040025587990" class="quick-add-modal"> <div role="dialog" aria-label="Choisir des options pour Quai 21 : Une histoire " aria-modal="true" class="quick-add-modal__content global-settings-popup" tabindex="-1" > <button id="ModalClose-8040025587990" type="button" class="quick-add-modal__toggle" aria-label="Fermer" > <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewBox="0 0 18 17" > <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> </svg> </button> <div id="QuickAddInfo-8040025587990" class="quick-add-modal__content-info"></div> </div> </quick-add-modal></div><div class="card__badge bottom left"></div> </div> </div> </div> </li><li id="Slide-template--21831173406998__featured_collection-2" class="grid__item scroll-trigger animate--slide-in" data-cascade style="--animation-order: 2;" > <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-rating.css?v=157771854592137137841704375500" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-volume-pricing.css?v=56284703641257077881704375500" rel="stylesheet" type="text/css" media="all" /> <div class="card-wrapper product-card-wrapper underline-links-hover"> <div class=" card card--standard card--media " style="--ratio-percent: 100.0%;" > <div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 100.0%;" ><div class="card__media"> <div class="media media--transparent media--hover-effect"> <img srcset="//shop.pier21.ca/cdn/shop/files/Pier_21_Illustrated_History.jpg?v=1726845924&width=165 165w,//shop.pier21.ca/cdn/shop/files/Pier_21_Illustrated_History.jpg?v=1726845924&width=360 360w,//shop.pier21.ca/cdn/shop/files/Pier_21_Illustrated_History.jpg?v=1726845924&width=533 533w,//shop.pier21.ca/cdn/shop/files/Pier_21_Illustrated_History.jpg?v=1726845924&width=720 720w,//shop.pier21.ca/cdn/shop/files/Pier_21_Illustrated_History.jpg?v=1726845924&width=940 940w,//shop.pier21.ca/cdn/shop/files/Pier_21_Illustrated_History.jpg?v=1726845924&width=1066 1066w,//shop.pier21.ca/cdn/shop/files/Pier_21_Illustrated_History.jpg?v=1726845924 1080w " src="//shop.pier21.ca/cdn/shop/files/Pier_21_Illustrated_History.jpg?v=1726845924&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="Cover of Pier 21: An Illustrated History of Canada's Gateway with the title in a green banner and the main image two immigrant ships docked at Pier 21 in black and white and four photos on the bottom in circles of the Red Cross, mother and child and the front of the immigration building " class="motion-reduce" loading="lazy" width="1080" height="1080" > </div> </div><div class="card__content"> <div class="card__information"> <h3 class="card__heading" > <a href="/fr/products/pier-21-an-illustrated-history-of-canadas-gateway" id="StandardCardNoMediaLink-template--21831173406998__featured_collection-9159933231382" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--21831173406998__featured_collection-9159933231382 NoMediaStandardBadge-template--21831173406998__featured_collection-9159933231382" > Pier 21: An Illustrated History of Canada’s Gateway </a> </h3> </div> <div class="card__badge bottom left"></div> </div> </div> <div class="card__content"> <div class="card__information"> <h3 class="card__heading h5" id="title-template--21831173406998__featured_collection-9159933231382" > <a href="/fr/products/pier-21-an-illustrated-history-of-canadas-gateway" id="CardLink-template--21831173406998__featured_collection-9159933231382" class="full-unstyled-link" aria-labelledby="CardLink-template--21831173406998__featured_collection-9159933231382 Badge-template--21831173406998__featured_collection-9159933231382" > Pier 21: An Illustrated History of Canada’s Gateway </a> </h3> <div class="card-information"><span class="caption-large light"></span> <div class=" price " > <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Prix habituel</span> <span class="price-item price-item--regular"> $24.95 CAD </span></div> <div class="price__sale"> <span class="visually-hidden visually-hidden--inline">Prix habituel</span> <span> <s class="price-item price-item--regular"> </s> </span><span class="visually-hidden visually-hidden--inline">Prix promotionnel</span> <span class="price-item price-item--sale price-item--last"> $24.95 CAD </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Prix unitaire</span> <span class="price-item price-item--last"> <span></span> <span aria-hidden="true">/</span> <span class="visually-hidden"> par </span> <span> </span> </span> </small> </div></div> </div> </div><div class="quick-add no-js-hidden"><product-form data-section-id="template--21831173406998__featured_collection"><form method="post" action="/fr/cart/add" id="quick-add-template--21831173406998__featured_collection9159933231382" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="47615772098838" class="product-variant-id" > <button id="quick-add-template--21831173406998__featured_collection9159933231382-submit" type="submit" name="add" class="quick-add__submit button button--full-width button--secondary" aria-haspopup="dialog" aria-labelledby="quick-add-template--21831173406998__featured_collection9159933231382-submit title-template--21831173406998__featured_collection-9159933231382" aria-live="polite" data-sold-out-message="true" > <span>Ajouter au panier </span> <span class="sold-out-message hidden"> Épuisé </span> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-loading-spinner.css?v=116724955567955766481704375500" rel="stylesheet" type="text/css" media="all" /> <div class="loading__spinner hidden"> <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" > <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> </button><input type="hidden" name="product-id" value="9159933231382" /><input type="hidden" name="section-id" value="template--21831173406998__featured_collection" /></form></product-form></div><div class="card__badge bottom left"></div> </div> </div> </div> </li><li id="Slide-template--21831173406998__featured_collection-3" class="grid__item scroll-trigger animate--slide-in" data-cascade style="--animation-order: 3;" > <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-rating.css?v=157771854592137137841704375500" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-volume-pricing.css?v=56284703641257077881704375500" rel="stylesheet" type="text/css" media="all" /> <div class="card-wrapper product-card-wrapper underline-links-hover"> <div class=" card card--standard card--media " style="--ratio-percent: 100.0%;" > <div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 100.0%;" ><div class="card__media"> <div class="media media--transparent media--hover-effect"> <img srcset="//shop.pier21.ca/cdn/shop/files/Fenton_Sticker.png?v=1730990893&width=165 165w,//shop.pier21.ca/cdn/shop/files/Fenton_Sticker.png?v=1730990893&width=360 360w,//shop.pier21.ca/cdn/shop/files/Fenton_Sticker.png?v=1730990893&width=533 533w,//shop.pier21.ca/cdn/shop/files/Fenton_Sticker.png?v=1730990893 711w " src="//shop.pier21.ca/cdn/shop/files/Fenton_Sticker.png?v=1730990893&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="Round sticker on square background with a beige teddy bear face and a blue immigration cap on it's head" class="motion-reduce" loading="lazy" width="711" height="711" > </div> </div><div class="card__content"> <div class="card__information"> <h3 class="card__heading" > <a href="/fr/products/fenton-sticker" id="StandardCardNoMediaLink-template--21831173406998__featured_collection-9769007939862" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--21831173406998__featured_collection-9769007939862 NoMediaStandardBadge-template--21831173406998__featured_collection-9769007939862" > Autocollant Fenton </a> </h3> </div> <div class="card__badge bottom left"></div> </div> </div> <div class="card__content"> <div class="card__information"> <h3 class="card__heading h5" id="title-template--21831173406998__featured_collection-9769007939862" > <a href="/fr/products/fenton-sticker" id="CardLink-template--21831173406998__featured_collection-9769007939862" class="full-unstyled-link" aria-labelledby="CardLink-template--21831173406998__featured_collection-9769007939862 Badge-template--21831173406998__featured_collection-9769007939862" > Autocollant Fenton </a> </h3> <div class="card-information"><span class="caption-large light"></span> <div class=" price " > <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Prix habituel</span> <span class="price-item price-item--regular"> $1.95 CAD </span></div> <div class="price__sale"> <span class="visually-hidden visually-hidden--inline">Prix habituel</span> <span> <s class="price-item price-item--regular"> </s> </span><span class="visually-hidden visually-hidden--inline">Prix promotionnel</span> <span class="price-item price-item--sale price-item--last"> $1.95 CAD </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Prix unitaire</span> <span class="price-item price-item--last"> <span></span> <span aria-hidden="true">/</span> <span class="visually-hidden"> par </span> <span> </span> </span> </small> </div></div> </div> </div><div class="quick-add no-js-hidden"><product-form data-section-id="template--21831173406998__featured_collection"><form method="post" action="/fr/cart/add" id="quick-add-template--21831173406998__featured_collection9769007939862" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="49400964251926" class="product-variant-id" > <button id="quick-add-template--21831173406998__featured_collection9769007939862-submit" type="submit" name="add" class="quick-add__submit button button--full-width button--secondary" aria-haspopup="dialog" aria-labelledby="quick-add-template--21831173406998__featured_collection9769007939862-submit title-template--21831173406998__featured_collection-9769007939862" aria-live="polite" data-sold-out-message="true" > <span>Ajouter au panier </span> <span class="sold-out-message hidden"> Épuisé </span> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-loading-spinner.css?v=116724955567955766481704375500" rel="stylesheet" type="text/css" media="all" /> <div class="loading__spinner hidden"> <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" > <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> </button><input type="hidden" name="product-id" value="9769007939862" /><input type="hidden" name="section-id" value="template--21831173406998__featured_collection" /></form></product-form></div><div class="card__badge bottom left"></div> </div> </div> </div> </li><li id="Slide-template--21831173406998__featured_collection-4" class="grid__item scroll-trigger animate--slide-in" data-cascade style="--animation-order: 4;" > <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-rating.css?v=157771854592137137841704375500" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-volume-pricing.css?v=56284703641257077881704375500" rel="stylesheet" type="text/css" media="all" /> <div class="card-wrapper product-card-wrapper underline-links-hover"> <div class=" card card--standard card--media " style="--ratio-percent: 100.0%;" > <div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 100.0%;" ><div class="card__media"> <div class="media media--transparent media--hover-effect"> <img srcset="//shop.pier21.ca/cdn/shop/files/Clear_Icon_Sticker.png?v=1730990293&width=165 165w,//shop.pier21.ca/cdn/shop/files/Clear_Icon_Sticker.png?v=1730990293&width=360 360w,//shop.pier21.ca/cdn/shop/files/Clear_Icon_Sticker.png?v=1730990293&width=533 533w,//shop.pier21.ca/cdn/shop/files/Clear_Icon_Sticker.png?v=1730990293 719w " src="//shop.pier21.ca/cdn/shop/files/Clear_Icon_Sticker.png?v=1730990293&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="Canadian Museum of Immigration at Pier 21 icon with a red circle in the center and 4 rounded maple leaves around it in blue, yellow, green and purple creating a colourful compass rose" class="motion-reduce" loading="lazy" width="719" height="719" > <img srcset="//shop.pier21.ca/cdn/shop/files/Holographic_Sticker.png?v=1730990672&width=165 165w,//shop.pier21.ca/cdn/shop/files/Holographic_Sticker.png?v=1730990672&width=360 360w,//shop.pier21.ca/cdn/shop/files/Holographic_Sticker.png?v=1730990672&width=533 533w,//shop.pier21.ca/cdn/shop/files/Holographic_Sticker.png?v=1730990672 668w " src="//shop.pier21.ca/cdn/shop/files/Holographic_Sticker.png?v=1730990672&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="" class="motion-reduce" loading="lazy" width="668" height="668" ></div> </div><div class="card__content"> <div class="card__information"> <h3 class="card__heading" > <a href="/fr/products/icon-sticker" id="StandardCardNoMediaLink-template--21831173406998__featured_collection-9768999846166" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--21831173406998__featured_collection-9768999846166 NoMediaStandardBadge-template--21831173406998__featured_collection-9768999846166" > Autocollant d’icône </a> </h3> </div> <div class="card__badge bottom left"></div> </div> </div> <div class="card__content"> <div class="card__information"> <h3 class="card__heading h5" id="title-template--21831173406998__featured_collection-9768999846166" > <a href="/fr/products/icon-sticker" id="CardLink-template--21831173406998__featured_collection-9768999846166" class="full-unstyled-link" aria-labelledby="CardLink-template--21831173406998__featured_collection-9768999846166 Badge-template--21831173406998__featured_collection-9768999846166" > Autocollant d’icône </a> </h3> <div class="card-information"><span class="caption-large light"></span> <div class=" price " > <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Prix habituel</span> <span class="price-item price-item--regular"> $2.50 CAD </span></div> <div class="price__sale"> <span class="visually-hidden visually-hidden--inline">Prix habituel</span> <span> <s class="price-item price-item--regular"> </s> </span><span class="visually-hidden visually-hidden--inline">Prix promotionnel</span> <span class="price-item price-item--sale price-item--last"> $2.50 CAD </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Prix unitaire</span> <span class="price-item price-item--last"> <span></span> <span aria-hidden="true">/</span> <span class="visually-hidden"> par </span> <span> </span> </span> </small> </div></div> </div> </div><div class="quick-add no-js-hidden"><modal-opener data-modal="#QuickAdd-9768999846166"> <button id="quick-add-template--21831173406998__featured_collection9768999846166-submit" type="submit" name="add" class="quick-add__submit button button--full-width button--secondary" aria-haspopup="dialog" aria-labelledby="quick-add-template--21831173406998__featured_collection9768999846166-submit title-template--21831173406998__featured_collection-9768999846166" data-product-url="/fr/products/icon-sticker" > Choisir des options <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-loading-spinner.css?v=116724955567955766481704375500" rel="stylesheet" type="text/css" media="all" /> <div class="loading__spinner hidden"> <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" > <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> </button> </modal-opener> <quick-add-modal id="QuickAdd-9768999846166" class="quick-add-modal"> <div role="dialog" aria-label="Choisir des options pour Autocollant d’icône" aria-modal="true" class="quick-add-modal__content global-settings-popup" tabindex="-1" > <button id="ModalClose-9768999846166" type="button" class="quick-add-modal__toggle" aria-label="Fermer" > <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewBox="0 0 18 17" > <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> </svg> </button> <div id="QuickAddInfo-9768999846166" class="quick-add-modal__content-info"></div> </div> </quick-add-modal></div><div class="card__badge bottom left"></div> </div> </div> </div> </li><li id="Slide-template--21831173406998__featured_collection-5" class="grid__item scroll-trigger animate--slide-in" data-cascade style="--animation-order: 5;" > <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-rating.css?v=157771854592137137841704375500" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-volume-pricing.css?v=56284703641257077881704375500" rel="stylesheet" type="text/css" media="all" /> <div class="card-wrapper product-card-wrapper underline-links-hover"> <div class=" card card--standard card--media " style="--ratio-percent: 100.0%;" > <div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 100.0%;" ><div class="card__media"> <div class="media media--transparent media--hover-effect"> <img srcset="//shop.pier21.ca/cdn/shop/files/Brick_Kit.png?v=1726838871&width=165 165w,//shop.pier21.ca/cdn/shop/files/Brick_Kit.png?v=1726838871&width=360 360w,//shop.pier21.ca/cdn/shop/files/Brick_Kit.png?v=1726838871&width=533 533w,//shop.pier21.ca/cdn/shop/files/Brick_Kit.png?v=1726838871&width=720 720w,//shop.pier21.ca/cdn/shop/files/Brick_Kit.png?v=1726838871&width=940 940w,//shop.pier21.ca/cdn/shop/files/Brick_Kit.png?v=1726838871&width=1066 1066w,//shop.pier21.ca/cdn/shop/files/Brick_Kit.png?v=1726838871 1405w " src="//shop.pier21.ca/cdn/shop/files/Brick_Kit.png?v=1726838871&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="Front view of building made out of plastic building blocks." class="motion-reduce" loading="lazy" width="1405" height="1405" > <img srcset="//shop.pier21.ca/cdn/shop/files/Brick_Kit_in_bag.png?v=1726839243&width=165 165w,//shop.pier21.ca/cdn/shop/files/Brick_Kit_in_bag.png?v=1726839243&width=360 360w,//shop.pier21.ca/cdn/shop/files/Brick_Kit_in_bag.png?v=1726839243&width=533 533w,//shop.pier21.ca/cdn/shop/files/Brick_Kit_in_bag.png?v=1726839243&width=720 720w,//shop.pier21.ca/cdn/shop/files/Brick_Kit_in_bag.png?v=1726839243&width=940 940w,//shop.pier21.ca/cdn/shop/files/Brick_Kit_in_bag.png?v=1726839243&width=1066 1066w,//shop.pier21.ca/cdn/shop/files/Brick_Kit_in_bag.png?v=1726839243 1348w " src="//shop.pier21.ca/cdn/shop/files/Brick_Kit_in_bag.png?v=1726839243&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="" class="motion-reduce" loading="lazy" width="1348" height="1348" ></div> </div><div class="card__content"> <div class="card__information"> <h3 class="card__heading" > <a href="/fr/products/pier-21-brick-kit" id="StandardCardNoMediaLink-template--21831173406998__featured_collection-9589728117014" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--21831173406998__featured_collection-9589728117014 NoMediaStandardBadge-template--21831173406998__featured_collection-9589728117014" > Briques empilables du Quai 21 </a> </h3> </div> <div class="card__badge bottom left"></div> </div> </div> <div class="card__content"> <div class="card__information"> <h3 class="card__heading h5" id="title-template--21831173406998__featured_collection-9589728117014" > <a href="/fr/products/pier-21-brick-kit" id="CardLink-template--21831173406998__featured_collection-9589728117014" class="full-unstyled-link" aria-labelledby="CardLink-template--21831173406998__featured_collection-9589728117014 Badge-template--21831173406998__featured_collection-9589728117014" > Briques empilables du Quai 21 </a> </h3> <div class="card-information"><span class="caption-large light"></span> <div class=" price " > <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Prix habituel</span> <span class="price-item price-item--regular"> $65.00 CAD </span></div> <div class="price__sale"> <span class="visually-hidden visually-hidden--inline">Prix habituel</span> <span> <s class="price-item price-item--regular"> </s> </span><span class="visually-hidden visually-hidden--inline">Prix promotionnel</span> <span class="price-item price-item--sale price-item--last"> $65.00 CAD </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Prix unitaire</span> <span class="price-item price-item--last"> <span></span> <span aria-hidden="true">/</span> <span class="visually-hidden"> par </span> <span> </span> </span> </small> </div></div> </div> </div><div class="quick-add no-js-hidden"><product-form data-section-id="template--21831173406998__featured_collection"><form method="post" action="/fr/cart/add" id="quick-add-template--21831173406998__featured_collection9589728117014" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="48740808327446" class="product-variant-id" > <button id="quick-add-template--21831173406998__featured_collection9589728117014-submit" type="submit" name="add" class="quick-add__submit button button--full-width button--secondary" aria-haspopup="dialog" aria-labelledby="quick-add-template--21831173406998__featured_collection9589728117014-submit title-template--21831173406998__featured_collection-9589728117014" aria-live="polite" data-sold-out-message="true" > <span>Ajouter au panier </span> <span class="sold-out-message hidden"> Épuisé </span> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-loading-spinner.css?v=116724955567955766481704375500" rel="stylesheet" type="text/css" media="all" /> <div class="loading__spinner hidden"> <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" > <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> </button><input type="hidden" name="product-id" value="9589728117014" /><input type="hidden" name="section-id" value="template--21831173406998__featured_collection" /></form></product-form></div><div class="card__badge bottom left"></div> </div> </div> </div> </li><li id="Slide-template--21831173406998__featured_collection-6" class="grid__item scroll-trigger animate--slide-in" data-cascade style="--animation-order: 6;" > <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-rating.css?v=157771854592137137841704375500" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-volume-pricing.css?v=56284703641257077881704375500" rel="stylesheet" type="text/css" media="all" /> <div class="card-wrapper product-card-wrapper underline-links-hover"> <div class=" card card--standard card--media " style="--ratio-percent: 100.0%;" > <div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 100.0%;" ><div class="card__media"> <div class="media media--transparent media--hover-effect"> <img srcset="//shop.pier21.ca/cdn/shop/files/Icon_mug.png?v=1726831006&width=165 165w,//shop.pier21.ca/cdn/shop/files/Icon_mug.png?v=1726831006&width=360 360w,//shop.pier21.ca/cdn/shop/files/Icon_mug.png?v=1726831006&width=533 533w,//shop.pier21.ca/cdn/shop/files/Icon_mug.png?v=1726831006&width=720 720w,//shop.pier21.ca/cdn/shop/files/Icon_mug.png?v=1726831006&width=940 940w,//shop.pier21.ca/cdn/shop/files/Icon_mug.png?v=1726831006&width=1066 1066w,//shop.pier21.ca/cdn/shop/files/Icon_mug.png?v=1726831006 1308w " src="//shop.pier21.ca/cdn/shop/files/Icon_mug.png?v=1726831006&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="Tall, white mug with colourful icon of four maple leaves in blue, yellow, green and purple with a red circle in the middle " class="motion-reduce" loading="lazy" width="1308" height="1308" > <img srcset="//shop.pier21.ca/cdn/shop/files/Right_handle.png?v=1726831146&width=165 165w,//shop.pier21.ca/cdn/shop/files/Right_handle.png?v=1726831146&width=360 360w,//shop.pier21.ca/cdn/shop/files/Right_handle.png?v=1726831146&width=533 533w,//shop.pier21.ca/cdn/shop/files/Right_handle.png?v=1726831146&width=720 720w,//shop.pier21.ca/cdn/shop/files/Right_handle.png?v=1726831146&width=940 940w,//shop.pier21.ca/cdn/shop/files/Right_handle.png?v=1726831146&width=1066 1066w,//shop.pier21.ca/cdn/shop/files/Right_handle.png?v=1726831146 1361w " src="//shop.pier21.ca/cdn/shop/files/Right_handle.png?v=1726831146&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="" class="motion-reduce" loading="lazy" width="1361" height="1361" ></div> </div><div class="card__content"> <div class="card__information"> <h3 class="card__heading" > <a href="/fr/products/icon-mug" id="StandardCardNoMediaLink-template--21831173406998__featured_collection-9151855329558" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--21831173406998__featured_collection-9151855329558 NoMediaStandardBadge-template--21831173406998__featured_collection-9151855329558" > Tasse à icône </a> </h3> </div> <div class="card__badge bottom left"></div> </div> </div> <div class="card__content"> <div class="card__information"> <h3 class="card__heading h5" id="title-template--21831173406998__featured_collection-9151855329558" > <a href="/fr/products/icon-mug" id="CardLink-template--21831173406998__featured_collection-9151855329558" class="full-unstyled-link" aria-labelledby="CardLink-template--21831173406998__featured_collection-9151855329558 Badge-template--21831173406998__featured_collection-9151855329558" > Tasse à icône </a> </h3> <div class="card-information"><span class="caption-large light"></span> <div class=" price " > <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Prix habituel</span> <span class="price-item price-item--regular"> $14.95 CAD </span></div> <div class="price__sale"> <span class="visually-hidden visually-hidden--inline">Prix habituel</span> <span> <s class="price-item price-item--regular"> </s> </span><span class="visually-hidden visually-hidden--inline">Prix promotionnel</span> <span class="price-item price-item--sale price-item--last"> $14.95 CAD </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Prix unitaire</span> <span class="price-item price-item--last"> <span></span> <span aria-hidden="true">/</span> <span class="visually-hidden"> par </span> <span> </span> </span> </small> </div></div> </div> </div><div class="quick-add no-js-hidden"><product-form data-section-id="template--21831173406998__featured_collection"><form method="post" action="/fr/cart/add" id="quick-add-template--21831173406998__featured_collection9151855329558" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="47591652884758" class="product-variant-id" > <button id="quick-add-template--21831173406998__featured_collection9151855329558-submit" type="submit" name="add" class="quick-add__submit button button--full-width button--secondary" aria-haspopup="dialog" aria-labelledby="quick-add-template--21831173406998__featured_collection9151855329558-submit title-template--21831173406998__featured_collection-9151855329558" aria-live="polite" data-sold-out-message="true" > <span>Ajouter au panier </span> <span class="sold-out-message hidden"> Épuisé </span> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-loading-spinner.css?v=116724955567955766481704375500" rel="stylesheet" type="text/css" media="all" /> <div class="loading__spinner hidden"> <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" > <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> </button><input type="hidden" name="product-id" value="9151855329558" /><input type="hidden" name="section-id" value="template--21831173406998__featured_collection" /></form></product-form></div><div class="card__badge bottom left"></div> </div> </div> </div> </li><li id="Slide-template--21831173406998__featured_collection-7" class="grid__item scroll-trigger animate--slide-in" data-cascade style="--animation-order: 7;" > <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-rating.css?v=157771854592137137841704375500" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-volume-pricing.css?v=56284703641257077881704375500" rel="stylesheet" type="text/css" media="all" /> <div class="card-wrapper product-card-wrapper underline-links-hover"> <div class=" card card--standard card--media " style="--ratio-percent: 100.0%;" > <div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 100.0%;" ><div class="card__media"> <div class="media media--transparent media--hover-effect"> <img srcset="//shop.pier21.ca/cdn/shop/files/Pewter_Alumni_Pin.png?v=1726506496&width=165 165w,//shop.pier21.ca/cdn/shop/files/Pewter_Alumni_Pin.png?v=1726506496&width=360 360w,//shop.pier21.ca/cdn/shop/files/Pewter_Alumni_Pin.png?v=1726506496&width=533 533w,//shop.pier21.ca/cdn/shop/files/Pewter_Alumni_Pin.png?v=1726506496&width=720 720w,//shop.pier21.ca/cdn/shop/files/Pewter_Alumni_Pin.png?v=1726506496&width=940 940w,//shop.pier21.ca/cdn/shop/files/Pewter_Alumni_Pin.png?v=1726506496&width=1066 1066w,//shop.pier21.ca/cdn/shop/files/Pewter_Alumni_Pin.png?v=1726506496 1289w " src="//shop.pier21.ca/cdn/shop/files/Pewter_Alumni_Pin.png?v=1726506496&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="Round, pewter pin with Pier 21 Alumni around the outer circumference and Halifax, Canada and maple leaf in the center " class="motion-reduce" loading="lazy" width="1289" height="1289" > </div> </div><div class="card__content"> <div class="card__information"> <h3 class="card__heading" > <a href="/fr/products/alumni-lapel-pin" id="StandardCardNoMediaLink-template--21831173406998__featured_collection-9159868088598" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--21831173406998__featured_collection-9159868088598 NoMediaStandardBadge-template--21831173406998__featured_collection-9159868088598" > Épinglette des anciens du Quai </a> </h3> </div> <div class="card__badge bottom left"></div> </div> </div> <div class="card__content"> <div class="card__information"> <h3 class="card__heading h5" id="title-template--21831173406998__featured_collection-9159868088598" > <a href="/fr/products/alumni-lapel-pin" id="CardLink-template--21831173406998__featured_collection-9159868088598" class="full-unstyled-link" aria-labelledby="CardLink-template--21831173406998__featured_collection-9159868088598 Badge-template--21831173406998__featured_collection-9159868088598" > Épinglette des anciens du Quai </a> </h3> <div class="card-information"><span class="caption-large light"></span> <div class=" price " > <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Prix habituel</span> <span class="price-item price-item--regular"> $11.95 CAD </span></div> <div class="price__sale"> <span class="visually-hidden visually-hidden--inline">Prix habituel</span> <span> <s class="price-item price-item--regular"> </s> </span><span class="visually-hidden visually-hidden--inline">Prix promotionnel</span> <span class="price-item price-item--sale price-item--last"> $11.95 CAD </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Prix unitaire</span> <span class="price-item price-item--last"> <span></span> <span aria-hidden="true">/</span> <span class="visually-hidden"> par </span> <span> </span> </span> </small> </div></div> </div> </div><div class="quick-add no-js-hidden"><product-form data-section-id="template--21831173406998__featured_collection"><form method="post" action="/fr/cart/add" id="quick-add-template--21831173406998__featured_collection9159868088598" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="47615368003862" class="product-variant-id" > <button id="quick-add-template--21831173406998__featured_collection9159868088598-submit" type="submit" name="add" class="quick-add__submit button button--full-width button--secondary" aria-haspopup="dialog" aria-labelledby="quick-add-template--21831173406998__featured_collection9159868088598-submit title-template--21831173406998__featured_collection-9159868088598" aria-live="polite" data-sold-out-message="true" > <span>Ajouter au panier </span> <span class="sold-out-message hidden"> Épuisé </span> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-loading-spinner.css?v=116724955567955766481704375500" rel="stylesheet" type="text/css" media="all" /> <div class="loading__spinner hidden"> <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" > <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> </button><input type="hidden" name="product-id" value="9159868088598" /><input type="hidden" name="section-id" value="template--21831173406998__featured_collection" /></form></product-form></div><div class="card__badge bottom left"></div> </div> </div> </div> </li><li id="Slide-template--21831173406998__featured_collection-8" class="grid__item scroll-trigger animate--slide-in" data-cascade style="--animation-order: 8;" > <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-rating.css?v=157771854592137137841704375500" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-volume-pricing.css?v=56284703641257077881704375500" rel="stylesheet" type="text/css" media="all" /> <div class="card-wrapper product-card-wrapper underline-links-hover"> <div class=" card card--standard card--media " style="--ratio-percent: 100.0%;" > <div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 100.0%;" ><div class="card__media"> <div class="media media--transparent media--hover-effect"> <img srcset="//shop.pier21.ca/cdn/shop/files/enamel_pin.png?v=1726511168&width=165 165w,//shop.pier21.ca/cdn/shop/files/enamel_pin.png?v=1726511168&width=360 360w,//shop.pier21.ca/cdn/shop/files/enamel_pin.png?v=1726511168&width=533 533w,//shop.pier21.ca/cdn/shop/files/enamel_pin.png?v=1726511168&width=720 720w,//shop.pier21.ca/cdn/shop/files/enamel_pin.png?v=1726511168&width=940 940w,//shop.pier21.ca/cdn/shop/files/enamel_pin.png?v=1726511168&width=1066 1066w,//shop.pier21.ca/cdn/shop/files/enamel_pin.png?v=1726511168 1372w " src="//shop.pier21.ca/cdn/shop/files/enamel_pin.png?v=1726511168&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="Enamel pin in the shape of the façade of Pier 21 in orange, navy, teal and gold on a backing card that has Gateway to Canada at the top and the museum's logo on the bottom " class="motion-reduce" loading="lazy" width="1372" height="1372" > </div> </div><div class="card__content"> <div class="card__information"> <h3 class="card__heading" > <a href="/fr/products/enamel-pin" id="StandardCardNoMediaLink-template--21831173406998__featured_collection-9574495289622" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--21831173406998__featured_collection-9574495289622 NoMediaStandardBadge-template--21831173406998__featured_collection-9574495289622" > Épingle en émail </a> </h3> </div> <div class="card__badge bottom left"></div> </div> </div> <div class="card__content"> <div class="card__information"> <h3 class="card__heading h5" id="title-template--21831173406998__featured_collection-9574495289622" > <a href="/fr/products/enamel-pin" id="CardLink-template--21831173406998__featured_collection-9574495289622" class="full-unstyled-link" aria-labelledby="CardLink-template--21831173406998__featured_collection-9574495289622 Badge-template--21831173406998__featured_collection-9574495289622" > Épingle en émail </a> </h3> <div class="card-information"><span class="caption-large light"></span> <div class=" price " > <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Prix habituel</span> <span class="price-item price-item--regular"> $11.00 CAD </span></div> <div class="price__sale"> <span class="visually-hidden visually-hidden--inline">Prix habituel</span> <span> <s class="price-item price-item--regular"> </s> </span><span class="visually-hidden visually-hidden--inline">Prix promotionnel</span> <span class="price-item price-item--sale price-item--last"> $11.00 CAD </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Prix unitaire</span> <span class="price-item price-item--last"> <span></span> <span aria-hidden="true">/</span> <span class="visually-hidden"> par </span> <span> </span> </span> </small> </div></div> </div> </div><div class="quick-add no-js-hidden"><product-form data-section-id="template--21831173406998__featured_collection"><form method="post" action="/fr/cart/add" id="quick-add-template--21831173406998__featured_collection9574495289622" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="48708091248918" class="product-variant-id" > <button id="quick-add-template--21831173406998__featured_collection9574495289622-submit" type="submit" name="add" class="quick-add__submit button button--full-width button--secondary" aria-haspopup="dialog" aria-labelledby="quick-add-template--21831173406998__featured_collection9574495289622-submit title-template--21831173406998__featured_collection-9574495289622" aria-live="polite" data-sold-out-message="true" > <span>Ajouter au panier </span> <span class="sold-out-message hidden"> Épuisé </span> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-loading-spinner.css?v=116724955567955766481704375500" rel="stylesheet" type="text/css" media="all" /> <div class="loading__spinner hidden"> <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" > <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> </button><input type="hidden" name="product-id" value="9574495289622" /><input type="hidden" name="section-id" value="template--21831173406998__featured_collection" /></form></product-form></div><div class="card__badge bottom left"></div> </div> </div> </div> </li></ul></slider-component><div class="center collection__view-all scroll-trigger animate--slide-in"> <a href="/fr/collections/the-pier-21-collection" class="button button--secondary" aria-label="Afficher tous les produits de la collection Collection du Quai 21" > Tout afficher </a> </div></div> </div> </section><section id="shopify-section-template--21831173406998__featured_product_JBkgyC" class="shopify-section section section-featured-product"><link href="//shop.pier21.ca/cdn/shop/t/2/assets/section-main-product.css?v=141059467971401676601704375501" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/section-featured-product.css?v=77241854885429512531704375501" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-accordion.css?v=180964204318874863811704375499" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-price.css?v=70172745017360139101704375500" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-deferred-media.css?v=14096082462203297471704375500" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-rating.css?v=157771854592137137841704375500" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-volume-pricing.css?v=56284703641257077881704375500" rel="stylesheet" type="text/css" media="all" /> <style data-shopify>.section-template--21831173406998__featured_product_JBkgyC-padding { padding-top: 27px; padding-bottom: 27px; } @media screen and (min-width: 750px) { .section-template--21831173406998__featured_product_JBkgyC-padding { padding-top: 36px; padding-bottom: 36px; } }</style><script src="//shop.pier21.ca/cdn/shop/t/2/assets/product-info.js?v=81873523020508815201704375501" defer="defer"></script> <script src="//shop.pier21.ca/cdn/shop/t/2/assets/show-more.js?v=135784227224860024771704375501" defer="defer"></script> <script src="//shop.pier21.ca/cdn/shop/t/2/assets/price-per-item.js?v=20223165687617204711704375500" defer="defer"></script> <section class="color-background-1 gradient"> <div class="page-width section-template--21831173406998__featured_product_JBkgyC-padding"> <div class="featured-product product product--medium grid grid--1-col gradient color-background-1 product--left isolate grid--2-col-tablet"> <div class="grid__item product__media-wrapper"> <media-gallery id="MediaGallery-template--21831173406998__featured_product_JBkgyC" role="region" aria-label="Visionneuse de la galerie" data-desktop-layout="stacked" > <div id="GalleryViewer-template--21831173406998__featured_product_JBkgyC" class="product__media-list scroll-trigger animate--fade-in" ><div class="product__media-item" data-media-id="template--21831173406998__featured_product_JBkgyC-37486683619606"> <div class="product-media-container media-type-image media-fit-contain global-media-settings gradient constrain-height" style="--ratio: 1.0; --preview-ratio: 1.0;" > <noscript><div class="product__media media"> <img src="//shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=1946" alt="Pier 21: A History book cover of immigrant ship docked at Pier 21 and title of book at the top with author's names below " srcset="//shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=246 246w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=493 493w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=600 600w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=713 713w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=823 823w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=990 990w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=1100 1100w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=1206 1206w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=1346 1346w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=1426 1426w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=1646 1646w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=1946 1946w" width="1946" height="1946" loading="lazy" sizes="(min-width: 1200px) 605px, (min-width: 990px) calc(55.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)"> </div></noscript> <modal-opener class="product__modal-opener product__modal-opener--image no-js-hidden" data-modal="#ProductModal-template--21831173406998__featured_product_JBkgyC"> <span class="product__media-icon motion-reduce quick-add-hidden product__media-icon--lightbox" aria-hidden="true"><svg aria-hidden="true" focusable="false" class="icon icon-plus" width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M4.66724 7.93978C4.66655 7.66364 4.88984 7.43922 5.16598 7.43853L10.6996 7.42464C10.9758 7.42395 11.2002 7.64724 11.2009 7.92339C11.2016 8.19953 10.9783 8.42395 10.7021 8.42464L5.16849 8.43852C4.89235 8.43922 4.66793 8.21592 4.66724 7.93978Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.92576 4.66463C8.2019 4.66394 8.42632 4.88723 8.42702 5.16337L8.4409 10.697C8.44159 10.9732 8.2183 11.1976 7.94215 11.1983C7.66601 11.199 7.44159 10.9757 7.4409 10.6995L7.42702 5.16588C7.42633 4.88974 7.64962 4.66532 7.92576 4.66463Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8324 3.03011C10.1255 0.323296 5.73693 0.323296 3.03011 3.03011C0.323296 5.73693 0.323296 10.1256 3.03011 12.8324C5.73693 15.5392 10.1255 15.5392 12.8324 12.8324C15.5392 10.1256 15.5392 5.73693 12.8324 3.03011ZM2.32301 2.32301C5.42035 -0.774336 10.4421 -0.774336 13.5395 2.32301C16.6101 5.39361 16.6366 10.3556 13.619 13.4588L18.2473 18.0871C18.4426 18.2824 18.4426 18.599 18.2473 18.7943C18.0521 18.9895 17.7355 18.9895 17.5402 18.7943L12.8778 14.1318C9.76383 16.6223 5.20839 16.4249 2.32301 13.5395C-0.774335 10.4421 -0.774335 5.42035 2.32301 2.32301Z" fill="currentColor"/> </svg> </span> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-loading-spinner.css?v=116724955567955766481704375500" rel="stylesheet" type="text/css" media="all" /> <div class="loading__spinner hidden"> <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" > <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> <div class="product__media media media--transparent"> <img src="//shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=1946" alt="Pier 21: A History book cover of immigrant ship docked at Pier 21 and title of book at the top with author's names below " srcset="//shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=246 246w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=493 493w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=600 600w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=713 713w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=823 823w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=990 990w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=1100 1100w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=1206 1206w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=1346 1346w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=1426 1426w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=1646 1646w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=1946 1946w" width="1946" height="1946" loading="lazy" class="image-magnify-lightbox" sizes="(min-width: 1200px) 605px, (min-width: 990px) calc(55.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)"> </div> <button class="product__media-toggle quick-add-hidden product__media-zoom-lightbox" type="button" aria-haspopup="dialog" data-media-id="37486683619606"> <span class="visually-hidden"> Ouvrir le média featured dans une fenêtre modale </span> </button> </modal-opener></div> </div><div class="product__media-item" data-media-id="template--21831173406998__featured_product_JBkgyC-38836362903830"> <div class="product-media-container media-type-image media-fit-contain global-media-settings gradient constrain-height" style="--ratio: 1.0; --preview-ratio: 1.0;" > <noscript><div class="product__media media"> <img src="//shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=1946" alt="Quai 21: Une histoire book cover of immigrant ship docked at Pier 21 and title of book at the top with author's names below " srcset="//shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=246 246w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=493 493w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=600 600w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=713 713w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=823 823w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=990 990w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=1100 1100w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=1206 1206w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=1346 1346w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=1426 1426w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=1646 1646w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=1946 1946w" width="1946" height="1946" loading="lazy" sizes="(min-width: 1200px) 605px, (min-width: 990px) calc(55.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)"> </div></noscript> <modal-opener class="product__modal-opener product__modal-opener--image no-js-hidden" data-modal="#ProductModal-template--21831173406998__featured_product_JBkgyC"> <span class="product__media-icon motion-reduce quick-add-hidden product__media-icon--lightbox" aria-hidden="true"><svg aria-hidden="true" focusable="false" class="icon icon-plus" width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M4.66724 7.93978C4.66655 7.66364 4.88984 7.43922 5.16598 7.43853L10.6996 7.42464C10.9758 7.42395 11.2002 7.64724 11.2009 7.92339C11.2016 8.19953 10.9783 8.42395 10.7021 8.42464L5.16849 8.43852C4.89235 8.43922 4.66793 8.21592 4.66724 7.93978Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.92576 4.66463C8.2019 4.66394 8.42632 4.88723 8.42702 5.16337L8.4409 10.697C8.44159 10.9732 8.2183 11.1976 7.94215 11.1983C7.66601 11.199 7.44159 10.9757 7.4409 10.6995L7.42702 5.16588C7.42633 4.88974 7.64962 4.66532 7.92576 4.66463Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8324 3.03011C10.1255 0.323296 5.73693 0.323296 3.03011 3.03011C0.323296 5.73693 0.323296 10.1256 3.03011 12.8324C5.73693 15.5392 10.1255 15.5392 12.8324 12.8324C15.5392 10.1256 15.5392 5.73693 12.8324 3.03011ZM2.32301 2.32301C5.42035 -0.774336 10.4421 -0.774336 13.5395 2.32301C16.6101 5.39361 16.6366 10.3556 13.619 13.4588L18.2473 18.0871C18.4426 18.2824 18.4426 18.599 18.2473 18.7943C18.0521 18.9895 17.7355 18.9895 17.5402 18.7943L12.8778 14.1318C9.76383 16.6223 5.20839 16.4249 2.32301 13.5395C-0.774335 10.4421 -0.774335 5.42035 2.32301 2.32301Z" fill="currentColor"/> </svg> </span> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-loading-spinner.css?v=116724955567955766481704375500" rel="stylesheet" type="text/css" media="all" /> <div class="loading__spinner hidden"> <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" > <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> <div class="product__media media media--transparent"> <img src="//shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=1946" alt="Quai 21: Une histoire book cover of immigrant ship docked at Pier 21 and title of book at the top with author's names below " srcset="//shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=246 246w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=493 493w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=600 600w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=713 713w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=823 823w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=990 990w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=1100 1100w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=1206 1206w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=1346 1346w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=1426 1426w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=1646 1646w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=1946 1946w" width="1946" height="1946" loading="lazy" class="image-magnify-lightbox" sizes="(min-width: 1200px) 605px, (min-width: 990px) calc(55.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)"> </div> <button class="product__media-toggle quick-add-hidden product__media-zoom-lightbox" type="button" aria-haspopup="dialog" data-media-id="38836362903830"> <span class="visually-hidden"> Ouvrir le média 3 dans une fenêtre modale </span> </button> </modal-opener></div> </div></div></media-gallery> </div> <div class="product__info-wrapper grid__item scroll-trigger animate--slide-in"> <product-info id="ProductInfo-template--21831173406998__featured_product_JBkgyC" class="product__info-container" data-section="template--21831173406998__featured_product_JBkgyC" data-url="/fr/products/pier-21-a-history" ><p class="product__text inline-richtext caption-with-letter-spacing" >University of Ottawa Press</p><h2 class="product__title h1" >Quai 21 : Une histoire </h2><div class="no-js-hidden" id="price-template--21831173406998__featured_product_JBkgyC" role="status" > <div class=" price price--large price--show-badge" > <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Prix habituel</span> <span class="price-item price-item--regular"> $27.95 CAD </span></div> <div class="price__sale"> <span class="visually-hidden visually-hidden--inline">Prix habituel</span> <span> <s class="price-item price-item--regular"> </s> </span><span class="visually-hidden visually-hidden--inline">Prix promotionnel</span> <span class="price-item price-item--sale price-item--last"> $27.95 CAD </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Prix unitaire</span> <span class="price-item price-item--last"> <span></span> <span aria-hidden="true">/</span> <span class="visually-hidden"> par </span> <span> </span> </span> </small> </div><span class="badge price__badge-sale color-accent-2"> En vente </span> <span class="badge price__badge-sold-out color-inverse"> Épuisé </span></div> </div><div ><form method="post" action="/fr/cart/add" id="product_form_8040025587990" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="48698383827222"> <input type="hidden" name="product-id" value="8040025587990" /><input type="hidden" name="section-id" value="template--21831173406998__featured_product_JBkgyC" /></form></div> <variant-radios id="variant-radios-template--21831173406998__featured_product_JBkgyC" class="no-js-hidden" data-section="template--21831173406998__featured_product_JBkgyC" data-url="/fr/products/pier-21-a-history" data-update-url="false" ><fieldset class="js product-form__input"> <legend class="form__label">Language </legend> <input type="radio" id="template--21831173406998__featured_product_JBkgyC-1-0" name="Language " value="Anglais" form="product-form-template--21831173406998__featured_product_JBkgyC" checked > <label for="template--21831173406998__featured_product_JBkgyC-1-0"> Anglais<span class="visually-hidden">Variante épuisée ou indisponible</span> </label><input type="radio" id="template--21831173406998__featured_product_JBkgyC-1-1" name="Language " value="Français" form="product-form-template--21831173406998__featured_product_JBkgyC" > <label for="template--21831173406998__featured_product_JBkgyC-1-1"> Français<span class="visually-hidden">Variante épuisée ou indisponible</span> </label> </fieldset><script type="application/json"> [{"id":48698383827222,"title":"Anglais","option1":"Anglais","option2":null,"option3":null,"sku":"00431402","requires_shipping":true,"taxable":true,"featured_image":{"id":45006908784918,"product_id":8040025587990,"position":1,"created_at":"2024-06-20T14:05:09-03:00","updated_at":"2024-09-20T12:03:51-03:00","alt":"Pier 21: A History book cover of immigrant ship docked at Pier 21 and title of book at the top with author's names below ","width":1080,"height":1080,"src":"\/\/shop.pier21.ca\/cdn\/shop\/files\/Pier_21_A_History.png?v=1726844631","variant_ids":[48698383827222]},"available":true,"name":"Quai 21 : Une histoire - Anglais","public_title":"Anglais","options":["Anglais"],"price":2795,"weight":355,"compare_at_price":null,"inventory_management":"shopify","barcode":"9782760331402","featured_media":{"alt":"Pier 21: A History book cover of immigrant ship docked at Pier 21 and title of book at the top with author's names below ","id":37486683619606,"position":1,"preview_image":{"aspect_ratio":1.0,"height":1080,"width":1080,"src":"\/\/shop.pier21.ca\/cdn\/shop\/files\/Pier_21_A_History.png?v=1726844631"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":48698383859990,"title":"Français","option1":"Français","option2":null,"option3":null,"sku":"00431403","requires_shipping":true,"taxable":true,"featured_image":{"id":46784526516502,"product_id":8040025587990,"position":3,"created_at":"2024-10-23T11:42:11-03:00","updated_at":"2024-10-23T11:43:35-03:00","alt":"Quai 21: Une histoire book cover of immigrant ship docked at Pier 21 and title of book at the top with author's names below ","width":1080,"height":1080,"src":"\/\/shop.pier21.ca\/cdn\/shop\/files\/Quai_21_Book_Cover.png?v=1729694615","variant_ids":[48698383859990]},"available":true,"name":"Quai 21 : Une histoire - Français","public_title":"Français","options":["Français"],"price":2795,"weight":355,"compare_at_price":null,"inventory_management":"shopify","barcode":"","featured_media":{"alt":"Quai 21: Une histoire book cover of immigrant ship docked at Pier 21 and title of book at the top with author's names below ","id":38836362903830,"position":3,"preview_image":{"aspect_ratio":1.0,"height":1080,"width":1080,"src":"\/\/shop.pier21.ca\/cdn\/shop\/files\/Quai_21_Book_Cover.png?v=1729694615"}},"requires_selling_plan":false,"selling_plan_allocations":[]}] </script> </variant-radios><noscript class="product-form__noscript-wrapper-template--21831173406998__featured_product_JBkgyC"> <div class="product-form__input"> <label class="form__label" for="Variants-template--21831173406998__featured_product_JBkgyC">Variantes de produits</label> <div class="select"> <select name="id" id="Variants-template--21831173406998__featured_product_JBkgyC" class="select__select" form="product-form-template--21831173406998__featured_product_JBkgyC" ><option selected="selected" value="48698383827222" >Anglais - $27.95</option><option value="48698383859990" >Français - $27.95</option></select> <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> </svg> </div> </div> </noscript> <div id="Quantity-Form-template--21831173406998__featured_product_JBkgyC" class="product-form__input product-form__quantity" > <label class="quantity__label form__label" for="Quantity-template--21831173406998__featured_product_JBkgyC"> Quantité <span class="quantity__rules-cart no-js-hidden hidden"> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-loading-spinner.css?v=116724955567955766481704375500" rel="stylesheet" type="text/css" media="all" /> <div class="loading__spinner hidden"> <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" > <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> <span >(<span class="quantity-cart">0</span> dans le panier)</span > </span> </label> <div class="price-per-item__container"> <quantity-input class="quantity"> <button class="quantity__button no-js-hidden" name="minus" type="button"> <span class="visually-hidden">Réduire la quantité de Quai 21 : Une histoire </span> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-minus" fill="none" viewBox="0 0 10 2" > <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor"> </svg> </button> <input class="quantity__input" type="number" name="quantity" id="Quantity-template--21831173406998__featured_product_JBkgyC" data-cart-quantity="0" data-min="1" min="1" step="1" value="1" form="product-form-template--21831173406998__featured_product_JBkgyC" > <button class="quantity__button no-js-hidden" name="plus" type="button"> <span class="visually-hidden">Augmenter la quantité de Quai 21 : Une histoire </span> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-plus" fill="none" viewBox="0 0 10 10" > <path fill-rule="evenodd" clip-rule="evenodd" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" fill="currentColor"> </svg> </button> </quantity-input></div> <div class="quantity__rules caption no-js-hidden" id="Quantity-Rules-template--21831173406998__featured_product_JBkgyC"></div></div> <div ><product-form class="product-form" data-hide-errors="false" data-section-id="template--21831173406998__featured_product_JBkgyC" > <div class="product-form__error-message-wrapper" role="alert" hidden> <svg aria-hidden="true" focusable="false" class="icon icon-error" viewBox="0 0 13 13" > <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"/> <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"/> <path d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z" fill="white"/> <path d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z" fill="white" stroke="#EB001B" stroke-width="0.7"> </svg> <span class="product-form__error-message"></span> </div><form method="post" action="/fr/cart/add" id="product-form-template--21831173406998__featured_product_JBkgyC" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="48698383827222" class="product-variant-id" ><div class="product-form__buttons"><button id="ProductSubmitButton-template--21831173406998__featured_product_JBkgyC" type="submit" name="add" class="product-form__submit button button--full-width button--secondary" > <span>Ajouter au panier </span> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-loading-spinner.css?v=116724955567955766481704375500" rel="stylesheet" type="text/css" media="all" /> <div class="loading__spinner hidden"> <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" > <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> </button><div data-shopify="payment-button" data-has-selling-plan="false" data-has-fixed-selling-plan="false" data-customer-accounts-required="false" class="shopify-payment-button"><button class="shopify-payment-button__button shopify-payment-button__button--unbranded shopify-payment-button__button--hidden" disabled="disabled" aria-hidden="true"> </button><button class="shopify-payment-button__more-options shopify-payment-button__button--hidden" disabled="disabled" aria-hidden="true"> </button></div> </div><input type="hidden" name="product-id" value="8040025587990" /><input type="hidden" name="section-id" value="template--21831173406998__featured_product_JBkgyC" /></form></product-form></div> <script src="//shop.pier21.ca/cdn/shop/t/2/assets/share.js?v=13024540447964430191704375501" defer="defer"></script> <share-button id="Share-template--21831173406998__featured_product_JBkgyC" class="share-button quick-add-hidden" > <button class="share-button__button hidden"> <svg width="13" height="12" viewBox="0 0 13 12" class="icon icon-share" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" > <path d="M1.625 8.125V10.2917C1.625 10.579 1.73914 10.8545 1.9423 11.0577C2.14547 11.2609 2.42102 11.375 2.70833 11.375H10.2917C10.579 11.375 10.8545 11.2609 11.0577 11.0577C11.2609 10.8545 11.375 10.579 11.375 10.2917V8.125" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.14775 1.27137C6.34301 1.0761 6.65959 1.0761 6.85485 1.27137L9.56319 3.9797C9.75845 4.17496 9.75845 4.49154 9.56319 4.6868C9.36793 4.88207 9.05135 4.88207 8.85609 4.6868L6.5013 2.33203L4.14652 4.6868C3.95126 4.88207 3.63468 4.88207 3.43942 4.6868C3.24415 4.49154 3.24415 4.17496 3.43942 3.9797L6.14775 1.27137Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 1.125C6.77614 1.125 7 1.34886 7 1.625V8.125C7 8.40114 6.77614 8.625 6.5 8.625C6.22386 8.625 6 8.40114 6 8.125V1.625C6 1.34886 6.22386 1.125 6.5 1.125Z" fill="currentColor"/> </svg> Partager </button> <details id="Details-share_UzEccp-template--21831173406998__featured_product_JBkgyC"> <summary class="share-button__button"> <svg width="13" height="12" viewBox="0 0 13 12" class="icon icon-share" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" > <path d="M1.625 8.125V10.2917C1.625 10.579 1.73914 10.8545 1.9423 11.0577C2.14547 11.2609 2.42102 11.375 2.70833 11.375H10.2917C10.579 11.375 10.8545 11.2609 11.0577 11.0577C11.2609 10.8545 11.375 10.579 11.375 10.2917V8.125" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.14775 1.27137C6.34301 1.0761 6.65959 1.0761 6.85485 1.27137L9.56319 3.9797C9.75845 4.17496 9.75845 4.49154 9.56319 4.6868C9.36793 4.88207 9.05135 4.88207 8.85609 4.6868L6.5013 2.33203L4.14652 4.6868C3.95126 4.88207 3.63468 4.88207 3.43942 4.6868C3.24415 4.49154 3.24415 4.17496 3.43942 3.9797L6.14775 1.27137Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 1.125C6.77614 1.125 7 1.34886 7 1.625V8.125C7 8.40114 6.77614 8.625 6.5 8.625C6.22386 8.625 6 8.40114 6 8.125V1.625C6 1.34886 6.22386 1.125 6.5 1.125Z" fill="currentColor"/> </svg> Partager </summary> <div class="share-button__fallback motion-reduce"> <div class="field"> <span id="ShareMessage-template--21831173406998__featured_product_JBkgyC" class="share-button__message hidden" role="status"> </span> <input type="text" class="field__input" id="ShareUrl-template--21831173406998__featured_product_JBkgyC" value="https://shop.pier21.ca/fr/products/pier-21-a-history" placeholder="Lien" onclick="this.select();" readonly > <label class="field__label" for="ShareUrl-template--21831173406998__featured_product_JBkgyC">Lien</label> </div> <button class="share-button__close hidden no-js-hidden"> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewBox="0 0 18 17" > <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> </svg> <span class="visually-hidden">Fermer le partage</span> </button> <button class="share-button__copy no-js-hidden"> <svg class="icon icon-clipboard" width="11" height="13" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 11 13" > <path fill-rule="evenodd" clip-rule="evenodd" d="M2 1a1 1 0 011-1h7a1 1 0 011 1v9a1 1 0 01-1 1V1H2zM1 2a1 1 0 00-1 1v9a1 1 0 001 1h7a1 1 0 001-1V3a1 1 0 00-1-1H1zm0 10V3h7v9H1z" fill="currentColor"/> </svg> <span class="visually-hidden">Copier le lien</span> </button> </div> </details> </share-button> <a href="/fr/products/pier-21-a-history" class="link product__view-details animate-arrow" > Afficher tous les détails <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"> </svg> </a> </product-info> </div></div> <product-modal id="ProductModal-template--21831173406998__featured_product_JBkgyC" class="product-media-modal media-modal"> <div class="product-media-modal__dialog color-background-1 gradient" role="dialog" aria-label="Galerie de supports multimédias" aria-modal="true" tabindex="-1" > <button id="ModalClose-template--21831173406998__featured_product_JBkgyC" type="button" class="product-media-modal__toggle" aria-label="Fermer" > <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewBox="0 0 18 17" > <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> </svg> </button> <div class="product-media-modal__content color-background-1 gradient" role="document" aria-label="Galerie de supports multimédias" tabindex="0" > <img class="global-media-settings global-media-settings--no-shadow" srcset="//shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=550 550w,//shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631 1080w" sizes="(min-width: 750px) calc(100vw - 22rem), 1100px" src="//shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=1445" alt="Pier 21: A History book cover of immigrant ship docked at Pier 21 and title of book at the top with author's names below " loading="lazy" width="1100" height="1100" data-media-id="37486683619606" > <img class="global-media-settings global-media-settings--no-shadow" srcset="//shop.pier21.ca/cdn/shop/files/Back_view_of_Pier_21_A_History.jpg?v=1726844826&width=550 550w,//shop.pier21.ca/cdn/shop/files/Back_view_of_Pier_21_A_History.jpg?v=1726844826 1080w" sizes="(min-width: 750px) calc(100vw - 22rem), 1100px" src="//shop.pier21.ca/cdn/shop/files/Back_view_of_Pier_21_A_History.jpg?v=1726844826&width=1445" alt="Back cover of Pier 21: A History with a description of the book on blue background, a picture of two women and female child on the top left and images of both authors on the bottom " loading="lazy" width="1100" height="1100" data-media-id="37486688764182" > <img class="global-media-settings global-media-settings--no-shadow" srcset="//shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=550 550w,//shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615 1080w" sizes="(min-width: 750px) calc(100vw - 22rem), 1100px" src="//shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=1445" alt="Quai 21: Une histoire book cover of immigrant ship docked at Pier 21 and title of book at the top with author's names below " loading="lazy" width="1100" height="1100" data-media-id="38836362903830" ></div> </div> </product-modal> </div> </section> <script src="//shop.pier21.ca/cdn/shop/t/2/assets/product-form.js?v=133081758708377679181704375500" defer="defer"></script> <script type="application/ld+json"> { "@context": "http://schema.org/", "@type": "Product", "name": "Quai 21 : Une histoire ", "url": "https:\/\/shop.pier21.ca\/fr\/products\/pier-21-a-history", "image": [ "https:\/\/shop.pier21.ca\/cdn\/shop\/files\/Pier_21_A_History.png?v=1726844631\u0026width=1920" ], "description": "Disponible en anglais et en français. Presses de l’Université d’Ottawa.\u0026nbsp;\nUne histoire définitive du portail d’immigration à Halifax, par Jan Raska et Steven Schwinghamer, chercheurs au Musée canadien de l’immigration au Quai 21.", "sku": "00431402", "brand": { "@type": "Brand", "name": "University of Ottawa Press" }, "offers": [{ "@type" : "Offer","sku": "00431402","gtin13": "9782760331402","availability" : "http://schema.org/InStock", "price" : 27.95, "priceCurrency" : "CAD", "url" : "https:\/\/shop.pier21.ca\/fr\/products\/pier-21-a-history?variant=48698383827222" }, { "@type" : "Offer","sku": "00431403","availability" : "http://schema.org/InStock", "price" : 27.95, "priceCurrency" : "CAD", "url" : "https:\/\/shop.pier21.ca\/fr\/products\/pier-21-a-history?variant=48698383859990" } ] } </script> <script> document.addEventListener('DOMContentLoaded', function () { function isIE() { const ua = window.navigator.userAgent; const msie = ua.indexOf('MSIE '); const trident = ua.indexOf('Trident/'); return msie > 0 || trident > 0; } if (!isIE()) return; const hiddenInput = document.querySelector('#product-form-template--21831173406998__featured_product_JBkgyC input[name="id"]'); const noScriptInputWrapper = document.createElement('div'); const variantSwitcher = document.querySelector('variant-radios[data-section="template--21831173406998__featured_product_JBkgyC"]') || document.querySelector('variant-selects[data-section="template--21831173406998__featured_product_JBkgyC"]'); noScriptInputWrapper.innerHTML = document.querySelector( '.product-form__noscript-wrapper-template--21831173406998__featured_product_JBkgyC' ).textContent; variantSwitcher.outerHTML = noScriptInputWrapper.outerHTML; document.querySelector('#Variants-template--21831173406998__featured_product_JBkgyC').addEventListener('change', function (event) { hiddenInput.value = event.currentTarget.value; }); }); </script> <script src="//shop.pier21.ca/cdn/shop/t/2/assets/product-modal.js?v=116616134454508949461704375501" defer="defer"></script> <script src="//shop.pier21.ca/cdn/shop/t/2/assets/media-gallery.js?v=96661908581229995091704375500" defer="defer"></script> </section><section id="shopify-section-template--21831173406998__rich_text" class="shopify-section section"><link href="//shop.pier21.ca/cdn/shop/t/2/assets/section-rich-text.css?v=155250126305810049721704375501" rel="stylesheet" type="text/css" media="all" /> <style data-shopify>.section-template--21831173406998__rich_text-padding { padding-top: 30px; padding-bottom: 0px; } @media screen and (min-width: 750px) { .section-template--21831173406998__rich_text-padding { padding-top: 40px; padding-bottom: 0px; } }</style><div class="isolate"> <div class="rich-text content-container color-background-1 gradient rich-text--full-width content-container--full-width section-template--21831173406998__rich_text-padding"> <div class="rich-text__wrapper rich-text__wrapper--center page-width"> <div class="rich-text__blocks center"><h2 class="rich-text__heading rte inline-richtext h2 scroll-trigger animate--slide-in" data-cascade style="--animation-order: 1;" > Votre achat </h2><div class="rich-text__text rte scroll-trigger animate--slide-in" data-cascade style="--animation-order: 2;" > <p>Votre soutien contribue à ce que les histoires d’immigration canadienne d’hier, d’aujourd’hui et de demain soient célébrées et explorées pendant de nombreuses années à venir. Toutes les recettes générées par la vente de ces produits reviennent au Musée pour soutenir ses expositions et ses programmes. <strong>Merci.</strong></p><p></p> </div></div> </div> </div> </div> </section> </main>  <div id="shopify-section-sections--21831173865750__footer" class="shopify-section shopify-section-group-footer-group"> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/section-footer.css?v=125160298726032154631704375501" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-newsletter.css?v=4727253280200485261704375500" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-list-menu.css?v=151968516119678728991704375500" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-list-payment.css?v=69253961410771838501704375500" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-list-social.css?v=35792976012981934991704375500" rel="stylesheet" type="text/css" media="all" /> <style data-shopify>.footer { margin-top: 36px; } .section-sections--21831173865750__footer-padding { padding-top: 27px; padding-bottom: 27px; } @media screen and (min-width: 750px) { .footer { margin-top: 48px; } .section-sections--21831173865750__footer-padding { padding-top: 36px; padding-bottom: 36px; } }</style><footer class="footer color-background-1 gradient section-sections--21831173865750__footer-padding"><div class="footer__content-top page-width"><div class="footer__blocks-wrapper grid grid--1-col grid--2-col grid--4-col-tablet scroll-trigger animate--slide-in" data-cascade ><div class="footer-block grid__item scroll-trigger animate--slide-in" data-cascade style="--animation-order: 1;" ><h2 class="footer-block__heading inline-richtext">Visitez-nous au Musée</h2><div class="footer-block__details-content rte"> <p>1055 chemin Marginal <br/>Halifax, NÉ B3H 4P7</p> </div></div><div class="footer-block grid__item scroll-trigger animate--slide-in" data-cascade style="--animation-order: 2;" ><div class="footer-block__details-content footer-block-image center"><div class="footer-block__image-wrapper" style="max-width: min(100%, 550px);" > <img srcset="//shop.pier21.ca/cdn/shop/files/Screenshot_2024-10-08_at_12.45.30_PM.png?v=1728402654&width=550, //shop.pier21.ca/cdn/shop/files/Screenshot_2024-10-08_at_12.45.30_PM.png?v=1728402654&width=1100 2x" src="//shop.pier21.ca/cdn/shop/files/Screenshot_2024-10-08_at_12.45.30_PM.png?v=1728402654&width=760" alt="" loading="lazy" width="1602" height="794" > </div></div></div><div class="footer-block grid__item scroll-trigger animate--slide-in" data-cascade style="--animation-order: 3;" ><div class="footer-block__details-content footer-block-image center"><div class="footer-block__image-wrapper" style="max-width: min(100%, 350px);" > <img srcset="//shop.pier21.ca/cdn/shop/files/cmi-gov.png?v=1728404114&width=350, //shop.pier21.ca/cdn/shop/files/cmi-gov.png?v=1728404114&width=700 2x" src="//shop.pier21.ca/cdn/shop/files/cmi-gov.png?v=1728404114&width=760" alt="" loading="lazy" width="609" height="287" > </div></div></div></div><div class="footer-block--newsletter scroll-trigger animate--slide-in" data-cascade ><div class="footer__follow-on-shop"> <script defer="defer" async type="module" src="//shop.pier21.ca/cdn/shopifycloud/shop-js/modules/client.login-button_DCPlSL0s.fr.esm.js"></script> <script defer="defer" async type="module" src="//shop.pier21.ca/cdn/shopifycloud/shop-js/modules/chunk.common_DufDHO_O.esm.js"></script> <script type="module"> await import("//shop.pier21.ca/cdn/shopifycloud/shop-js/modules/client.login-button_DCPlSL0s.fr.esm.js"); await import("//shop.pier21.ca/cdn/shopifycloud/shop-js/modules/chunk.common_DufDHO_O.esm.js"); </script> <shop-login-button action="follow" proxy="true"></shop-login-button> </div> <ul class="list-unstyled list-social footer__list-social" role="list"><li class="list-social__item"> <a href="https://www.facebook.com/CanadianMuseumofImmigration" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-facebook" viewBox="0 0 20 20"> <path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z"/> </svg> <span class="visually-hidden">Facebook</span> </a> </li><li class="list-social__item"> <a href="https://www.instagram.com/pier21_quai21/" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-instagram" viewBox="0 0 20 20"> <path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z" clip-rule="evenodd"/> </svg> <span class="visually-hidden">Instagram</span> </a> </li><li class="list-social__item"> <a href="https://www.youtube.com/user/Pier21Museum" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-youtube" viewBox="0 0 20 20"> <path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.125 2.125 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.125 2.125 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.173 2.173 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.173 2.173 0 0 1 1.53 1.53ZM8.3 12.5l4.42-2.55L8.3 7.4v5.1Z"/> </svg> <span class="visually-hidden">YouTube</span> </a> </li><li class="list-social__item"> <a href="https://twitter.com/Pier21" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-twitter" viewBox="0 0 20 20"> <path fill="currentColor" d="M18.608 4.967a7.364 7.364 0 0 1-1.758 1.828c0 .05 0 .13.02.23l.02.232a10.014 10.014 0 0 1-1.697 5.565 11.023 11.023 0 0 1-2.029 2.29 9.13 9.13 0 0 1-2.832 1.607 10.273 10.273 0 0 1-8.94-.985c.342.02.613.04.834.04 1.647 0 3.114-.502 4.4-1.506a3.616 3.616 0 0 1-3.315-2.46c.528.128 1.08.107 1.597-.061a3.485 3.485 0 0 1-2.029-1.216 3.385 3.385 0 0 1-.803-2.23v-.03c.462.242.984.372 1.587.402A3.465 3.465 0 0 1 2.116 5.76c0-.612.14-1.205.452-1.798a9.723 9.723 0 0 0 3.214 2.612A10.044 10.044 0 0 0 9.88 7.649a3.013 3.013 0 0 1-.13-.804c0-.974.34-1.808 1.034-2.49a3.466 3.466 0 0 1 2.561-1.035 3.505 3.505 0 0 1 2.551 1.104 6.812 6.812 0 0 0 2.24-.853 3.415 3.415 0 0 1-1.547 1.948 7.732 7.732 0 0 0 2.02-.542v-.01Z"/> </svg> <span class="visually-hidden">Twitter</span> </a> </li></ul> </div> </div><div class="footer__content-bottom scroll-trigger animate--slide-in" data-cascade > <div class="footer__content-bottom-wrapper page-width"> <div class="footer__column footer__localization isolate"></div> <div class="footer__column footer__column--info"></div> </div> <div class="footer__content-bottom-wrapper page-width footer__content-bottom-wrapper--center"> <div class="footer__copyright caption"> <small class="copyright__content" >© 2024, <a href="/fr" title="">Boutique, Pier 21 </a></small> <small class="copyright__content"><a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">Commerce électronique propulsé par Shopify</a></small><ul class="policies list-unstyled"><li> <small class="copyright__content" ><a href="/fr/policies/privacy-policy">Politique de confidentialité</a></small > </li></ul></div> </div> </div> </footer> </div>  <ul hidden> <li id="a11y-refresh-page-message">Le choix d'une sélection entraîne l'actualisation de la page entière.</li> <li id="a11y-new-window-message">S'ouvre dans une nouvelle fenêtre.</li> </ul> <script> window.shopUrl = 'https://shop.pier21.ca'; window.routes = { cart_add_url: '/fr/cart/add', cart_change_url: '/fr/cart/change', cart_update_url: '/fr/cart/update', cart_url: '/fr/cart', predictive_search_url: '/fr/search/suggest', }; window.cartStrings = { error: `Une erreur est survenue lors de l’actualisation de votre panier. Veuillez réessayer.`, quantityError: `Vous ne pouvez pas ajouter plus de [quantity] de ce produit à votre panier.`, }; window.variantStrings = { addToCart: `Ajouter au panier`, soldOut: `Épuisé`, unavailable: `Non disponible`, unavailable_with_option: `[value] – indisponible`, }; window.quickOrderListStrings = { itemsAdded: `[quantity] articles ajoutés`, itemAdded: `[quantity] article ajouté`, itemsRemoved: `[quantity] articles retirés`, itemRemoved: `[quantity] article retiré`, viewCart: `Voir le panier`, each: `[money]/pièce`, }; window.accessibilityStrings = { imageAvailable: `L'image [index] est maintenant disponible dans la galerie`, shareSuccess: `Lien copié dans le presse-papiers`, pauseSlideshow: `Interrompre le diaporama`, playSlideshow: `Lire le diaporama`, recipientFormExpanded: `Formulaire de destinataire de carte-cadeau agrandi`, recipientFormCollapsed: `Formulaire de destinataire de carte-cadeau réduit`, }; </script><script src="//shop.pier21.ca/cdn/shop/t/2/assets/predictive-search.js?v=162273246065392412141704375500" defer="defer"></script></body> </html>

CINXE.COM

Boutique du Musée - Musée canadien de l’immigration du Quai 21 – Boutique, Pier 21