CINXE.COM
Médiathèque | Musée canadien de l’immigration du Quai 21
<!-- THEME DEBUG --> <!-- THEME HOOK: 'html' --> <!-- FILE NAME SUGGESTIONS: * html--node--18.html.twig * html--node--%.html.twig * html--node.html.twig x html.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bootstrap_cmi/templates/layout/html.html.twig' --> <!DOCTYPE html> <html lang="fr" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/ dc: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ og: http://ogp.me/ns# rdfs: http://www.w3.org/2000/01/rdf-schema# schema: http://schema.org/ sioc: http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos: http://www.w3.org/2004/02/skos/core# xsd: http://www.w3.org/2001/XMLSchema# "> <head> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TF2DZQS');</script> <!-- End Google Tag Manager --> <meta charset="utf-8" /> <meta name="description" content="Renseignements et ressources pour les professionnels des médias, y compris des faits rapides, des coordonnées et une sélection de photos numériques de haute qualité. À propos du Musée canadien de l’immigration du Quai 21" /> <link rel="canonical" href="https://quai21.ca/a-propos/m%C3%A9diath%C3%A8que" /> <meta name="robots" content="noindex, nofollow, noarchive, nosnippet, noodp, noydir, noimageindex, notranslate" /> <meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> <meta http-equiv="x-ua-compatible" content="ie=edge" /> <link rel="icon" href="/themes/custom/bootstrap_cmi/favicon.ico" type="image/vnd.microsoft.icon" /> <link rel="alternate" hreflang="en" href="https://pier21.ca/about/media-centre" /> <link rel="alternate" hreflang="fr" href="https://quai21.ca/a-propos/m%C3%A9diath%C3%A8que" /> <title>Médiathèque | Musée canadien de l’immigration du Quai 21</title> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_IU6JYn_mLQFEoVwF8cB8IuFRtjW58AJ5r9xZ1odH1eM.css?delta=0&language=fr&theme=bootstrap_cmi&include=eJx9kEEKwzAMBD-U1k8KkiIHtbZkbJnGv28vhRKH3pYZWNhtoznngNB4QTNvXqGsCLWKhT0ZQro1H0l0__GU5b_0UfgpfqIZdpUotBYrvZwk9eogurC6-Fg5I2-BoLiYLo8uxGhH-IaZ3JMRpHmE2nYxDSvDRrVnnF20mq-oOry4Wb6ogxjlmPHnmWd7AyN0jVM" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_ismOj84B29QIG81p3Kq9pI8IGODfxmDvc3HPAxcUKAA.css?delta=1&language=fr&theme=bootstrap_cmi&include=eJx9kEEKwzAMBD-U1k8KkiIHtbZkbJnGv28vhRKH3pYZWNhtoznngNB4QTNvXqGsCLWKhT0ZQro1H0l0__GU5b_0UfgpfqIZdpUotBYrvZwk9eogurC6-Fg5I2-BoLiYLo8uxGhH-IaZ3JMRpHmE2nYxDSvDRrVnnF20mq-oOry4Wb6ogxjlmPHnmWd7AyN0jVM" /> <link rel="stylesheet" media="all" href="//use.fontawesome.com/releases/v5.13.0/css/all.css" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_erGg9zRtwoRC8FfbfsveylOQF2YtjlEh-Ihc-_-2vS4.css?delta=3&language=fr&theme=bootstrap_cmi&include=eJx9kEEKwzAMBD-U1k8KkiIHtbZkbJnGv28vhRKH3pYZWNhtoznngNB4QTNvXqGsCLWKhT0ZQro1H0l0__GU5b_0UfgpfqIZdpUotBYrvZwk9eogurC6-Fg5I2-BoLiYLo8uxGhH-IaZ3JMRpHmE2nYxDSvDRrVnnF20mq-oOry4Wb6ogxjlmPHnmWd7AyN0jVM" /> <script src="/themes/custom/bootstrap_cmi/js/modernizr-object_fit.js?v=3.11.7"></script> <script src="//use.typekit.net/bgw7klw.js"></script> <script src="/sites/default/files/js/js_r58eyMcfHNibF45LVXxQ94UdWefTt0odDDS1lT690O8.js?scope=header&delta=2&language=fr&theme=bootstrap_cmi&include=eJx9kEEKwzAMBD-U1k8KkiIHtbZkbJnGv28vhRKH3pYZWNhtoznngNB4QTNvXqGsCLWKhT0ZQro1H0l0__GU5b_0UfgpfqIZdpUotBYrvZwk9eogurC6-Fg5I2-BoLiYLo8uxGhH-IaZ3JMRpHmE2nYxDSvDRrVnnF20mq-oOry4Wb6ogxjlmPHnmWd7AyN0jVM"></script> <!-- Facebook Pixel Code --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '435084284096088'); fbq('track', 'PageView'); </script> <noscript> <img height="1" width="1" src="https://www.facebook.com/tr?id=435084284096088&ev=PageView &noscript=1"/> </noscript> <!-- End Facebook Pixel Code --> </head> <body class="layout-one-sidebar layout-sidebar-first page-node-18 path-node node--type-page"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TF2DZQS" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <a href="#main-content" class="visually-hidden focusable skip-link"> Aller au contenu principal </a> <!-- THEME DEBUG --> <!-- THEME HOOK: 'off_canvas_page_wrapper' --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/off-canvas-page-wrapper.html.twig' --> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <!-- THEME DEBUG --> <!-- THEME HOOK: 'page' --> <!-- FILE NAME SUGGESTIONS: x page--node--page.html.twig * page--node--18.html.twig * page--node--%.html.twig * page--node.html.twig * page.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bootstrap_cmi/templates/content/page--node--page.html.twig' --> <div id="page-wrapper"> <div id="page"> <div class="alert-box"> <aside class="container-fluid section clearfix" role="complementary"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: x region--nowrap.html.twig * region--alert-box.html.twig * region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region--nowrap.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--bootstrap-cmi-generalinformationalertblock.html.twig * block--block-content--c9979146-d8e4-4e28-b769-684fe5230a0b.html.twig * block--block-basic.html.twig * block--block-content.html.twig * block--bundle--basic.html.twig * block--block-content.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <div id="block-bootstrap-cmi-generalinformationalertblock" class="block-content-basic block block-block-content block-block-contentc9979146-d8e4-4e28-b769-684fe5230a0b"> <div class="content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--block-content--body--basic.html.twig * field--block-content--body.html.twig * field--block-content--basic.html.twig * field--body.html.twig x field--text-with-summary.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="alert cmi-alert alert-gold"><a style="color:#000;text-decoration:underline;" href="/conge-de-mars-au-musee">Entrée gratuite : Du 8 au 16 mars.</a></div></div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region--nowrap.html.twig' --> </aside> </div> <header data-toggle=affix id="header" class="header mb-3" role="banner" aria-label="Entête du site"> <div class="d-none d-lg-block" > <nav class="navbar navbar-dark bg-white navbar-top" data-toggle=""> <section class="row no-gutters region region-top-header"> <a href="/" title="Home" rel="home" class="navbar-brand"> <img src="/themes/custom/bootstrap_cmi/logo-fr.svg" alt="Canadian Museum of Immigration at Pier 21" width="200" height="100" class="img-fluid d-inlinev-block align-top d-none d-lg-block d-xl-block"> <span class="ml-2 d-none d-md-inline visually-hidden focusable">Canadian Museum of Immigration at Pier 21</span> </a> <div class="ml-2 d-none d-inline-block align-top site-name-slogan visually-hidden"> Countless Journeys. One Canada. </div> </section> <div class="form-inline navbar-form ml-auto d-none d-lg-block d-md-none"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--top-header-form.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <section class="row region region-top-header-form"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--globalpagetoplinks.html.twig * block--system-menu-block--global-page-top-links.html.twig x block--system-menu-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--system-menu-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__global_page_top_links' --> <!-- FILE NAME SUGGESTIONS: * menu--global-page-top-links.html.twig * menu--global-page-top-links.html.twig x menu.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/navigation/menu.html.twig' --> <ul class="clearfix global-page-top-links nav"> <li class="nav-item"> <a href="https://quai21.ca/location-de-salles" class="nav-link nav-link-https--quai21ca-location-de-salles" data-drupal-link-system-path="node/37">Location de salles</a> </li> <li class="nav-item"> <a href="http://magasinez.quai21.ca" class="nav-link nav-link-http--magasinezquai21ca">Boutique</a> </li> </ul> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/navigation/menu.html.twig' --> <!-- END OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--system-menu-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--languageswitcher.html.twig * block--language-block--language-interface.html.twig x block--language-block.html.twig * block--language.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--language-block.html.twig' --> <div class="language-switcher-language-url block block-language block-language-blocklanguage-interface" role="navigation"> <div class="content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'links__language_block' --> <!-- FILE NAME SUGGESTIONS: x links--language-block.html.twig x links--language-block.html.twig * links.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/navigation/links--language-block.html.twig' --> <nav class="links nav links-inline"><span hreflang="en" data-drupal-link-system-path="node/18" class="_ nav-link"><a href="https://pier21.ca/about/media-centre" class="language-link btn btn-outline-primary" hreflang="en" data-drupal-link-system-path="node/18">EN</a></span></nav> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/navigation/links--language-block.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--language-block.html.twig' --> </section> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> </div> </nav> </div> <nav class="navbar navbar-light bg-white navbar-expand-lg" id="navbar-main" data-toggle="" aria-labelledby="mainmenulabel"><h2 id="mainmenulabel" class="visuallyhidden">Main Menu</h2> <!--<img src="/themes/custom/bootstrap_cmi/logo-fr.svg" width="200" height="100" alt="Canadian Museum of Immigration at Pier 21" class="img-fluid d-inline-block align-top d-none d-lg-block d-xl-none"/>--> <img src="/themes/custom/bootstrap_cmi/images/cmi-mci_icon.svg" width="40" height="40" alt="Canadian Museum of Immigration at Pier 21" class="img-fluid d-inline-block align-top d-lg-none"/> <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#CollapsingNavbar" aria-controls="CollapsingNavbar" aria-expanded="false" aria-label="Toggle navigation"> <div class="d-flex"> <span class="menu-span d-lg-none label"> MENU </span> </div> </button> <div class="collapse navbar-collapse" id="CollapsingNavbar"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: x region--nowrap.html.twig * region--primary-menu.html.twig * region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region--nowrap.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--bootstrap-cmi-main-menu.html.twig * block--system-menu-block--main.html.twig x block--system-menu-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--system-menu-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__main' --> <!-- FILE NAME SUGGESTIONS: x menu--main.html.twig x menu--main.html.twig * menu.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bootstrap_cmi/templates/navigation/menu--main.html.twig' --> <ul id="block-bootstrap-cmi-main-menu" location="header" class="clearfix mr-auto navbar-nav"> <li class="nav-item menu-item--expanded dropdown trigger dropdownd"> <a href="" class="sidebar_additional_class nav-link dropdown-toggle nav-link-" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Visiter</a> <div class='parent_menu_wrapper '> <a href="" class="sidebar_additional_class nav-link dropdown-toggle nav-link-">Visiter</a> <span class='parent_open_close' style="display:none;">+</span> </div> <div class='sub dropdown-menu checking-menu ' aria-labelledby="navbarDropdown"> <h2 class="navbarDropdown visually-hidden"></h2> <div class="full-width display-flex"> <div class="small-width first-part"> <h1><u class=" menu-left">Visiter</u></h1> </div> <div class="large-width second-part"> <ul class = 'dropdown-menus ttt nav flex-column two-column'> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/visiter/planifiez-votre-visite" class="sidebar_additional_class nav-link-https--quai21ca-visiter-planifiez-votre-visite" data-drupal-link-system-path="node/4">Planifiez votre visite</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/visiter/horaires-et-tarifs" class="sidebar_additional_class nav-link-https--quai21ca-visiter-horaires-et-tarifs" data-drupal-link-system-path="node/5">Horaires et tarifs</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/visiter/emplacement-et-stationnement" class="sidebar_additional_class nav-link-https--quai21ca-visiter-emplacement-et-stationnement" data-drupal-link-system-path="node/6">Emplacement et stationnement</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/visiter/visites-guidees" class="sidebar_additional_class nav-link-https--quai21ca-visiter-visites-guidees" data-drupal-link-system-path="node/7">Visites guidées</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/visiter/reservations-de-groupe-0" class="sidebar_additional_class nav-link-https--quai21ca-visiter-reservations-de-groupe-0" data-drupal-link-system-path="node/478846">Réservations de groupe</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/visiter/accessibilite" class="sidebar_additional_class nav-link-https--quai21ca-visiter-accessibilite" data-drupal-link-system-path="node/54">Accessibilité</a> </li> </ul> <button type="button" class="main-nav-dropdown-close btn close" aria-label="Close"><i class="fa fa-window-close"></i></button> </div> </div> </div> </li> <li class="nav-item menu-item--expanded dropdown trigger dropdownd"> <a href="" class="sidebar_additional_class nav-link dropdown-toggle nav-link-" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Expositions</a> <div class='parent_menu_wrapper '> <a href="" class="sidebar_additional_class nav-link dropdown-toggle nav-link-">Expositions</a> <span class='parent_open_close' style="display:none;">+</span> </div> <div class='sub dropdown-menu checking-menu ' aria-labelledby="navbarDropdown"> <h2 class="navbarDropdown visually-hidden"></h2> <div class="full-width display-flex"> <div class="small-width first-part"> <h1><u class=" menu-left">Expositions</u></h1> </div> <div class="large-width second-part"> <ul class = 'dropdown-menus ttt nav flex-column two-column'> <li class="dropdown-item menu-item--collapsed"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/expositions/expositions" class="sidebar_additional_class nav-link-https--quai21ca-expositions-expositions" data-drupal-link-system-path="node/9">Expositions</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/expositions/accueillez-une-exposition-itinerante" class="sidebar_additional_class nav-link-https--quai21ca-expositions-accueillez-une-exposition-itinerante" data-drupal-link-system-path="node/51">Exposition itinérante</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/expositions/la-communaute-presente" class="sidebar_additional_class nav-link-https--quai21ca-expositions-la-communaute-presente" data-drupal-link-system-path="node/53">La communauté présente</a> </li> </ul> <button type="button" class="main-nav-dropdown-close btn close" aria-label="Close"><i class="fa fa-window-close"></i></button> </div> </div> </div> </li> <li class="nav-item menu-item--expanded dropdown trigger dropdownd"> <a href="" class="sidebar_additional_class nav-link dropdown-toggle nav-link-" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Événements</a> <div class='parent_menu_wrapper '> <a href="" class="sidebar_additional_class nav-link dropdown-toggle nav-link-">Événements</a> <span class='parent_open_close' style="display:none;">+</span> </div> <div class='sub dropdown-menu checking-menu ' aria-labelledby="navbarDropdown"> <h2 class="navbarDropdown visually-hidden"></h2> <div class="full-width display-flex"> <div class="small-width first-part"> <h1><u class=" menu-left">Événements</u></h1> </div> <div class="large-width second-part"> <ul class = 'dropdown-menus ttt nav flex-column two-column'> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/%C3%A9v%C3%A9nements" class="sidebar_additional_class nav-link-https--quai21ca-c3a9vc3a9nements" data-drupal-link-system-path="events">Événements & programmes</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/evenements/artiste-en-residence" class="sidebar_additional_class nav-link-https--quai21ca-evenements-artiste-en-residence" data-drupal-link-system-path="node/10">Artiste en residence</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/evenements/appel-aux-participants-pour-accords-parfaits" class="sidebar_additional_class nav-link-https--quai21ca-evenements-appel-aux-participants-pour-accords-parfaits" data-drupal-link-system-path="node/482581">Accords parfaits</a> </li> </ul> <button type="button" class="main-nav-dropdown-close btn close" aria-label="Close"><i class="fa fa-window-close"></i></button> </div> </div> </div> </li> <li class="nav-item menu-item--expanded dropdown trigger dropdownd"> <a href="" class="sidebar_additional_class nav-link dropdown-toggle nav-link-" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Apprendre</a> <div class='parent_menu_wrapper '> <a href="" class="sidebar_additional_class nav-link dropdown-toggle nav-link-">Apprendre</a> <span class='parent_open_close' style="display:none;">+</span> </div> <div class='sub dropdown-menu checking-menu ' aria-labelledby="navbarDropdown"> <h2 class="navbarDropdown visually-hidden"></h2> <div class="full-width display-flex"> <div class="small-width first-part"> <h1><u class=" menu-left">Apprendre</u></h1> </div> <div class="large-width second-part"> <ul class = 'dropdown-menus ttt nav flex-column two-column'> <li class="dropdown-item menu-item--collapsed"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/apprendre/groupes-educatifs" class="sidebar_additional_class nav-link-https--quai21ca-apprendre-groupes-educatifs" data-drupal-link-system-path="node/52">Groupes éducatifs</a> </li> <li class="dropdown-item menu-item--collapsed"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/apprendre/visite-virtuelle" class="sidebar_additional_class nav-link-https--quai21ca-apprendre-visite-virtuelle" data-drupal-link-system-path="node/511">Visite Virtuelle</a> </li> <li class="dropdown-item menu-item--collapsed"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/apprendre/des-decouvertes-pour-tous" class="sidebar_additional_class nav-link-https--quai21ca-apprendre-des-decouvertes-pour-tous" data-drupal-link-system-path="node/33">Des découvertes pour tous</a> </li> </ul> <button type="button" class="main-nav-dropdown-close btn close" aria-label="Close"><i class="fa fa-window-close"></i></button> </div> </div> </div> </li> <li class="nav-item menu-item--expanded dropdown trigger dropdownd"> <a href="" class="sidebar_additional_class nav-link dropdown-toggle nav-link-" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Recherche</a> <div class='parent_menu_wrapper '> <a href="" class="sidebar_additional_class nav-link dropdown-toggle nav-link-">Recherche</a> <span class='parent_open_close' style="display:none;">+</span> </div> <div class='sub dropdown-menu checking-menu ' aria-labelledby="navbarDropdown"> <h2 class="navbarDropdown visually-hidden"></h2> <div class="full-width display-flex"> <div class="small-width first-part"> <h1><u class=" menu-left">Recherche</u></h1> </div> <div class="large-width second-part"> <ul class = 'dropdown-menus ttt nav flex-column two-column'> <li class="dropdown-item menu-item--collapsed"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/recherche/aide-a-la-recherche-de-dossiers-dimmigration-et-dhistoire-familiale" class="sidebar_additional_class nav-link-https--quai21ca-recherche-aide-a-la-recherche-de-dossiers-dimmigration-et-dhistoire-familiale" data-drupal-link-system-path="node/12">Dossiers d’immigration</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/recherche/histoire-de-limmigration" class="sidebar_additional_class nav-link-https--quai21ca-recherche-histoire-de-limmigration" data-drupal-link-system-path="node/146536">Histoire de l'immigration</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/recherche/historique-du-quai-21" class="sidebar_additional_class nav-link-https--quai21ca-recherche-historique-du-quai-21" data-drupal-link-system-path="node/15">Historique du Quai 21</a> </li> <li class="dropdown-item menu-item--collapsed"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/recherche/histoire-orale" class="sidebar_additional_class nav-link-https--quai21ca-recherche-histoire-orale" data-drupal-link-system-path="node/14">Histoire orale</a> </li> </ul> <button type="button" class="main-nav-dropdown-close btn close" aria-label="Close"><i class="fa fa-window-close"></i></button> </div> </div> </div> </li> <li class="nav-item menu-item--expanded dropdown trigger dropdownd"> <a href="" class="sidebar_additional_class nav-link dropdown-toggle nav-link-" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Collections</a> <div class='parent_menu_wrapper '> <a href="" class="sidebar_additional_class nav-link dropdown-toggle nav-link-">Collections</a> <span class='parent_open_close' style="display:none;">+</span> </div> <div class='sub dropdown-menu checking-menu ' aria-labelledby="navbarDropdown"> <h2 class="navbarDropdown visually-hidden"></h2> <div class="full-width display-flex"> <div class="small-width first-part"> <h1><u class=" menu-left">Collections</u></h1> </div> <div class="large-width second-part"> <ul class = 'dropdown-menus ttt nav flex-column two-column'> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://5104.sydneyplus.com/final/Portal/Francais.aspx?lang=fr-CA" class="sidebar_additional_class nav-link-https--5104sydneypluscom-final-portal-francaisaspxlangfr-ca">Recherche dans la collection</a> </li> <li class="dropdown-item menu-item--collapsed"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/collections" class="sidebar_additional_class nav-link-https--quai21ca-collections" data-drupal-link-system-path="node/32">À propos de la collection</a> </li> <li class="dropdown-item menu-item--collapsed"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/collections/partagez-votre-histoire" class="sidebar_additional_class nav-link-https--quai21ca-collections-partagez-votre-histoire" data-drupal-link-system-path="node/1106">Partagez votre histoire</a> </li> </ul> <button type="button" class="main-nav-dropdown-close btn close" aria-label="Close"><i class="fa fa-window-close"></i></button> </div> </div> </div> </li> <li class="nav-item menu-item--expanded dropdown trigger dropdownd"> <a href="" class="sidebar_additional_class nav-link dropdown-toggle nav-link-" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Soutener</a> <div class='parent_menu_wrapper '> <a href="" class="sidebar_additional_class nav-link dropdown-toggle nav-link-">Soutener</a> <span class='parent_open_close' style="display:none;">+</span> </div> <div class='sub dropdown-menu checking-menu ' aria-labelledby="navbarDropdown"> <h2 class="navbarDropdown visually-hidden"></h2> <div class="full-width display-flex"> <div class="small-width first-part"> <h1><u class=" menu-left">Soutener</u></h1> </div> <div class="large-width second-part"> <ul class = 'dropdown-menus ttt nav flex-column two-column'> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/votre-don" class="sidebar_additional_class nav-link-https--quai21ca-votre-don" data-drupal-link-system-path="node/28">Votre don</a> </li> <li class="dropdown-item menu-item--collapsed"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/soutener/comment-faire-un-don" class="sidebar_additional_class nav-link-https--quai21ca-soutener-comment-faire-un-don" data-drupal-link-system-path="node/22">Comment faire un don</a> </li> <li class="dropdown-item menu-item--collapsed"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/soutener/limpact-de-donateurs" class="sidebar_additional_class nav-link-https--quai21ca-soutener-limpact-de-donateurs" data-drupal-link-system-path="node/27">L’impact de donateurs</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/soutener/recherche-les-murs-virtuels" class="sidebar_additional_class nav-link-https--quai21ca-soutener-recherche-les-murs-virtuels" data-drupal-link-system-path="node/147181">Recherche les Murs virtuels</a> </li> <li class="dropdown-item menu-item--collapsed"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/soutener/mur-dhonneur-sobey" class="sidebar_additional_class nav-link-https--quai21ca-soutener-mur-dhonneur-sobey" data-drupal-link-system-path="node/30">Mur d’honneur Sobey</a> </li> <li class="dropdown-item menu-item--collapsed"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/soutener/mur-de-service" class="sidebar_additional_class nav-link-https--quai21ca-soutener-mur-de-service" data-drupal-link-system-path="node/29">Mur de Service</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/soutener/mur-dhommage-wadih-m-fares" class="sidebar_additional_class nav-link-https--quai21ca-soutener-mur-dhommage-wadih-m-fares" data-drupal-link-system-path="node/31">Mur d’hommage Wadih M. Fares</a> </li> </ul> <button type="button" class="main-nav-dropdown-close btn close" aria-label="Close"><i class="fa fa-window-close"></i></button> </div> </div> </div> </li> <li class="nav-item menu-item--expanded active dropdown trigger dropdownd"> <a href="" class="sidebar_additional_class nav-link active dropdown-toggle nav-link-" data-toggle="dropdown" aria-expanded="true" aria-haspopup="true">À propos</a> <div class='parent_menu_wrapper '> <a href="" class="sidebar_additional_class nav-link active dropdown-toggle nav-link-">À propos</a> <span class='parent_open_close' style="display:none;">-</span> </div> <div class='sub dropdown-menu checking-menu ' aria-labelledby="navbarDropdown"> <h2 class="navbarDropdown visually-hidden">1</h2> <div class="full-width display-flex"> <div class="small-width first-part"> <h1><u class=" menu-left">À propos</u></h1> </div> <div class="large-width second-part"> <ul class = 'dropdown-menus ttt nav flex-column two-column'> <li class="dropdown-item menu-item--collapsed"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/a-propos/a-propos-du-musee" class="sidebar_additional_class nav-link-https--quai21ca-a-propos-a-propos-du-musee" data-drupal-link-system-path="node/477166">À propos du Musée</a> </li> <li class="dropdown-item menu-item--collapsed"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/a-propos/plan-daccessibilite-et-le-processus-de-retroaction" class="sidebar_additional_class nav-link-https--quai21ca-a-propos-plan-daccessibilite-et-le-processus-de-retroaction" data-drupal-link-system-path="node/480791">Plan d'accessibilité et le processus de rétroaction</a> </li> <li class="dropdown-item menu-item--collapsed"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/a-propos/rapports-corporatifs" class="sidebar_additional_class nav-link-https--quai21ca-a-propos-rapports-corporatifs" data-drupal-link-system-path="node/17">Gouvernance et rapports</a> </li> <li class="dropdown-item active"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/a-propos/m%C3%A9diath%C3%A8que" class="sidebar_additional_class active nav-link-https--quai21ca-a-propos-mc3a9diathc3a8que is-active" data-drupal-link-system-path="node/18">Médiathèque</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/a-propos/faites-affaires-avec-nous" class="sidebar_additional_class nav-link-https--quai21ca-a-propos-faites-affaires-avec-nous" data-drupal-link-system-path="node/21">Faites affaires avec nous</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/a-propos/occasions-demploi" class="sidebar_additional_class nav-link-https--quai21ca-a-propos-occasions-demploi" data-drupal-link-system-path="node/478591">Occasions d'emploi</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/a-propos/bienvenue-chez-vous-au-canada" class="sidebar_additional_class nav-link-https--quai21ca-a-propos-bienvenue-chez-vous-au-canada" data-drupal-link-system-path="node/19">Bienvenue chez vous au Canada</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/soutener/benevolat" class="sidebar_additional_class nav-link-https--quai21ca-soutener-benevolat" data-drupal-link-system-path="node/26">Bénévole</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/a-propos/annuaire-du-personnel" class="sidebar_additional_class nav-link-https--quai21ca-a-propos-annuaire-du-personnel" data-drupal-link-system-path="node/25">Annuaire du personnel</a> </li> </ul> <button type="button" class="main-nav-dropdown-close btn close" aria-label="Close"><i class="fa fa-window-close"></i></button> </div> </div> </div> </li> <li class="d-none global-links nav-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/location-de-salles" class="sidebar_additional_class nav-link nav-link-https--quai21ca-location-de-salles" data-drupal-link-system-path="node/37">Location de salles</a> </li> <li class="d-none global-links nav-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://shop.pier21.ca" class="sidebar_additional_class nav-link nav-link-https--shoppier21ca">Boutique</a> </li> </ul> <!-- END OUTPUT from 'themes/custom/bootstrap_cmi/templates/navigation/menu--main.html.twig' --> <!-- END OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--system-menu-block.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region--nowrap.html.twig' --> <div class="form-inline navbar-form justify-content-center"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--header-form.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <section class="row-form region region-header-form"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: x block--exposedformacquia-searchpage-2.html.twig * block--views-exposed-filter-block--acquia-search-page.html.twig * block--views-exposed-filter-block.html.twig * block--views.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--exposedformacquia-searchpage-2.html.twig' --> <div class="views-exposed-form block block-views block-views-exposed-filter-blockacquia-search-page search-block-container" data-drupal-selector="views-exposed-form-acquia-search-page" id="block-exposedformacquia-searchpage-2"> <div class="search-container"> <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-search"></i><span class="sr-only">Search</span></button> <div class="search-dropdown-menu dropdown-menu"> <div class="content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form.html.twig' --> <form action="https://quai21.ca/search" method="get" id="views-exposed-form-acquia-search-page" accept-charset="UTF-8"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_exposed_form' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/views/views-exposed-form.html.twig' --> <div class="d-flex flex-wrap"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> <div class="js-form-item js-form-type-textfield form-type-textfield js-form-item-search form-item-search mb-3"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element-label.html.twig' --> <label for="edit-search" class="visually-hidden">Rechercher</label> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__textfield' --> <!-- FILE NAME SUGGESTIONS: * input--textfield.html.twig x input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input.html.twig' --> <input data-drupal-selector="edit-search" type="text" id="edit-search" name="search" value="" size="30" maxlength="128" class="form-control" /> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/container.html.twig' --> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper mb-3" id="edit-actions"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__submit' --> <!-- FILE NAME SUGGESTIONS: * input--submit.html.twig x input--submit-button.html.twig * input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input--submit-button.html.twig' --> <button data-drupal-selector="edit-submit-acquia-search" type="submit" id="edit-submit-acquia-search" value="Rechercher" class="button js-form-submit form-submit btn btn-primary">Rechercher</button> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input--submit-button.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/container.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/views/views-exposed-form.html.twig' --> </form> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form.html.twig' --> </div> </div> </div> </div> <!-- END OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--exposedformacquia-searchpage-2.html.twig' --> </section> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> </div> </div> <div class="d-md-block d-lg-none" > <nav class="navbar navbar-dark bg-white navbar-top" data-toggle=""> <section class="row no-gutters region region-top-header"> <a href="/" title="Home" rel="home" class="navbar-brand"> <img src="/themes/custom/bootstrap_cmi/logo-fr.svg" alt="Canadian Museum of Immigration at Pier 21" width="200" height="100" class="img-fluid d-inlinev-block align-top d-none d-lg-block d-xl-block"> <span class="ml-2 d-none d-md-inline visually-hidden focusable">Canadian Museum of Immigration at Pier 21</span> </a> <div class="ml-2 d-none d-inline-block align-top site-name-slogan visually-hidden"> Countless Journeys. One Canada. </div> </section> <div class="form-inline navbar-form ml-auto d-md-block d-lg-none"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--top-header-form.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <section class="row region region-top-header-form"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--globalpagetoplinks.html.twig * block--system-menu-block--global-page-top-links.html.twig x block--system-menu-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--system-menu-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__global_page_top_links' --> <!-- FILE NAME SUGGESTIONS: * menu--global-page-top-links.html.twig * menu--global-page-top-links.html.twig x menu.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/navigation/menu.html.twig' --> <ul class="clearfix global-page-top-links nav"> <li class="nav-item"> <a href="https://quai21.ca/location-de-salles" class="nav-link nav-link-https--quai21ca-location-de-salles" data-drupal-link-system-path="node/37">Location de salles</a> </li> <li class="nav-item"> <a href="http://magasinez.quai21.ca" class="nav-link nav-link-http--magasinezquai21ca">Boutique</a> </li> </ul> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/navigation/menu.html.twig' --> <!-- END OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--system-menu-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--languageswitcher.html.twig * block--language-block--language-interface.html.twig x block--language-block.html.twig * block--language.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--language-block.html.twig' --> <div class="language-switcher-language-url block block-language block-language-blocklanguage-interface" role="navigation"> <div class="content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'links__language_block' --> <!-- FILE NAME SUGGESTIONS: x links--language-block.html.twig x links--language-block.html.twig * links.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/navigation/links--language-block.html.twig' --> <nav class="links nav links-inline"><span hreflang="en" data-drupal-link-system-path="node/18" class="_ nav-link"><a href="https://pier21.ca/about/media-centre" class="language-link btn btn-outline-primary" hreflang="en" data-drupal-link-system-path="node/18">EN</a></span></nav> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/navigation/links--language-block.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--language-block.html.twig' --> </section> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> </div> </nav> </div> </nav> </header> <div class="container-fluid"> <div class="parallax"> <img alt ="Depuis l'océan Atlantique, le bâtiment Quai 21 se détache le long du port maritime d'Halifax." src="/sites/default/files/2021-10/media-centre-hero.jpg"/> </div> </div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--breadcrumb.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <section class="pl-5 pr-5 region region-breadcrumb"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--bootstrap-cmi-breadcrumbs.html.twig * block--system-breadcrumb-block.html.twig * block--system.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <div id="block-bootstrap-cmi-breadcrumbs" class="block block-system block-system-breadcrumb-block"> <div class="content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'breadcrumb' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/navigation/breadcrumb.html.twig' --> <nav role="navigation" aria-label="breadcrumb" style=""> <ol class="breadcrumb"> <li class="breadcrumb-item"> <a href="https://quai21.ca/">Accueil</a> </li> <li class="breadcrumb-item active"> À propos </li> <li class="breadcrumb-item"> <a href="https://quai21.ca/a-propos/m%C3%A9diath%C3%A8que">Médiathèque</a> </li> </ol> </nav> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/navigation/breadcrumb.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> </section> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <div id="main-wrapper" class="layout-main-wrapper clearfix"> <div id="main"> <div class="container"> <div class="row row-offcanvas row-offcanvas-left clearfix"> <main class="main-content col" id="content" role="main"> <section class="section"> <a id="main-content" tabindex="-1"></a> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--content.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <section class="region region-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--bootstrap-cmi-page-title.html.twig * block--page-title-block.html.twig * block--core.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <div id="block-bootstrap-cmi-page-title" class="block block-core block-page-title-block"> <div class="content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'page_title' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/content/page-title.html.twig' --> <h1 class="title"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--title--page.html.twig x field--node--title.html.twig * field--node--page.html.twig * field--title.html.twig * field--string.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--node--title.html.twig' --> <span property="schema:name" class="field field--name-title field--type-string field--label-hidden">Médiathèque</span> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--node--title.html.twig' --> </h1> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/content/page-title.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--bootstrap-cmi-content.html.twig * block--system-main-block.html.twig * block--system.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <div id="block-bootstrap-cmi-content" class="block block-system block-system-main-block"> <div class="content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--18--full.html.twig * node--18.html.twig * node--page--full.html.twig * node--page.html.twig * node--full.html.twig x node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bootstrap_cmi/templates/content/node.html.twig' --> <article about="https://quai21.ca/a-propos/m%C3%A9diath%C3%A8que" typeof="schema:WebPage" class="node node--type-page node--view-mode-full clearfix"> <header> <!-- THEME DEBUG --> <!-- THEME HOOK: 'rdf_metadata' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/misc/rdf-metadata.html.twig' --> <span property="schema:name" content="Médiathèque" class="rdf-meta hidden"></span> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/misc/rdf-metadata.html.twig' --> </header> <div class="node__content clearfix"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--page.html.twig * field--node--body.html.twig * field--node--page.html.twig * field--body.html.twig x field--text-with-summary.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> <div property="schema:text" class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>Renseignements et ressources pour les professionnels des médias, y compris des faits rapides, des coordonnées et une sélection de photos numériques de haute qualité.</p> <p><strong>À propos du Musée canadien de l’immigration du Quai 21</strong></p> <p>Le Musée canadien de l’immigration du Quai 21 est situé dans le lieu historique national du port d’Halifax, où près d’un million d’immigrants sont arrivés au Canada entre 1928 et 1971. Aujourd’hui, le sixième musée national du pays raconte l’histoire continue de l’immigration au Canada, du passé au présent et d’un océan à l’autre.</p> <h2>Faits en rafale</h2> <ul> <li>Le Quai 21 est un lieu historique national où des millions de Canadiens et Canadiennes peuvent retracer leurs racines familiales.</li> <li>C’est en 2020 qu’a été publié Quai 21 : Une histoire par Steven Schwinghamer et Jan Raska. Le livre mêle les récits personnels d’immigrants, de fonctionnaires et de bénévoles du Quai 21 à un riche contexte historique tiré des archives du Musée.</li> <li>En avril 2021, le Musée a lancé une nouvelle expérience multimédia dans le cadre de sa collection permanente. Logée dans l’exposition sur l’Histoire de l’immigration canadienne, cette expérience multimédia met en lumière les contributions des nouveaux arrivants au Canada.</li> </ul></div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> </div> </article> <!-- END OUTPUT from 'themes/custom/bootstrap_cmi/templates/content/node.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> </section> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> </section> </main> <div class="sidebar_first sidebar col-md-4 order-first" id="sidebar_first"> <aside class="section" role="complementary"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--sidebar-first.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <section class="region region-sidebar-first"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--mainnavigation.html.twig * block--system-menu-block--main.html.twig x block--system-menu-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--system-menu-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__main' --> <!-- FILE NAME SUGGESTIONS: x menu--main.html.twig x menu--main.html.twig * menu.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bootstrap_cmi/templates/navigation/menu--main.html.twig' --> <ul id="block-mainnavigation" class="clearfix mr-auto navbar-nav"> <li class="nav-item menu-item--expanded dropdown trigger dropdownd"> <a href="https://quai21.ca/a-propos/a-propos-du-musee" class="sidebar_additional_class nav-link dropdown-toggle nav-link-https--quai21ca-a-propos-a-propos-du-musee" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true" data-drupal-link-system-path="node/477166">À propos du Musée</a> <div class='parent_menu_wrapper '> <a href="https://quai21.ca/a-propos/a-propos-du-musee" class="sidebar_additional_class nav-link dropdown-toggle nav-link-https--quai21ca-a-propos-a-propos-du-musee" data-drupal-link-system-path="node/477166">À propos du Musée</a> <span class='parent_open_close' style="display:none;">+</span> </div> <div class='sub dropdown-menu checking-menu ' aria-labelledby="navbarDropdown"> <h2 class="navbarDropdown visually-hidden"></h2> <div class="full-width display-flex"> <div class="small-width first-part"> <h1><u class=" menu-left">À propos du Musée</u></h1> </div> <div class="large-width second-part"> <ul class = 'dropdown-menus ttt nav flex-column one-column'> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/a-propos-du-musee/le-debut-dun-musee-des-histoires" class="sidebar_additional_class nav-link-https--quai21ca-a-propos-du-musee-le-debut-dun-musee-des-histoires" data-drupal-link-system-path="node/3">Histoire d'origine</a> </li> </ul> </div> </div> </div> </li> <li class="nav-item menu-item--expanded dropdown trigger dropdownd"> <a href="https://quai21.ca/a-propos/plan-daccessibilite-et-le-processus-de-retroaction" class="sidebar_additional_class nav-link dropdown-toggle nav-link-https--quai21ca-a-propos-plan-daccessibilite-et-le-processus-de-retroaction" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true" data-drupal-link-system-path="node/480791">Plan d'accessibilité et le processus de rétroaction</a> <div class='parent_menu_wrapper '> <a href="https://quai21.ca/a-propos/plan-daccessibilite-et-le-processus-de-retroaction" class="sidebar_additional_class nav-link dropdown-toggle nav-link-https--quai21ca-a-propos-plan-daccessibilite-et-le-processus-de-retroaction" data-drupal-link-system-path="node/480791">Plan d'accessibilité et le processus de rétroaction</a> <span class='parent_open_close' style="display:none;">+</span> </div> <div class='sub dropdown-menu checking-menu ' aria-labelledby="navbarDropdown"> <h2 class="navbarDropdown visually-hidden"></h2> <div class="full-width display-flex"> <div class="small-width first-part"> <h1><u class=" menu-left">Plan d'accessibilité et le processus de rétroaction</u></h1> </div> <div class="large-width second-part"> <ul class = 'dropdown-menus ttt nav flex-column one-column'> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/plan-daccessibilite-et-le-processus-de-retroaction/formulaire-de-retroaction-sur-laccessibilite" class="sidebar_additional_class nav-link-https--quai21ca-plan-daccessibilite-et-le-processus-de-retroaction-formulaire-de-retroaction-sur-laccessibilite" data-drupal-link-system-path="node/480806">Formulaire de rétroaction sur l'accessibilité</a> </li> </ul> </div> </div> </div> </li> <li class="nav-item menu-item--expanded dropdown trigger dropdownd"> <a href="https://quai21.ca/a-propos/rapports-corporatifs" class="sidebar_additional_class nav-link dropdown-toggle nav-link-https--quai21ca-a-propos-rapports-corporatifs" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true" data-drupal-link-system-path="node/17">Gouvernance et rapports</a> <div class='parent_menu_wrapper '> <a href="https://quai21.ca/a-propos/rapports-corporatifs" class="sidebar_additional_class nav-link dropdown-toggle nav-link-https--quai21ca-a-propos-rapports-corporatifs" data-drupal-link-system-path="node/17">Gouvernance et rapports</a> <span class='parent_open_close' style="display:none;">+</span> </div> <div class='sub dropdown-menu checking-menu ' aria-labelledby="navbarDropdown"> <h2 class="navbarDropdown visually-hidden"></h2> <div class="full-width display-flex"> <div class="small-width first-part"> <h1><u class=" menu-left">Gouvernance et rapports</u></h1> </div> <div class="large-width second-part"> <ul class = 'dropdown-menus ttt nav flex-column two-column'> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/gouvernance-et-rapports/conseil-dadministration" class="sidebar_additional_class nav-link-https--quai21ca-gouvernance-et-rapports-conseil-dadministration" data-drupal-link-system-path="node/44">Conseil d'administration</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/gouvernance-et-rapports/plans-dentreprise" class="sidebar_additional_class nav-link-https--quai21ca-gouvernance-et-rapports-plans-dentreprise" data-drupal-link-system-path="node/47">Plans d'entreprise</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/gouvernance-et-rapports/rapports-financiers-annuels-et-trimestriels" class="sidebar_additional_class nav-link-https--quai21ca-gouvernance-et-rapports-rapports-financiers-annuels-et-trimestriels" data-drupal-link-system-path="node/48">Rapports financiers annuels et trimestriels</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/gouvernance-et-rapports/voyages-accueil-et-conferences" class="sidebar_additional_class nav-link-https--quai21ca-gouvernance-et-rapports-voyages-accueil-et-conferences" data-drupal-link-system-path="node/49">Voyages, accueil et conférences</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/gouvernance-et-rapports/acces-a-linformation-et-protection-des-renseignements-personnels-aiprp" class="sidebar_additional_class nav-link-https--quai21ca-gouvernance-et-rapports-acces-a-linformation-et-protection-des-renseignements-personnels-aiprp" data-drupal-link-system-path="node/1206">Accès à l'information et protection</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/gouvernance-et-rapports/rapports-du-bureau-du-verificateur-general" class="sidebar_additional_class nav-link-https--quai21ca-gouvernance-et-rapports-rapports-du-bureau-du-verificateur-general" data-drupal-link-system-path="node/50">Rapports du Bureau du vérificateur général</a> </li> <li class="dropdown-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/gouvernance-et-rapports/assemblee-publique-annuelle-2024" class="sidebar_additional_class nav-link-https--quai21ca-gouvernance-et-rapports-assemblee-publique-annuelle-2024" data-drupal-link-system-path="node/482831">Assemblée publique annuelle 2024</a> </li> </ul> </div> </div> </div> </li> <li class="nav-item active"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/a-propos/m%C3%A9diath%C3%A8que" class="sidebar_additional_class nav-link active nav-link-https--quai21ca-a-propos-mc3a9diathc3a8que is-active" data-drupal-link-system-path="node/18">Médiathèque</a> </li> <li class="nav-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/a-propos/faites-affaires-avec-nous" class="sidebar_additional_class nav-link nav-link-https--quai21ca-a-propos-faites-affaires-avec-nous" data-drupal-link-system-path="node/21">Faites affaires avec nous</a> </li> <li class="nav-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/a-propos/occasions-demploi" class="sidebar_additional_class nav-link nav-link-https--quai21ca-a-propos-occasions-demploi" data-drupal-link-system-path="node/478591">Occasions d'emploi</a> </li> <li class="nav-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/a-propos/bienvenue-chez-vous-au-canada" class="sidebar_additional_class nav-link nav-link-https--quai21ca-a-propos-bienvenue-chez-vous-au-canada" data-drupal-link-system-path="node/19">Bienvenue chez vous au Canada</a> </li> <li class="nav-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/soutener/benevolat" class="sidebar_additional_class nav-link nav-link-https--quai21ca-soutener-benevolat" data-drupal-link-system-path="node/26">Bénévole</a> </li> <li class="nav-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/a-propos/annuaire-du-personnel" class="sidebar_additional_class nav-link nav-link-https--quai21ca-a-propos-annuaire-du-personnel" data-drupal-link-system-path="node/25">Annuaire du personnel</a> </li> <li class="d-none global-links nav-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://quai21.ca/location-de-salles" class="sidebar_additional_class nav-link nav-link-https--quai21ca-location-de-salles" data-drupal-link-system-path="node/37">Location de salles</a> </li> <li class="d-none global-links nav-item"> <span class="menu-arrow d-lg-none d-xl-none"></span> <a href="https://shop.pier21.ca" class="sidebar_additional_class nav-link nav-link-https--shoppier21ca">Boutique</a> </li> </ul> <!-- END OUTPUT from 'themes/custom/bootstrap_cmi/templates/navigation/menu--main.html.twig' --> <!-- END OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--system-menu-block.html.twig' --> </section> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> </aside> </div> </div> </div> </div> </div> <div class="featured-bottom"> <aside class=" clearfix " role="complementary"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: x region--nowrap.html.twig * region--featured-bottom-first.html.twig * region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region--nowrap.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--mediapassmediacentre.html.twig * block--block-content--186440cd-4598-4541-bcf9-912f822ed83e.html.twig * block--block-basic.html.twig * block--block-content.html.twig * block--bundle--basic.html.twig * block--block-content.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <div id="block-mediapassmediacentre" class="block-content-basic block block-block-content block-block-content186440cd-4598-4541-bcf9-912f822ed83e"> <div class="content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--block-content--body--basic.html.twig * field--block-content--body.html.twig * field--block-content--basic.html.twig * field--body.html.twig x field--text-with-summary.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="container mt-4 mb-4 pt-4 pb-4"> <div class="card-deck"> <div class="card border-dark mt-4 mb-4"> <div class="card-header"> <h3>Carte de presse</h3> </div> <div class="card-body"> <p class="card-text">Les visiteurs des médias, y compris les blogueurs et les vlogueurs, peuvent demander leur carte de presse gratuite pour les expositions permanentes et temporaires du Musée. Pour obtenir votre carte de presse, veuillez contacter :</p> <p class="card-text">Nathaline Piedrahita-Budiman<br> (902) 425-7770 poste 264<br> <a href="mailto:medias@quai.ca">medias@quai21.ca</a></p> </div> </div> <div class="card border-dark mt-4 mb-4"> <div class="card-header"> <h3>Entrevues et renseignements</h3> </div> <div class="card-body"> <p class="card-text">Pour toute question, pour obtenir plus de renseignements ou pour programmer une entrevue avec un historien ou un conservateur, veuillez contacter :</p> <p class="card-text">Nathaline Piedrahita-Budiman</p> </div> </div> <div class="card border-dark mt-4 mb-4"> <div class="card-header"> <h3>Liste de diffusion</h3> </div> <div class="card-body"> <p class="card-text">Inscrivez-vous à la liste de diffusion aux médias et recevez nos communiqués de presse avant tout le monde.</p> <p class="card-text"><a href="mailto:medias@quai21.ca">Envoyez-nous une demande à courriel : medias@quai21.ca</a></p> </div> </div> </div> <!--closing card-deck--></div> <!--closing container--></div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--mediaimagevideopackages.html.twig * block--block-content--b1636423-031d-4a02-b259-93d73ee74ae6.html.twig * block--block-basic.html.twig * block--block-content.html.twig * block--bundle--basic.html.twig * block--block-content.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <div id="block-mediaimagevideopackages" class="block-content-basic block block-block-content block-block-contentb1636423-031d-4a02-b259-93d73ee74ae6"> <div class="content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--block-content--body--basic.html.twig * field--block-content--body.html.twig * field--block-content--basic.html.twig * field--body.html.twig x field--text-with-summary.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="card-wrapper background-grey pt-4 pb-4"><div class="container"><h2>Les images</h2><div class="row"><div class="col-md-4"><p>Des images numériques de haute qualité sont disponibles pour compléter votre article.</p><p><a href="/sites/default/files/media/Museum.zip">Télécharger l'ensemble de la galerie d'images (zip)</a></p><p>Si vous recherchez une image d'archives ou une image contemporaine spécifique, <a href="mailto:media@quai21.ca">veuillez nous contacter à courriel : media@quai21.ca</a>.</p><p> </p><h3>Comment créditer les images du Musée</h3><p>Lorsque vous utilisez les images du Musée, veuillez créditer le Musée canadien de l'immigration au Quai 21.</p></div><div class="col-md-8"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'entity_embed_container' --> <!-- BEGIN OUTPUT from 'modules/contrib/entity_embed/templates/entity-embed-container.html.twig' --> <div data-entity-type="node" data-entity-uuid="7de64516-d284-447d-9ad6-8ca5c416a25d" data-embed-button="node" data-entity-embed-display="view_mode:node.portrait" class="align-center embedded-entity" data-langcode="fr" data-entity-embed-display-settings="[]"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--478981--portrait.html.twig * node--478981.html.twig x node--gallery--portrait.html.twig * node--gallery.html.twig * node--portrait.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bootstrap_cmi/templates/content/node--gallery--portrait.html.twig' --> <article about="https://quai21.ca/banque-dimages-pour-les-medias" class="node node--type-gallery node--view-mode-portrait clearfix"> <div class="node__content clearfix"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: x field--juicebox-relative-width.html.twig * field--node--field-image-gallery--gallery.html.twig * field--node--field-image-gallery.html.twig * field--node--gallery.html.twig * field--field-image-gallery.html.twig * field--image.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'modules/contrib/juicebox/templates/field--juicebox-relative-width.html.twig' --> <div> <div>Image Gallery</div> <div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'juicebox_embed_markup' --> <!-- BEGIN OUTPUT from 'modules/contrib/juicebox/templates/juicebox-embed-markup.html.twig' --> <div class="juicebox-parent"> <div id="node--478981--field-image-gallery--portrait" class="juicebox-container"> <noscript> <!-- Image gallery content for non-javascript devices --> <p class="jb-image"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/image.html.twig' --> <img src="/sites/default/files/2022-03/rudolph-p.jpg" alt typeof="foaf:Image"> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/image.html.twig' --> <br> <span class="jb-title"></span><br> <span class="jb-caption"></span> </p> <p class="jb-image"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/image.html.twig' --> <img src="/sites/default/files/2022-03/P21-Building-Image.jpg" alt typeof="foaf:Image"> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/image.html.twig' --> <br> <span class="jb-title"></span><br> <span class="jb-caption"></span> </p> <p class="jb-image"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/image.html.twig' --> <img src="/sites/default/files/2022-03/9711.jpg" alt typeof="foaf:Image"> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/image.html.twig' --> <br> <span class="jb-title"></span><br> <span class="jb-caption"></span> </p> <p class="jb-image"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/image.html.twig' --> <img src="/sites/default/files/2022-03/18171.jpg" alt typeof="foaf:Image"> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/image.html.twig' --> <br> <span class="jb-title"></span><br> <span class="jb-caption"></span> </p> <p class="jb-image"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/image.html.twig' --> <img src="/sites/default/files/2022-03/17798.jpg" alt typeof="foaf:Image"> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/image.html.twig' --> <br> <span class="jb-title"></span><br> <span class="jb-caption"></span> </p> <p class="jb-image"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/image.html.twig' --> <img src="/sites/default/files/2022-03/17411.jpg" alt typeof="foaf:Image"> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/image.html.twig' --> <br> <span class="jb-title"></span><br> <span class="jb-caption"></span> </p> <p class="jb-image"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/image.html.twig' --> <img src="/sites/default/files/2022-03/12241.jpg" alt typeof="foaf:Image"> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/image.html.twig' --> <br> <span class="jb-title"></span><br> <span class="jb-caption"></span> </p> <p class="jb-image"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/image.html.twig' --> <img src="/sites/default/files/2022-03/12161-copy.jpg" alt typeof="foaf:Image"> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/image.html.twig' --> <br> <span class="jb-title"></span><br> <span class="jb-caption"></span> </p> </noscript> </div> </div> <!-- END OUTPUT from 'modules/contrib/juicebox/templates/juicebox-embed-markup.html.twig' --> </div> </div> <!-- END OUTPUT from 'modules/contrib/juicebox/templates/field--juicebox-relative-width.html.twig' --> </div> </article> <!-- END OUTPUT from 'themes/custom/bootstrap_cmi/templates/content/node--gallery--portrait.html.twig' --> </div> <!-- END OUTPUT from 'modules/contrib/entity_embed/templates/entity-embed-container.html.twig' --> </div><div class="col-sm"><p> </p></div></div></div></div></div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--mediavideopreview.html.twig * block--block-content--4c34b431-b158-46cf-b641-32dbcc2bc913.html.twig * block--block-basic.html.twig * block--block-content.html.twig * block--bundle--basic.html.twig * block--block-content.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <div id="block-mediavideopreview" class="block-content-basic block block-block-content block-block-content4c34b431-b158-46cf-b641-32dbcc2bc913"> <div class="content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--block-content--body--basic.html.twig * field--block-content--body.html.twig * field--block-content--basic.html.twig * field--body.html.twig x field--text-with-summary.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="card-wrapper background-white pt-4 pb-4"> <div class="container"> <h2>Vidéos</h2> <h3>A l'intérieur du musée</h3> <p>Pour un aperçu de l'intérieur du musée, regardez notre courte bande-annonce. (60 sec.)</p> <div class="embed-responsive embed-responsive-16by9"><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen frameborder="0" src="https://www.youtube.com/embed/951rZerxkKU" title="Reproductor de vídeo de YouTube"></iframe></div> <h4 class="mt-3"><a href="https://www.youtube.com/user/Pier21Museum">Pour plus de 100 vidéos, veuillez consulter notre chaîne YouTube.</a></h4> </div> </div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region--nowrap.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: x region--nowrap.html.twig * region--featured-bottom-third.html.twig * region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region--nowrap.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--sociallinks.html.twig * block--block-content--ad9fafa5-7734-439c-b581-95f410531efb.html.twig * block--block-basic.html.twig * block--block-content.html.twig * block--bundle--basic.html.twig * block--block-content.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <div id="block-sociallinks" class="block-content-basic block block-block-content block-block-contentad9fafa5-7734-439c-b581-95f410531efb"> <div class="content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--block-content--body--basic.html.twig * field--block-content--body.html.twig * field--block-content--basic.html.twig * field--body.html.twig x field--text-with-summary.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><ul class="list-inline social-links mt-3 pl-5"><li class="list-inline-item"><a href="https://www.facebook.com/CanadianMuseumofImmigration/?ref=ts"><em><i class="fab fa-2x fa-facebook"><span class="sr-only">Facebook</span></i></em></a></li><li class="list-inline-item"><a href="https://www.instagram.com/pier21_quai21/"><em><i class="fab fa-2x fa-instagram"><span class="sr-only">Instagram</span></i></em></a></li><li class="list-inline-item"><a href="https://www.youtube.com/user/Pier21Museum"><em><i class="fab fa-2x fa-youtube"><span class="sr-only">YouTube</span></i></em></a></li><li class="list-inline-item"><a href="https://www.tripadvisor.com/Attraction_Review-g154976-d155415-Reviews-Canadian_Museum_of_Immigration_at_Pier_21-Halifax_Halifax_Regional_Municipality_No.html"><em><i class="fab fa-2x fa-tripadvisor"><span class="sr-only">TripAdvisor</span></i></em></a></li></ul></div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region--nowrap.html.twig' --> <div class="footer-wave w-100"> <img alt="" class="full-width-image test" src="/themes/custom/bootstrap_cmi/images/wave.svg"> </div> </aside> </div> <footer class="site-footer pl-5 pr-5"> <div class="container-fluid"> <div class="site-footer__top clearfix ml-4 mr-4 mt-4"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--footer-first.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <section class="col pl-0 region region-footer-first"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--addresscopyright.html.twig * block--block-content--997feb7a-2616-4d71-a813-db2c5dac2eea.html.twig * block--block-basic.html.twig * block--block-content.html.twig * block--bundle--basic.html.twig * block--block-content.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <div id="block-addresscopyright" class="block-content-basic block block-block-content block-block-content997feb7a-2616-4d71-a813-db2c5dac2eea"> <div class="content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--block-content--body--basic.html.twig * field--block-content--body.html.twig * field--block-content--basic.html.twig * field--body.html.twig x field--text-with-summary.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>Musée canadien de l’immigration du Quai 21<br>© 2025 Tous droits réservés<br>1055 chemin Marginal, Halifax, NÉ B3H 4P7<br>T : 902-425-7770 • F : 902-423-4045<br>Numéro sans frais : 1-855-526-4721 • <a style="text-decoration:underline;" href="mailto:info@quai21.ca">info@quai21.ca</a></p><p> </p></div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> </section> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--footer-second.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <section class="col region region-footer-second"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--footercontact.html.twig * block--system-menu-block--footer-contact.html.twig x block--system-menu-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--system-menu-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__footer_contact' --> <!-- FILE NAME SUGGESTIONS: * menu--footer-contact.html.twig x menu.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/navigation/menu.html.twig' --> <ul class="clearfix nav"> <li class="nav-item"> <a href="https://quai21.ca/location-de-salles/organisez-votre-mariage" class="nav-link nav-link-https--quai21ca-location-de-salles-organisez-votre-mariage" data-drupal-link-system-path="node/1181">Mariages</a> </li> <li class="nav-item"> <a href="https://quai21.ca/location-de-salles/planification-de-reunions-et-conventions" class="nav-link nav-link-https--quai21ca-location-de-salles-planification-de-reunions-et-conventions" data-drupal-link-system-path="node/1131">Pour les organisateurs d’événements</a> </li> <li class="nav-item"> <a href="http://magasinez.quai21.ca" class="nav-link nav-link-http--magasinezquai21ca">Magasiner</a> </li> <li class="nav-item menu-item--active-trail"> <a href="https://quai21.ca/a-propos/m%C3%A9diath%C3%A8que" class="nav-link active nav-link-https--quai21ca-a-propos-mc3a9diathc3a8que is-active" data-drupal-link-system-path="node/18">Médias</a> </li> <li class="nav-item"> <a href="https://quai21.ca/contact" class="nav-link nav-link-https--quai21ca-contact" data-drupal-link-system-path="contact">Contactez-nous</a> </li> </ul> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/navigation/menu.html.twig' --> <!-- END OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--system-menu-block.html.twig' --> </section> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--footer-third.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <section class="col region region-footer-third"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--footersitelinks.html.twig * block--system-menu-block--footer-site-links.html.twig x block--system-menu-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--system-menu-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__footer_site_links' --> <!-- FILE NAME SUGGESTIONS: * menu--footer-site-links.html.twig x menu.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/navigation/menu.html.twig' --> <ul class="clearfix nav"> <li class="nav-item"> <a href="https://quai21.ca/a-propos/plan-daccessibilite-et-le-processus-de-retroaction" class="nav-link nav-link-https--quai21ca-a-propos-plan-daccessibilite-et-le-processus-de-retroaction" data-drupal-link-system-path="node/480791">Plan d'accessibilité</a> </li> <li class="nav-item"> <a href="https://quai21.ca/politique-de-confidentialite" class="nav-link nav-link-https--quai21ca-politique-de-confidentialite" data-drupal-link-system-path="node/39">Politique de confidentialité</a> </li> <li class="nav-item"> <a href="https://quai21.ca/politique-de-retrait" class="nav-link nav-link-https--quai21ca-politique-de-retrait" data-drupal-link-system-path="node/546">Politique de retrait</a> </li> <li class="nav-item"> <a href="https://quai21.ca/conditions-generales" class="nav-link nav-link-https--quai21ca-conditions-generales" data-drupal-link-system-path="node/566">Conditions générales</a> </li> </ul> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/navigation/menu.html.twig' --> <!-- END OUTPUT from 'themes/custom/bootstrap_cmi/templates/block/block--system-menu-block.html.twig' --> </section> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--footer-fourth.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <section class="col border-0 region region-footer-fourth"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--subscriberlink.html.twig * block--block-content--02aebd03-95f0-440b-98f9-4bae7e09d31c.html.twig * block--block-basic.html.twig * block--block-content.html.twig * block--bundle--basic.html.twig * block--block-content.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <div id="block-subscriberlink" class="block-content-basic block block-block-content block-block-content02aebd03-95f0-440b-98f9-4bae7e09d31c"> <div class="content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--block-content--body--basic.html.twig * field--block-content--body.html.twig * field--block-content--basic.html.twig * field--body.html.twig x field--text-with-summary.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p><button class="button-slider" role="link" type="button"><span><a href="/demeurez-a-jour">S'inscrire</a></span></button></p> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> </section> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--footer-fifth.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <section class="col pr-0 region region-footer-fifth"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--gocwordmark.html.twig * block--block-content--0e31a6f3-a269-43f3-aff5-4fd4f4a0b176.html.twig * block--block-basic.html.twig * block--block-content.html.twig * block--bundle--basic.html.twig * block--block-content.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <div id="block-gocwordmark" class="block-content-basic block block-block-content block-block-content0e31a6f3-a269-43f3-aff5-4fd4f4a0b176"> <div class="content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--block-content--body--basic.html.twig * field--block-content--body.html.twig * field--block-content--basic.html.twig * field--body.html.twig x field--text-with-summary.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><img alt="Symbol of the Canadian Government" class="footer-logo" src="/themes/custom/bootstrap_cmi/images/goc-wordmark-wh.svg"> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> </section> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> </div> <div class="site-footer__bottom"> </div> </div> </footer> </div> </div> <!-- END OUTPUT from 'themes/custom/bootstrap_cmi/templates/content/page--node--page.html.twig' --> </div> <!-- END OUTPUT from 'core/modules/system/templates/off-canvas-page-wrapper.html.twig' --> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/18","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"fr"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"juicebox":{"node--478981--field-image-gallery--portrait":{"configUrl":"https:\/\/quai21.ca\/juicebox\/xml\/field\/node\/478981\/field_image_gallery\/portrait?checksum=32ef6ea706a2d3b3e64941aaf2b196ee","containerId":"node--478981--field-image-gallery--portrait","gallerywidth":"100%","galleryheight":"100%","backgroundcolor":"#222222"}},"ajaxTrustedUrl":{"https:\/\/quai21.ca\/search":true},"user":{"uid":0,"permissionsHash":"af88571817a8faac63d6b147ba312dbd71dbf97703de81717c2dda94eff1bad3"}}</script> <script src="/sites/default/files/js/js_c8SL4RA32sjQB-zv0A5UMaygydfDt7SvwEqCOY5kLeg.js?scope=footer&delta=0&language=fr&theme=bootstrap_cmi&include=eJx9kEEKwzAMBD-U1k8KkiIHtbZkbJnGv28vhRKH3pYZWNhtoznngNB4QTNvXqGsCLWKhT0ZQro1H0l0__GU5b_0UfgpfqIZdpUotBYrvZwk9eogurC6-Fg5I2-BoLiYLo8uxGhH-IaZ3JMRpHmE2nYxDSvDRrVnnF20mq-oOry4Wb6ogxjlmPHnmWd7AyN0jVM"></script> <script src="/libraries/juicebox/juicebox.js?sroki9"></script> <script src="/modules/contrib/juicebox/js/juicebox_load.js?sroki9"></script> <script src="/sites/default/files/js/js_LgyaZcntyd3xTW_JbSmkCQm9DWbafkNU7wnJwiRmOsE.js?scope=footer&delta=3&language=fr&theme=bootstrap_cmi&include=eJx9kEEKwzAMBD-U1k8KkiIHtbZkbJnGv28vhRKH3pYZWNhtoznngNB4QTNvXqGsCLWKhT0ZQro1H0l0__GU5b_0UfgpfqIZdpUotBYrvZwk9eogurC6-Fg5I2-BoLiYLo8uxGhH-IaZ3JMRpHmE2nYxDSvDRrVnnF20mq-oOry4Wb6ogxjlmPHnmWd7AyN0jVM"></script> </body> </html> <!-- END OUTPUT from 'themes/custom/bootstrap_cmi/templates/layout/html.html.twig' -->