Uri: https%3A%2F%2Fquoivivrerimouski.ca%2Fexposition-couleurs-de-la-nature
Page name: Exposition | Couleurs de la nature | Quoi vivre à Rimouski
Edit | BackDate Scraped: 2026-04-25 08:28:06 -0400
Last Successful Refresh: 2026-04-25 08:28:06 -0400
Created: 2025-07-24 05:15:06 -0400
Updated: 2026-04-25 08:28:06 -0400
HTTP Response Code: 200
Html:
<!DOCTYPE html>
<html lang="fr" dir="ltr" prefix="og: https://ogp.me/ns#">
<head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-H66LYRVBCR"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-H66LYRVBCR');
</script>
<meta charset="utf-8" />
<meta name="description" content="Rimouski | Galerie d'art | Galerie de photos | Jean-Christophe Lemay | JC Lemay | Photos | Photographies | Boutique |" />
<meta name="abstract" content="Rimouski | Galerie d'art | Galerie de photos | Jean-Christophe Lemay | JC Lemay | Photos | Photographies | Boutique |" />
<meta name="geo.placename" content="Rimouski" />
<meta name="geo.position" content="48.4034849,-68.8621409" />
<meta name="geo.region" content="CA-QC" />
<meta name="robots" content="index, follow" />
<link rel="canonical" href="https://quoivivrerimouski.ca/exposition-couleurs-de-la-nature" />
<meta property="og:site_name" content="Exposition | Couleurs de la nature | Quoi vivre à Rimouski" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Exposition | Couleurs de la nature | Quoi vivre à Rimouski" />
<meta property="og:description" content="Rimouski | Galerie d'art | Galerie de photos | Jean-Christophe Lemay | JC Lemay | Photos | Photographies | Boutique |" />
<meta property="og:image" content="https://quoivivrerimouski.ca/sites/default/files/styles/fb/public/2025-07/JC%20Lemay%20-%20Galerie%20photos.jpg" />
<meta property="og:image:secure_url" content="https://quoivivrerimouski.ca/themes/custom/quoivivrerimouski/css/img/og.png" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="316" />
<meta property="place:location:longitude" content="-68.8621409" />
<meta property="place:location:latitude" content="48.4034849" />
<meta property="og:locality" content="Rimouski" />
<meta property="og:region" content="Québec" />
<meta property="og:postal_code" content="G5N5M8" />
<meta property="og:country_name" content="Canada" />
<meta property="og:email" content="quoivivre.rimouski@ville.rimouski.qc.ca" />
<meta property="og:locale" content="fr_CA" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:description" content="Rimouski | Galerie d'art | Galerie de photos | Jean-Christophe Lemay | JC Lemay | Photos | Photographies | Boutique |" />
<meta name="twitter:title" content="Exposition | Couleurs de la nature | Quoi vivre à Rimouski" />
<meta name="twitter:image:alt" content="Exposition | Couleurs de la nature" />
<meta name="twitter:image" content="https://quoivivrerimouski.ca/sites/default/files/styles/twi/public/2025-07/JC%20Lemay%20-%20Galerie%20photos.jpg" />
<meta name="Generator" content="Drupal 11 (https://www.drupal.org)" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" href="/sites/default/files/favicon_1.png" type="image/png" />
<title>Exposition | Couleurs de la nature | Quoi vivre à Rimouski</title>
<script src="https://kit.fontawesome.com/b5ff597667.js" crossorigin="anonymous"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Urbanist:wght@400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" media="all" href="/modules/contrib/ajax_loader/css/throbber-general.css?te05qg" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/core/components/progress.module.css?te05qg" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/core/components/ajax-progress.module.css?te05qg" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/align.module.css?te05qg" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/container-inline.module.css?te05qg" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/clearfix.module.css?te05qg" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/hidden.module.css?te05qg" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/js.module.css?te05qg" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/views/views.module.css?te05qg" />
<link rel="stylesheet" media="all" href="/modules/contrib/ajax_loader/css/pulse.css?te05qg" />
<link rel="stylesheet" media="all" href="/modules/contrib/extlink/css/extlink.css?te05qg" />
<link rel="stylesheet" media="all" href="/modules/contrib/geolocation/css/geolocation-map.css?te05qg" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/core/assets/vendor/normalize-css/normalize.css?te05qg" />
<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/progress.css?te05qg" />
<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/action-links.css?te05qg" />
<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/breadcrumb.css?te05qg" />
<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/container-inline.css?te05qg" />
<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/details.css?te05qg" />
<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/exposed-filters.css?te05qg" />
<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/field.css?te05qg" />
<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/form.css?te05qg" />
<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/icons.css?te05qg" />
<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/inline-form.css?te05qg" />
<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/item-list.css?te05qg" />
<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/links.css?te05qg" />
<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/menu.css?te05qg" />
<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/more-link.css?te05qg" />
<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/pager.css?te05qg" />
<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/tabledrag.css?te05qg" />
<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/tableselect.css?te05qg" />
<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/tablesort.css?te05qg" />
<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/textarea.css?te05qg" />
<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/ui-dialog.css?te05qg" />
<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/messages.css?te05qg" />
<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/style.css?te05qg" />
<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/dist/icons/1.11.0/font/bootstrap-icons.css?te05qg" />
<link rel="stylesheet" media="all" href="/themes/custom/quoivivrerimouski/css/animate.css?te05qg" />
<link rel="stylesheet" media="all" href="/themes/custom/quoivivrerimouski/css/global.css?te05qg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
</head>
<body class="page-route-entity-node-canonical path-node page-node-type-evenements path-8588" >
<div class="cookies-eu-banner" style="display: none;">
<p>Nous utilisons des témoins appelés "Cookies" afin de vous fournir l'expérience de navigation la plus optimale et sécurisée qui soit.
<strong><a class="ms-2" href="/politique-dachat#temoin" aria-label="En apprendre sur les cookies" rel="noopener noreferrer nofollow" target="_blank">En apprendre plus sur les cookies / témoins</a></strong>
<button class="btn btn-primary ms-2" onClick="closeModal()">Accepter</button>
</p>
</div>
<input type="hidden" class="nid" value="8588" />
<a href="#main-content" class="visually-hidden focusable skip-link">
Aller au contenu principal
</a>
<div class="dialog-off-canvas-main-canvas d-flex flex-column h-100" data-off-canvas-main-canvas>
<header>
<meta name="sitecheckerpro-site-verification" content="ed7a19d3dde1246b64374d01bd27573f">
<nav class="navbar fixed-top navbar-expand-lg ">
<div class="container-fluid d-flex w-100">
<div class="region region-nav-branding">
<div id="block-sitebranding" class="block block-system block-system-branding-block">
<div class="navbar-brand d-flex align-items-center">
<a href="/" title="Quoi Vivre Rimouski" rel="home" class="site-logo d-block">
<img src="/sites/default/files/logoqvr%20%281%29.png" alt="Quoi Vivre Rimouski" fetchpriority="high" />
</a>
<div>
</div>
</div>
</div>
</div>
<button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"><i class="fa-light fa-bars fa-2x"></i></span>
</button>
<div class="collapse navbar-collapse justify-content-md-center" id="navbarSupportedContent">
<div class="region region-nav-main">
<nav role="navigation" aria-labelledby="block-quoivivrerimouski-main-menu-menu" id="block-quoivivrerimouski-main-menu">
<h2 class="visually-hidden" id="block-quoivivrerimouski-main-menu-menu">Main navigation</h2>
<ul data-block="nav_main" class="navbar-nav justify-content-end flex-wrap nav-level-0">
<li class="nav-item">
<a href="/" class="nav-link" data-drupal-link-system-path="<front>">Calendrier culturel</a>
</li>
<li class="nav-item">
<a href="/billetterie" class="nav-link" data-drupal-link-system-path="node/2548">Billetterie | Inscription</a>
</li>
<li class="nav-item">
<a href="/evenements-en-ligne" class="nav-link" data-drupal-link-system-path="node/3325">Événements en ligne</a>
</li>
<li class="nav-item dropdown">
<span class="nav-link dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false" title="Expand menu Organismes">Organismes</span>
<ul data-block="nav_main" class="dropdown-menu nav-level-1">
<li class="nav-item">
<a href="/soumettre-un-evenement" class="dropdown-item" data-drupal-link-system-path="node/90">Soumettre un événement</a>
</li>
<li class="nav-item">
<a href="/politique-de-contenu" class="dropdown-item" data-drupal-link-system-path="node/105">Politique de contenu</a>
</li>
<li class="nav-item">
<a href="/informations-pour-les-organismes-culturels" class="dropdown-item" data-drupal-link-system-path="node/2852">Informations pour les organismes</a>
</li>
<li class="nav-item">
<a href="https://quoivivrerimouski.ca/user/login" class="dropdown-item">Connexion</a>
</li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</div>
</nav>
</header>
<a id="main-content"></a>
<div class="region region-content">
<div data-drupal-messages-fallback class="hidden"></div>
<div id="block-quoivivrerimouski-content" class="block block-system block-system-main-block">
<div>
<div class="banniere-evenement">
<div class="banniere-evenement-blur" style="background-image: url(/sites/default/files/styles/fiche_d/public/2025-07/JC%20Lemay%20-%20Galerie%20photos.jpg);"></div>
<div class="container-fluid pt-5">
<div class="row align-items-center text-center text-lg-start pt-2">
<div class="col-12 col-lg-6 col-xl-5 mb-md-5">
<div class="mb-3"> <nav aria-label="breadcrumb">
<h2 id="system-breadcrumb" class="visually-hidden">Fil d'Ariane</h2>
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="/">Quoi Vivre Rimouski</a>
</li>
<li class="breadcrumb-item">
Exposition | Couleurs de La Nature
</li>
</ol>
</nav>
</div>
<div class="categorie text-white d-none">Arts visuels | Métiers d'art</div>
<h1 class="text-white"><span class="field field--name-title field--type-string field--label-hidden">Exposition | Couleurs de la nature</span>
</h1>
<div class="text-white fw-bold">présenté par <span class="fw-light">Galerie d'art | JC Lemay photo</span></div>
<div class="d-grid gap-2 d-md-block mt-5">
</div>
</div>
<div class="col-12 col-lg-6 col-xl-7 evenement-image text-xs-center text-sm-center text-md-right position-relative overflow-hidden">
<img class="shadow" alt="Exposition | Couleurs de la nature" src="/sites/default/files/styles/fiche_d/public/2025-07/JC%20Lemay%20-%20Galerie%20photos.jpg" />
</div>
</div>
</div>
</div>
<div class="mb-0">
<div class="container-fluid">
<div class="row">
<div class="col-12 col-lg-6 col-xl-5 text-center">
<div class="mb-5">
<i class="fa-thin fa-calendar-day fa-3x text-primary mb-3"></i>
<h3 class="mb-4">Dates</h3>
<div class="mb-3"><span class="h2">21 Jun 2025</span> au <span class="h2">30 Jun 2026</span></div>
</div>
<div class="mb-5">
<i class="fa-thin fa-megaphone fa-3x text-primary mb-3"></i>
<h3 class="mb-3">Résumé</h3>
<div class="text-start">
<div class="clearfix text-formatted field field--name-field-description-longue-html- field--type-text-long field--label-hidden field__item">
<p>Depuis juin 2023, vous pouvez maintenant magasiner en personne, au centre-ville de Rimouski, le travail de Jean-Christophe Lemay. La galerie d'art et boutique, c'est un endroit accueillant où vous retrouverez tous les produits de la boutique en ligne, ainsi qu'une galerie d'art fraichement inaugurée en 2024, affichant plus de dix cadres en très grand format pour une expérience immersive en nature. </p>
<p>Magasinez les impressions, les cadres, les livres, calendriers, cartes postales et cartes de souhaits et une tonne d'autres souvenirs à l'image de notre région. </p>
<p> </p>
<h5><b>À propos de Jean-Christophe Lemay</b></h5>
<p>Natif de l’Ontario, au Canada, Jean-Christophe Lemay a grandi dans un tout petit village nommé L'Orignal, loin de toute eau salée, mais tout de même entouré de nature. Passionné de sports, il entretient que très peu d'intérêt pour l'art à l'époque. C’est toutefois lors de ses multiples voyages aux États-Unis dès son jeune âge qu’il tombe en amour avec l’océan et tout ce qu’il abrite, ainsi que la faune et la nature en général. Il déménage au Québec à Rimouski en 2010 pour poursuivre des études supérieures en biologie marine.</p>
<p>La même année, il acquiert son premier appareil photo étanche pour prendre des photos de vagues et de l'eau, entre deux sessions de surf. Au fil des ans et des séances photo, il élargit ses sujets et développe une passion pour tout ce que la nature et la faune lui offrent. C’est en 2019 qu’il décide de se lancer à temps plein dans la poursuite de sa passion et sa mission d’apporter la nature dans le quotidien des gens. Au travers de ses images, il souhaite mettre en valeur le riche patrimoine naturel du Québec et du Canada, afin d’encourager les gens à la conservation et la protection des milieux naturels. Les photos de Jean-Christophe sont apparues notamment dans les magazines Nature Sauvage, Canadian Geographic, Beside et plus encore. </p>
</div>
<a target="_blank" title="Voir le site Web de l'événement" href="https://jclemayphotoboutique.com/" class="text-primary">Voir le site Web de l'événement</a>
</div>
</div>
</div>
<div class="col-12 col-lg-12 col-xl-7">
<div style="position: sticky;top: 170px;">
<div class="row">
<div class="col-12 col-lg-6 col-xl-6">
<div class="section-fiche-evenenement">
<div class="mb-5">
<div class="text-center">
<i class="fa-thin fa-ticket-simple fa-3x text-primary mb-3"></i>
<h3 class="mb-4">Tarif</h3>
<span class="tarif">
Gratuit
</span>
<p class="condition pt-3">
<small>
*Les tarifs peuvent comprendre ou non les taxes. Certaines conditions peuvent s'appliquer.
Sujet à changements sans préavis.
</small>
</p>
</div>
<div class='lienexterne text-center mt-4'>
<div>
<div>
<div class="d-flex justify-content-center">
</div>
</div>
</div>
</div>
</div>
<div class='text-center mb-5'>
</div>
</div>
</div>
<div class="col-12 col-xl-6 mb-5 text-center">
<i class="fa-thin fa-location-dot fa-3x text-primary mb-3"></i>
<h3 class="mb-4">Lieu</h3>
<div>
<div class="mb-4">
<h5> Galerie d'art | JC Lemay photo</h5>
<p>
24, rue Saint-Pierre<br />
Rimouski (Québec) G5L 1T3
</p>
<div class="d-flex flex-wrap align-content-center justify-content-center">
</div>
<a target="_blank" href="https://jclemayphotoboutique.com/" class="btn btn-lg btn-outline-primary d-inline-flex align-items-center" title="Visiter leur site Web">Visiter leur site Web <i class="fa-duotone fa-square-arrow-up-right ms-2"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class='bg-light rounded p-4 p-md-5'>
<div class="row">
<div class="col-12">
<h4 class="mb-5 text-primary"><i class="fa-duotone fa-map-marker-alt"></i> Renseignements complémentaires sur l'emplacement</h4>
</div>
<div class="col-12 col-lg-4 mb-4">
<h5 class="mb-3"><i class="fa-duotone fa-calendar-days text-primary"></i> Horaire régulier</h5>
Lundi et mardi : Fermé
Mercredi : 10 h à 5 h
Jeudi : 10 h à 5 h 30
Vendredi : 10 h à 5 h 30
Samedi : 10 h à 5 h 30
Dimanche : 12 h à 5 h
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid mb-5">
<div class="row">
<div class="col-12">
<div class="carte bg-dark overflow-hidden shadow-sm">
<div class='lieux'>
<div class="views-element-container">
<div class="view view-carte view-id-carte view-display-id-block_1 js-view-dom-id-ac9ad86f070e736e6cc2d98874647bbd07a0ba4c42744ceeec6c55606ea3fda6">
<div class="view-content">
<div class="geolocation-map-wrapper" id="ac9ad86f070e736e6cc2d98874647bbd07a0ba4c42744ceeec6c55606ea3fda6" data-map-type="google_maps">
<div class="geolocation-map-controls">
</div>
<div class="geolocation-map-container js-show"></div>
<div data-views-row-index="0" class="geolocation-location js-hide" id="69ecb3565095e" data-lat="48.451159018258" data-lng="-68.525606358897" data-set-marker="true" data-icon="/themes/custom/quoivivrerimouski/css/img/map-marker-solid.png" typeof="Place">
<span property="geo" typeof="GeoCoordinates">
<meta property="latitude" content="48.451159018258" />
<meta property="longitude" content="-68.525606358897" />
</span>
<h2 class="location-title" property="name">Galerie d'art | JC Lemay photo</h2>
<div class="location-content">
<div class="views-field views-field-title"><span class="field-content">Galerie d'art | JC Lemay photo</span></div>
<div class="views-field views-field-field-geol">
<div class="field-content"><span typeof="Place">
<span property="geo" typeof="GeoCoordinates">
<meta property="latitude" content="48.451159018258">
<meta property="longitude" content="-68.525606358897">
</span>
<span class="geolocation-latlng">48.451159018258, -68.525606358897</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="event_container_prog mb-5">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="views-element-container">
<div class="view view-copie-de-slide-evenement view-id-copie_de_slide_evenement view-display-id-block_1 js-view-dom-id-685c0658b40c14bd84b0acca650bf85d540a29c5b1236a250292ebd2895a094b">
<div class="view-header text-white text-center pb-4 pt-4">
<h2 class="text-start">Vous pourriez également aimer</h2>
</div>
<div class="row">
<div class="col-12">
<div class="view-content">
<div data-drupal-views-infinite-scroll-content-wrapper class="views-infinite-scroll-content-wrapper clearfix">
<div>
<div class="row">
<div class="col-6 col-sm-4 col-md-3 col-xl-2">
<div class="event_listing mb-4 mb-md-5" >
<div class="event_photo overflow-hidden ">
<a class="event_lien" href="/galerie-dart-vu-en-pointilles"></a>
<div class="event_date_content ">
<!-- INTERVALLE DE DATE -->
<div class="event_date mb-2 text-white d-flex justify-content-between">
<div class="d-flex align-items-center">
<div><span>21<br />
Jun</span></div>
<div class="ms-1 me-1">au</div>
<div><span>31<br />
Déc</span></div>
</div>
<div class="event_puce" style="background:#88B14B;"></div>
</div>
<div class="event_infos_hover">
<div class="event_heure text-white"></div>
<div class="event_lieu text-white">
<span>Vu en pointillés</span>
</div>
</div>
</div>
<div class="overflow-hidden"> <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2025-07/Vu%20en%20pointill%C3%A9.jpg?h=b5996d4a" width="260" height="340" alt="Vu en pointillés" class="img-fluid image-style-calendrier-evenement" />
</div>
<div class="event_hover d-flex flex-column h-100">
<div class="mt-auto text-center p-3 p-md-4">
<div class="mb-2">
<span class="event_tarif">
$
</span>
</div>
</div>
</div>
</div>
<div class="event_content pt-3 pb-3">
<div class="titreEvent">
<div class="d-flex align-items-start justify-content-between">
<div style="width:88%;">
<h3 class="text-white text-shadow h6 mb-0"><a href="/galerie-dart-vu-en-pointilles" hreflang="fr">Galerie d'art | Vu en pointillés</a> </h3>
</div>
<i class="fa-duotone icon-categorie ms-1 fa-1x fa-palette text-white"></i>
</div>
</div>
<a href="https://quoivivrerimouski.ca//galerie-dart-vu-en-pointilles"></a>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-3 col-xl-2">
<div class="event_listing mb-4 mb-md-5" >
<div class="event_photo overflow-hidden ">
<a class="event_lien" href="/entre-oiseaux"></a>
<div class="event_date_content ">
<!-- INTERVALLE DE DATE -->
<div class="event_date mb-2 text-white d-flex justify-content-between">
<div class="d-flex align-items-center">
<div><span>12<br />
Fév</span></div>
<div class="ms-1 me-1">au</div>
<div><span>07<br />
Jun</span></div>
</div>
<div class="event_puce" style="background:#88B14B;"></div>
</div>
<div class="event_infos_hover">
<div class="event_heure text-white"></div>
<div class="event_lieu text-white">
<span>Musée de Rimouski</span>
</div>
</div>
</div>
<div class="overflow-hidden"> <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-01/Template%20QVR%20%285%29.png?h=64e7cd56" width="260" height="340" alt="Entre oiseaux" class="img-fluid image-style-calendrier-evenement" />
</div>
<div class="event_hover d-flex flex-column h-100">
<div class="mt-auto text-center p-3 p-md-4">
<div class="mb-2">
<span class="event_tarif">
0.00 $
-
10.00 $
</span>
</div>
</div>
</div>
</div>
<div class="event_content pt-3 pb-3">
<div class="titreEvent">
<div class="d-flex align-items-start justify-content-between">
<div style="width:88%;">
<h3 class="text-white text-shadow h6 mb-0"><a href="/entre-oiseaux" hreflang="fr">Entre oiseaux</a> </h3>
</div>
<i class="fa-duotone icon-categorie ms-1 fa-1x fa-palette text-white"></i>
</div>
</div>
<a href="https://quoivivrerimouski.ca//entre-oiseaux"></a>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-3 col-xl-2">
<div class="event_listing mb-4 mb-md-5" >
<div class="event_photo overflow-hidden ">
<a class="event_lien" href="/creve-cheval"></a>
<div class="event_date_content ">
<!-- INTERVALLE DE DATE -->
<div class="event_date mb-2 text-white d-flex justify-content-between">
<div class="d-flex align-items-center">
<div><span>19<br />
Mar</span></div>
<div class="ms-1 me-1">au</div>
<div><span>09<br />
Mai</span></div>
</div>
<div class="event_puce" style="background:#88B14B;"></div>
</div>
<div class="event_infos_hover">
<div class="event_heure text-white"></div>
<div class="event_lieu text-white">
<span>Centre d'artistes Caravansérail</span>
</div>
</div>
</div>
<div class="overflow-hidden"> <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2025-08/cr%C3%A8ve%20cheval.jpg?h=d66106c0" width="260" height="340" alt="Simon Emond" class="img-fluid image-style-calendrier-evenement" />
</div>
<div class="event_hover d-flex flex-column h-100">
<div class="mt-auto text-center p-3 p-md-4">
<div class="mb-2">
<span class="event_tarif">
<span>Gratuit</span>
</span>
</div>
</div>
</div>
</div>
<div class="event_content pt-3 pb-3">
<div class="titreEvent">
<div class="d-flex align-items-start justify-content-between">
<div style="width:88%;">
<h3 class="text-white text-shadow h6 mb-0"><a href="/creve-cheval" hreflang="fr">Crève cheval</a> </h3>
</div>
<i class="fa-duotone icon-categorie ms-1 fa-1x fa-palette text-white"></i>
</div>
</div>
<a href="https://quoivivrerimouski.ca//creve-cheval"></a>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-3 col-xl-2">
<div class="event_listing mb-4 mb-md-5" >
<div class="event_photo overflow-hidden ">
<a class="event_lien" href="/la-mere-mer-amertume"></a>
<div class="event_date_content ">
<!-- INTERVALLE DE DATE -->
<div class="event_date mb-2 text-white d-flex justify-content-between">
<div class="d-flex align-items-center">
<div><span>11<br />
Avr</span></div>
<div class="ms-1 me-1">au</div>
<div><span>15<br />
Mai</span></div>
</div>
<div class="event_puce" style="background:#88B14B;"></div>
</div>
<div class="event_infos_hover">
<div class="event_heure text-white"></div>
<div class="event_lieu text-white">
<span>Galerie d'art Léonard-Parent</span>
</div>
</div>
</div>
<div class="overflow-hidden"> <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-01/3.png?h=b9802c73" width="260" height="340" alt="Photo d'une œuvre nommée L'archère. On y voir une sculpture murale comprenant du bois, de la céramique et du métal. " class="img-fluid image-style-calendrier-evenement" />
</div>
<div class="event_hover d-flex flex-column h-100">
<div class="mt-auto text-center p-3 p-md-4">
<div class="mb-2">
<span class="event_tarif">
<span>Gratuit</span>
</span>
</div>
</div>
</div>
</div>
<div class="event_content pt-3 pb-3">
<div class="titreEvent">
<div class="d-flex align-items-start justify-content-between">
<div style="width:88%;">
<h3 class="text-white text-shadow h6 mb-0"><a href="/la-mere-mer-amertume" hreflang="fr">La mère mer amertume</a> </h3>
</div>
<i class="fa-duotone icon-categorie ms-1 fa-1x fa-palette text-white"></i>
</div>
</div>
<a href="https://quoivivrerimouski.ca//la-mere-mer-amertume"></a>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-3 col-xl-2">
<div class="event_listing mb-4 mb-md-5" >
<div class="event_photo overflow-hidden ">
<a class="event_lien" href="/aux-marges-des-glaciers"></a>
<div class="event_date_content ">
<!-- INTERVALLE DE DATE -->
<div class="event_date mb-2 text-white d-flex justify-content-between">
<div class="d-flex align-items-center">
<div><span>21<br />
Mai</span></div>
<div class="ms-1 me-1">au</div>
<div><span>03<br />
Jun</span></div>
</div>
<div class="event_puce" style="background:#88B14B;"></div>
</div>
<div class="event_infos_hover">
<div class="event_heure text-white"></div>
<div class="event_lieu text-white">
<span>Centre d'artistes Caravansérail</span>
</div>
</div>
</div>
<div class="overflow-hidden"> <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-04/image%20%281%29.png?h=d52da09e" width="260" height="340" alt="image satellitaire de glaciers" class="img-fluid image-style-calendrier-evenement" />
</div>
<div class="event_hover d-flex flex-column h-100">
<div class="mt-auto text-center p-3 p-md-4">
<div class="mb-2">
<span class="event_tarif">
<span>Gratuit</span>
</span>
</div>
</div>
</div>
</div>
<div class="event_content pt-3 pb-3">
<div class="titreEvent">
<div class="d-flex align-items-start justify-content-between">
<div style="width:88%;">
<h3 class="text-white text-shadow h6 mb-0"><a href="/aux-marges-des-glaciers" hreflang="fr">Aux marges des glaciers</a> </h3>
</div>
<i class="fa-duotone icon-categorie ms-1 fa-1x fa-palette text-white"></i>
</div>
</div>
<a href="https://quoivivrerimouski.ca//aux-marges-des-glaciers"></a>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-3 col-xl-2">
<div class="event_listing mb-4 mb-md-5" >
<div class="event_photo overflow-hidden ">
<a class="event_lien" href="/quijesuis"></a>
<div class="event_date_content ">
<!-- INTERVALLE DE DATE -->
<div class="event_date mb-2 text-white d-flex justify-content-between">
<div class="d-flex align-items-center">
<div><span>23<br />
Mai</span></div>
<div class="ms-1 me-1">au</div>
<div><span>19<br />
Jun</span></div>
</div>
<div class="event_puce" style="background:#88B14B;"></div>
</div>
<div class="event_infos_hover">
<div class="event_heure text-white"></div>
<div class="event_lieu text-white">
<span>Galerie d'art Léonard-Parent</span>
</div>
</div>
</div>
<div class="overflow-hidden"> <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2025-12/4.png?h=8ef4bd18" width="260" height="340" alt="Peinture d'un cheval, dans des teintes de blanc et de bleu. En arrière plan, un ciel rouge. En avant plan, des fleurs blanches sur un fond bleu pâle." class="img-fluid image-style-calendrier-evenement" />
</div>
<div class="event_hover d-flex flex-column h-100">
<div class="mt-auto text-center p-3 p-md-4">
<div class="mb-2">
<span class="event_tarif">
<span>Gratuit</span>
</span>
</div>
</div>
</div>
</div>
<div class="event_content pt-3 pb-3">
<div class="titreEvent">
<div class="d-flex align-items-start justify-content-between">
<div style="width:88%;">
<h3 class="text-white text-shadow h6 mb-0"><a href="/quijesuis" hreflang="fr">QUI JE SUIS</a> </h3>
</div>
<i class="fa-duotone icon-categorie ms-1 fa-1x fa-palette text-white"></i>
</div>
</div>
<a href="https://quoivivrerimouski.ca//quijesuis"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<ul class="js-pager__items pager" data-drupal-views-infinite-scroll-pager>
<li class="pager__item">
<a class="button" href="?page=1" title="Load more items" rel="next">Afficher plus</a>
</li>
</ul>
</div>
</div>
<div class="views-element-container">
<div class="view view-copie-de-slide-evenement view-id-copie_de_slide_evenement view-display-id-block_7 js-view-dom-id-4cc5c9fad141503ea36594a36385c00f2efa7fc45e3e468bb42be06d555796b7">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid mb-5">
<div class="row ">
<div class="col-12">
<div class="section-fiche-evenenement">
<div class="share-fiche-evenement text-center">
<i class="fa-thin fa-thumbs-up fa-3x text-primary mb-3"></i>
<h3 class="mb-4">Partagez cet événement</h3>
<div class="event_sociaux" >
<div class="addthis_toolbox addthis_default_style d-flex align-items-center justify-content-center">
<div class="ms-3 me-3" data-aos="fade-up" data-aos-delay="100"><a class="addthis_button_facebook" title='Partage sur Facebook'><i class="fa-brands fa-2x fa-facebook-f" aria-hidden="true"></i></a></div>
<div class="ms-3 me-3" data-aos="fade-up" data-aos-delay="200"><a class="addthis_button_twitter" title='Partage sur Twitter'><i class="fa-brands fa-2x fa-twitter" aria-hidden="true"></i></a></div>
<div class="ms-3 me-3" data-aos="fade-up" data-aos-delay="300"><a class="addthis_button_pinterest" title='Partage sur Pinterest'><i class="fa-brands fa-2x fa-pinterest " aria-hidden="true"></i></a></div>
<div class="ms-3 me-3" data-aos="fade-up" data-aos-delay="400"><a class="addthis_button_linkedin" title='Partage sur Linkedin'><i class="fa-brands fa-2x fa-linkedin" aria-hidden="true"></i></a></div>
<div class="ms-3 me-3" data-aos="fade-up" data-aos-delay="500"><a class="addthis_button_email" title='Envoyer à un ami'><i class="fa-thin fa-2x fa-envelope" aria-hidden="true"></i></a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<input type="hidden" value="0" id="chapeau_virtuel" />
<div id="assistance-modal" class="modal fade modal-billeterie" tabindex="-1" role="dialog">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content position-relative">
<div class="modal-body p-5">
<h2 class='text-center'><i class="fa-duotone fa-comment-question"></i><br />
Envoyer un message à l'assistance technique</h2>
<form method="POST" id='form_assistance_technique'>
<input required name="courriel_support" type="hidden" class="form-control" value="" aria-describedby="emailHelp">
<div class="form-group mb-3 required">
<label>Votre adresse courriel</label>
<input required name="courriel" type="email" class="form-control" aria-describedby="emailHelp">
</div>
<div class="form-group mb-3 required">
<label>Votre numéro de téléphone</label>
<input required name="telephone" type="text" class="form-control" aria-describedby="emailHelp">
</div>
<div class="form-group mb-3 required">
<label>Votre message</label>
<textarea required name="message"class="form-control" rows='5'>J'ai un problème avec l'événement Exposition | Couleurs de la nature...</textarea>
<small id="emailHelp" class="form-text text-muted">Merci de <strong>détailler</strong> votre problème pour accélérer la demande..</small>
</div>
<div class='text-center'>
<button type="submit" class="btn btn-primary">Envoyer la demande</button>
</div>
</form>
</div>
</div>
</div>
</div>
<script type="application/ld+json">
{
"@context":"http://schema.org/",
"@type":"Event",
"additionalType":"http://kg.artsdata.ca/resource/VisualArtsEvent",
"name":"Exposition | Couleurs de la nature",
"startDate":"2025-06-21",
"endDate":"2026-06-30",
"eventStatus":"https://schema.org/Programmé",
"eventAttendanceMode":"https://schema.org/OfflineEventAttendanceMode",
"description":"Depuis juin 2023, vous pouvez maintenant magasiner en personne, au centre-ville de Rimouski, le travail de Jean-Christophe Lemay. La galerie d'art et boutique, c'est un endroit accueillant où vous retrouverez tous les produits de la boutique en ligne,&nbsp;ainsi qu'une galerie d'art fraichement inaugurée en 2024, affichant plus de dix cadres en très grand format pour une expérience immersive en nature.&nbsp;
Magasinez les impressions, les cadres, les livres, calendriers, cartes postales et cartes de souhaits et une tonne d'autres souvenirs à l'image de notre région.&nbsp;
&nbsp;
À propos de Jean-Christophe Lemay
Natif de l’Ontario, au Canada, Jean-Christophe Lemay a grandi dans un tout petit village nommé L'Orignal, loin de toute eau salée, mais tout de même entouré de nature. Passionné de sports, il entretient que très peu d'intérêt pour l'art à l'époque. C’est toutefois lors de ses multiples voyages aux États-Unis dès son jeune âge qu’il tombe en amour avec l’océan et tout ce qu’il abrite, ainsi que la faune et la nature en général.&nbsp;Il déménage au Québec à Rimouski en 2010 pour poursuivre des études supérieures en biologie marine.
La même année, il acquiert son premier appareil photo étanche pour prendre des photos de vagues et de l'eau, entre deux sessions de surf.&nbsp;Au fil des ans et des séances photo, il élargit ses sujets et développe une passion pour tout ce que la nature et la faune lui offrent. C’est en 2019 qu’il décide de se lancer à temps plein dans la poursuite de sa passion et sa mission d’apporter la nature dans le quotidien des gens. Au travers de ses images, il souhaite mettre en valeur le riche patrimoine naturel du Québec et du Canada, afin d’encourager les gens à la conservation et la protection des milieux naturels. Les photos de Jean-Christophe sont apparues notamment dans les magazines Nature Sauvage, Canadian Geographic, Beside et plus encore.&nbsp;",
"url":"https://quoivivrerimouski.ca/exposition-couleurs-de-la-nature",
"duration":"PT1H00M",
"image":"https://quoivivrerimouski.ca/sites/default/files/styles/fiche_d/public/2025-07/JC%20Lemay%20-%20Galerie%20photos.jpg",
"organizer":{
"@type":"Organization",
"name":"Galerie d'art | JC Lemay photo",
"url":"https://jclemayphotoboutique.com/"
},
"performer":[{
"@type":"Organization",
"name":"",
"url":""
}],
"location":[
{
"@type":"Place",
"name":"Galerie d'art | JC Lemay photo",
"sameAs":"https://artsdata.ca/resource/K5-753",
"address":{
"@type":"PostalAddress",
"addressLocality":"Rimouski",
"addressRegion":"Qu\u00E9bec",
"postalCode":"G5L\u00201T3",
"streetAddress":"24,\u0020rue\u0020Saint\u002DPierre",
"addressCountry":"CA"
}
}
],
"offers":[{
"@type":"Offer",
"availability":"http://schema.org/InStock",
"url":"https://quoivivrerimouski.ca/exposition-couleurs-de-la-nature",
"validFrom":"mar 22/07/2025 - 10:41",
"price":"",
"priceCurrency":"CAD"
}
],
"mainEntityOfPage":[{
"@type":"WebPage",
"inLanguage":"fr",
"url":"https://quoivivrerimouski.ca/exposition-couleurs-de-la-nature",
"lastReviewed":"2025-07-23 10:15"
}]
}
</script>
</div>
</div>
<div class="container-fluid pt-5 pb-5 mb-5">
<div class="row">
<div class="col-12 col-xl-10 offset-xl-1">
<div class="row">
<div class="col-12 col-lg-4 col-md-4 mb-4">
<div class="BLOC-INFO suggeventfront d-flex align-items-end p-4 position-relative rounded">
<a href="/soumettre-un-evenement" class='z-index-1'></a>
<div class="region region-suggevent">
<div id="block-suggererunevenement" class="block block-block-content block-block-content824766a8-b663-4af5-baf2-2bb13216a3f6">
<div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
<h3>Suggérer un événement</h3>
<p>Afficher un événement sur Quoivivrerimouski.com, c’est rapide et gratuit! Un délai de 5 jours ouvrables peut être nécessaire avant la mise en ligne de votre événement.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-4 col-md-4 mb-4">
<div class="BLOC-INFO tourismefront d-flex align-items-end p-4 position-relative rounded">
<a href="http://tourismerimouski.com/" class='z-index-1' target="_blank"></a>
<div class="region region-tourisme">
<div id="block-restaurantsethebergement" class="block block-block-content block-block-contentda6c7f72-64b4-4e22-a5e8-0f6a601a6954">
<div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
<h3>Tourisme</h3>
<p>Pour bonifier l’expérience de votre séjour culturel à Rimouski, trouver de l’information sur les restaurants, l'hébergement, les activités de plein air et bien plus, sur le site Web de Tourisme Rimouski.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-4 col-md-4 mb-4">
<div class="BLOC-INFO villefront d-flex align-items-end p-4 position-relative rounded">
<a href="http://ville.rimouski.qc.ca/" class='z-index-1' target="_blank"></a>
<div class="region region-rimouski">
<div id="block-villederimouski" class="block block-block-content block-block-content3ce4e6dc-08f3-4c5e-b977-187cf3fc6c2c">
<div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
<h3>Ville de Rimouski</h3>
<p>Pour découvrir une panoplie d’information sur la Ville de Rimouski, consultez le site Web.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer hidden-print" role="contentinfo">
<div class="container-fluid">
<div class="col-lg-12">
<div class="row text-center text-lg-start">
<div class="col-12 col-lg-3 mb-4">
<div class="region region-footercol2">
<div id="block-telephoneetadresse" class="block block-block-content block-block-content3ad6799c-ec27-4c87-9e0f-01aa18426589">
<div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
<h2><strong>Ville de Rimouski</strong></h2>
<p><br>
<strong>Service des loisirs, de la culture<br>
et de la vie communautaire</strong></p>
<p style="margin-bottom:.0001pt">186, avenue de la Cathédrale C.P. 710</p>
<p style="margin-bottom:.0001pt">Rimouski (Québec) G5L 7C7</p>
<p style="margin-bottom:.0001pt"> </p>
<p><a class="courriel" href="mailto:quoivivre.rimouski@ville.rimouski.qc.ca">quoivivre.rimouski@rimouski.ca</a></p>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-2 mb-4">
<h3 class="h6 fw-bold">Événement</h3>
<div class="region region-footercol3">
<nav role="navigation" aria-labelledby="block-evenements-menu" id="block-evenements">
<h2 class="visually-hidden" id="block-evenements-menu">Événements</h2>
<ul data-block="footercol3" class="nav navbar-nav">
<li class="nav-item">
<a href="/" class="nav-link" data-drupal-link-system-path="<front>">Calendrier culturel</a>
</li>
<li class="nav-item">
<a href="/billetterie" class="nav-link" data-drupal-link-system-path="node/2548">Billetterie/Inscriptions</a>
</li>
<li class="nav-item">
<a href="/evenements-en-ligne" class="nav-link" data-drupal-link-system-path="node/3325">Événements en ligne </a>
</li>
</ul>
</nav>
</div>
</div>
<div class="col-12 col-lg-2 mb-4">
<h3 class="h6 fw-bold">À propos </h3>
<div class="region region-footercol4">
<nav role="navigation" aria-labelledby="block-apropos-menu" id="block-apropos">
<h2 class="visually-hidden" id="block-apropos-menu">À propos</h2>
<ul data-block="footercol4" class="nav navbar-nav">
<li class="nav-item">
<a href="/quoi-vivre-rimouski" class="nav-link" data-drupal-link-system-path="node/88">À propos</a>
</li>
<li class="nav-item">
<a href="/conditions-dutilisation" class="nav-link" data-drupal-link-system-path="node/106">Conditions d'utilisation</a>
</li>
<li class="nav-item">
<a href="/netiquette" class="nav-link" data-drupal-link-system-path="node/164">Nétiquette</a>
</li>
<li class="nav-item">
<a href="/politique-dachat" class="nav-link" data-drupal-link-system-path="node/2550">Politique d'achat</a>
</li>
<li class="nav-item">
<a href="/faq" class="nav-link" data-drupal-link-system-path="node/3338">Foire aux questions</a>
</li>
<li class="nav-item">
<a href="/nous-joindre" class="nav-link" data-drupal-link-system-path="node/3339">Nous joindre</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="col-12 col-lg-2 mb-4">
<h3 class="h6 fw-bold">Organisme </h3>
<div class="region region-footercol5">
<nav role="navigation" aria-labelledby="block-organisme-menu" id="block-organisme">
<h2 class="visually-hidden" id="block-organisme-menu">Organisme</h2>
<ul data-block="footercol5" class="nav navbar-nav">
<li class="nav-item">
<a href="/soumettre-un-evenement" class="nav-link" data-drupal-link-system-path="node/90">Soumettre un événement</a>
</li>
<li class="nav-item">
<a href="/politique-de-contenu" class="nav-link" data-drupal-link-system-path="node/105">Politique de contenu</a>
</li>
<li class="nav-item">
<a href="https://www.quoivivrerimouski.ca/trousse-media" class="nav-link">Trousse média</a>
</li>
<li class="nav-item">
<a href="/informations-pour-les-organismes-culturels" class="nav-link" data-drupal-link-system-path="node/2852">Informations pour les organismes</a>
</li>
<li class="nav-item">
<a href="https://quoivivrerimouski.ca/user/login" class="nav-link">Connexion</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="col-12 col-lg-1 text-center mb-4">
<div><a href="https://www.facebook.com/QuoivivreRimouski/" target="_blank" class="sociaux-top d-block mb-4 text-dark"><i class="fab fa-facebook-f fa-2x" aria-hidden="true"></i></a></div>
<div><a href="https://twitter.com/quoivivre" target="_blank" class="sociaux-top d-block mb-4 text-dark"><i class="fab fa-twitter fa-2x" aria-hidden="true"></i></a></div>
<div><a href="https://www.instagram.com/quoivivrerimouski/" target="_blank" class="sociaux-top d-block mb-4 text-dark"><i class="fab fa-instagram fa-2x" aria-hidden="true"></i></a></div>
</div>
<div class="col-12 col-lg-2 text-center mb-4">
<div class="mb-4">
<!--<h3 class="hp">Entente de développement culturel</h3>
<img alt="Ville de Rimouski" src="/themes/custom/quoivivrerimouski/css/img/logo_villerimouski.png" />
<img alt="Gouvernement du Québec" src="/themes/custom/quoivivrerimouski/css/img/logo_gouvquebec.png" />
-->
<img alt="Entente de développement culturel" src="/themes/custom/quoivivrerimouski/css/img/logo_edcr.png" />
</div>
</div>
</div>
<div class="row copyright pt-5 pb-5">
<div class="col-12 text-center">
<p><small>© Tous droits réservés, Ville de Rimouski</small></p>
</div>
</div>
</div>
</div>
</footer>
</div>
<div id="billeterie-modal" class="modal fade modal-billeterie" tabindex="-1" role="dialog">
<div class="modal-dialog modal-xl modal-dialog-centered" role="document">
<div class="modal-content position-relative">
<div class="modal-body p-0">
<p style="padding:20px;text-align:center;">Chargement...</p>
</div>
</div>
</div>
</div>
<div id="paypal-modal" class="modal fade modal-billeterie" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
<div class="modal-content position-relative">
<div class="modal-body p-5">
<p style="padding:20px;text-align:center;">Chargement...</p>
</div>
</div>
</div>
</div>
<div id="annulation-modal" class="modal fade modal-billeterie" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
<div class="modal-content position-relative">
<div class="modal-body p-5">
<p style="padding:20px;text-align:center;">Chargement...</p>
</div>
</div>
</div>
</div>
<div id="code-modal" class="modal fade modal-billeterie" tabindex="-1" role="dialog">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content position-relative">
<div class="modal-body p-0">
<p style="padding:20px;text-align:center;">Chargement...</p>
</div>
</div>
</div>
</div>
<div id="spectacle-modal" class="modal fade modal-billeterie" tabindex="-1" role="dialog">
<div class="modal-dialog modal-xl modal-dialog-centered" role="document">
<div class="modal-content position-relative w-100">
<div class="modal-body w-100 p-0">
<p style="padding:20px;text-align:center;">Chargement...</p>
</div>
</div>
</div>
</div>
<div id="chapeau-modal" class="modal fade modal-billeterie" tabindex="-1" role="dialog">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content position-relative">
<div class="modal-body p-0">
<p style="padding:20px;text-align:center;">Chargement...</p>
</div>
</div>
</div>
</div>
<div id="sondage-modal" class="modal fade modal-billeterie" tabindex="-1" role="dialog">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content position-relative">
<div class="modal-body p-0">
<p style="padding:20px;text-align:center;">Chargement...</p>
</div>
</div>
</div>
</div>
<div class='load-billeterie d-none'>
<div><i class="fa-thin fa-spinner-third fa-spin m-0 p-0"></i></div>
</div>
<script src="https://www.youtube.com/player_api"></script>
<script type="text/javascript" src="/themes/custom/quoivivrerimouski/library/ckeditor/ckeditor.js"></script>
<script type="application/json" data-drupal-selector="drupal-settings-json">
{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/8588","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"fr"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJx1kEFywyAMRS9kzKrnYQRWqBKBXCS7SU5fprZbtzPZaL7efwsBXOEeWGDC5uE3j_beJEZsQxQxtQbzm4-g-Gf_ie6qjsFQ7dxnlgjs1B5MNZ-bgqqQUYckDX2VVoDpiQPeras3P7VlBh73dcgoLAmMpPoCc0hYrd-YmHoIR_VKu5AdWM9OyCKZMXRVfZJSpPY4bvSluNcfi9BKa8NGRRa90f_X6kMNy_ZnK-Gn-u85FpkW3lGgeqFKhkFTE-ZNcQd1G_0CkG-lGA","theme":"quoivivrerimouski","theme_token":null},"ajaxTrustedUrl":[],"ajaxLoader":{"markup":"\u003Cdiv class=\u0022ajax-throbber sk-pulse\u0022\u003E\u003C\/div\u003E","hideAjaxMessage":false,"alwaysFullscreen":false,"throbberPosition":"body"},"data":{"extlink":{"extTarget":true,"extTargetAppendNewWindowDisplay":true,"extTargetAppendNewWindowLabel":"(opens in a new window)","extTargetNoOverride":false,"extNofollow":false,"extTitleNoOverride":false,"extNoreferrer":false,"extFollowNoOverride":false,"extClass":"0","extLabel":"(le lien est externe)","extImgClass":false,"extSubdomains":false,"extExclude":"","extInclude":"","extCssExclude":"","extCssInclude":"","extCssExplicit":"","extAlert":false,"extAlertText":"This link will take you to an external web site. We are not responsible for their content.","extHideIcons":false,"mailtoClass":"0","telClass":"","mailtoLabel":"(link sends email)","telLabel":"(link is a phone number)","extUseFontAwesome":false,"extIconPlacement":"append","extPreventOrphan":false,"extFaLinkClasses":"fa fa-external-link","extFaMailtoClasses":"fa fa-envelope-o","extAdditionalLinkClasses":"","extAdditionalMailtoClasses":"","extAdditionalTelClasses":"","extFaTelClasses":"fa fa-phone","allowedDomains":null,"extExcludeNoreferrer":""}},"views":{"ajax_path":"\/views\/ajax","ajaxViews":{"views_dom_id:4cc5c9fad141503ea36594a36385c00f2efa7fc45e3e468bb42be06d555796b7":{"view_name":"copie_de_slide_evenement","view_display_id":"block_7","view_args":"8588\/8588","view_path":"\/node\/8588","view_base_path":"recherche","view_dom_id":"4cc5c9fad141503ea36594a36385c00f2efa7fc45e3e468bb42be06d555796b7","pager_element":0},"views_dom_id:685c0658b40c14bd84b0acca650bf85d540a29c5b1236a250292ebd2895a094b":{"view_name":"copie_de_slide_evenement","view_display_id":"block_1","view_args":"5+9\/8588","view_path":"\/node\/8588","view_base_path":"recherche","view_dom_id":"685c0658b40c14bd84b0acca650bf85d540a29c5b1236a250292ebd2895a094b","pager_element":0}}},"geolocation":{"maps":{"ac9ad86f070e736e6cc2d98874647bbd07a0ba4c42744ceeec6c55606ea3fda6":{"map_center":{"fit_bounds":{"map_center_id":"fit_bounds","option_id":"fit_bounds","settings":{"min_zoom":null,"reset_zoom":false},"weight":1},"client_location":{"map_center_id":"client_location","option_id":"client_location","settings":[],"weight":1}},"settings":{"google_map_settings":{"map_features":{"marker_infowindow":{"enabled":false,"weight":0,"settings":{"info_window_solitary":true,"disable_auto_pan":true,"info_auto_display":false,"max_width":null}},"control_locate":{"enabled":false,"weight":0,"settings":{"position":"TOP_LEFT"}},"control_zoom":{"enabled":false,"weight":0,"settings":{"position":"RIGHT_CENTER","behavior":"default","style":"LARGE"}},"control_maptype":{"enabled":false,"weight":0,"settings":{"position":"RIGHT_BOTTOM","behavior":"default","style":"DEFAULT"}},"marker_icon":{"weight":0,"settings":{"marker_icon_path":"","anchor":{"x":0,"y":0},"origin":{"x":0,"y":0},"label_origin":{"x":0,"y":0},"size":{"width":null,"height":null},"scaled_size":{"width":null,"height":null}},"enabled":false},"control_rotate":{"weight":0,"settings":{"position":"TOP_LEFT","behavior":"default"},"enabled":false},"control_streetview":{"weight":0,"settings":{"position":"TOP_LEFT","behavior":"default"},"enabled":false},"map_restriction":{"weight":0,"settings":{"north":"","south":"","east":"","west":"","strict":true},"enabled":false},"map_type_style":{"weight":0,"settings":{"style":"[\r\n {\r\n \u0022featureType\u0022: \u0022all\u0022,\r\n \u0022elementType\u0022: \u0022labels\u0022,\r\n \u0022stylers\u0022: [\r\n {\r\n \u0022visibility\u0022: \u0022off\u0022\r\n }\r\n ]\r\n },\r\n {\r\n \u0022featureType\u0022: \u0022administrative\u0022,\r\n \u0022elementType\u0022: \u0022labels\u0022,\r\n \u0022stylers\u0022: [\r\n {\r\n \u0022visibility\u0022: \u0022off\u0022\r\n }\r\n ]\r\n },\r\n {\r\n \u0022featureType\u0022: \u0022administrative\u0022,\r\n \u0022elementType\u0022: \u0022labels.text.fill\u0022,\r\n \u0022stylers\u0022: [\r\n {\r\n \u0022color\u0022: \u0022#444444\u0022\r\n },\r\n {\r\n \u0022visibility\u0022: \u0022off\u0022\r\n }\r\n ]\r\n },\r\n {\r\n \u0022featureType\u0022: \u0022administrative.neighborhood\u0022,\r\n \u0022elementType\u0022: \u0022labels\u0022,\r\n \u0022stylers\u0022: [\r\n {\r\n \u0022visibility\u0022: \u0022off\u0022\r\n }\r\n ]\r\n },\r\n {\r\n \u0022featureType\u0022: \u0022landscape\u0022,\r\n \u0022elementType\u0022: \u0022all\u0022,\r\n \u0022stylers\u0022: [\r\n {\r\n \u0022visibility\u0022: \u0022on\u0022\r\n },\r\n {\r\n \u0022color\u0022: \u0022#e0dfe0\u0022\r\n }\r\n ]\r\n },\r\n {\r\n \u0022featureType\u0022: \u0022landscape\u0022,\r\n \u0022elementType\u0022: \u0022labels\u0022,\r\n \u0022stylers\u0022: [\r\n {\r\n \u0022visibility\u0022: \u0022off\u0022\r\n }\r\n ]\r\n },\r\n {\r\n \u0022featureType\u0022: \u0022poi\u0022,\r\n \u0022elementType\u0022: \u0022all\u0022,\r\n \u0022stylers\u0022: [\r\n {\r\n \u0022visibility\u0022: \u0022off\u0022\r\n }\r\n ]\r\n },\r\n {\r\n \u0022featureType\u0022: \u0022poi\u0022,\r\n \u0022elementType\u0022: \u0022labels\u0022,\r\n \u0022stylers\u0022: [\r\n {\r\n \u0022visibility\u0022: \u0022off\u0022\r\n }\r\n ]\r\n },\r\n {\r\n \u0022featureType\u0022: \u0022poi.park\u0022,\r\n \u0022elementType\u0022: \u0022geometry\u0022,\r\n \u0022stylers\u0022: [\r\n {\r\n \u0022color\u0022: \u0022#a8a9a8\u0022\r\n },\r\n {\r\n \u0022visibility\u0022: \u0022on\u0022\r\n }\r\n ]\r\n },\r\n {\r\n \u0022featureType\u0022: \u0022road\u0022,\r\n \u0022elementType\u0022: \u0022all\u0022,\r\n \u0022stylers\u0022: [\r\n {\r\n \u0022saturation\u0022: -100\r\n },\r\n {\r\n \u0022lightness\u0022: 45\r\n }\r\n ]\r\n },\r\n {\r\n \u0022featureType\u0022: \u0022road\u0022,\r\n \u0022elementType\u0022: \u0022geometry.fill\u0022,\r\n \u0022stylers\u0022: [\r\n {\r\n \u0022visibility\u0022: \u0022on\u0022\r\n },\r\n {\r\n \u0022color\u0022: \u0022#5b5b5a\u0022\r\n }\r\n ]\r\n },\r\n {\r\n \u0022featureType\u0022: \u0022road\u0022,\r\n \u0022elementType\u0022: \u0022labels.text\u0022,\r\n \u0022stylers\u0022: [\r\n {\r\n \u0022color\u0022: \u0022#ffffff\u0022\r\n }\r\n ]\r\n },\r\n {\r\n \u0022featureType\u0022: \u0022road\u0022,\r\n \u0022elementType\u0022: \u0022labels.text.fill\u0022,\r\n \u0022stylers\u0022: [\r\n {\r\n \u0022color\u0022: \u0022#ffffff\u0022\r\n },\r\n {\r\n \u0022visibility\u0022: \u0022on\u0022\r\n }\r\n ]\r\n },\r\n {\r\n \u0022featureType\u0022: \u0022road\u0022,\r\n \u0022elementType\u0022: \u0022labels.text.stroke\u0022,\r\n \u0022stylers\u0022: [\r\n {\r\n \u0022visibility\u0022: \u0022on\u0022\r\n },\r\n {\r\n \u0022color\u0022: \u0022#5b5b5a\u0022\r\n }\r\n ]\r\n },\r\n {\r\n \u0022featureType\u0022: \u0022road.highway\u0022,\r\n \u0022elementType\u0022: \u0022all\u0022,\r\n \u0022stylers\u0022: [\r\n {\r\n \u0022visibility\u0022: \u0022simplified\u0022\r\n }\r\n ]\r\n },\r\n {\r\n \u0022featureType\u0022: \u0022road.highway\u0022,\r\n \u0022elementType\u0022: \u0022labels\u0022,\r\n \u0022stylers\u0022: [\r\n {\r\n \u0022visibility\u0022: \u0022off\u0022\r\n }\r\n ]\r\n },\r\n {\r\n \u0022featureType\u0022: \u0022road.arterial\u0022,\r\n \u0022elementType\u0022: \u0022labels.icon\u0022,\r\n \u0022stylers\u0022: [\r\n {\r\n \u0022visibility\u0022: \u0022off\u0022\r\n }\r\n ]\r\n },\r\n {\r\n \u0022featureType\u0022: \u0022transit\u0022,\r\n \u0022elementType\u0022: \u0022all\u0022,\r\n \u0022stylers\u0022: [\r\n {\r\n \u0022visibility\u0022: \u0022off\u0022\r\n }\r\n ]\r\n },\r\n {\r\n \u0022featureType\u0022: \u0022transit\u0022,\r\n \u0022elementType\u0022: \u0022labels\u0022,\r\n \u0022stylers\u0022: [\r\n {\r\n \u0022visibility\u0022: \u0022off\u0022\r\n }\r\n ]\r\n },\r\n {\r\n \u0022featureType\u0022: \u0022water\u0022,\r\n \u0022elementType\u0022: \u0022all\u0022,\r\n \u0022stylers\u0022: [\r\n {\r\n \u0022color\u0022: \u0022#ffffff\u0022\r\n },\r\n {\r\n \u0022visibility\u0022: \u0022on\u0022\r\n }\r\n ]\r\n },\r\n {\r\n \u0022featureType\u0022: \u0022water\u0022,\r\n \u0022elementType\u0022: \u0022labels\u0022,\r\n \u0022stylers\u0022: [\r\n {\r\n \u0022visibility\u0022: \u0022off\u0022\r\n }\r\n ]\r\n }\r\n]"},"enabled":true},"marker_clusterer":{"weight":0,"settings":{"image_path":"","styles":"","max_zoom":15,"minimum_cluster_size":2,"zoom_on_click":true,"average_center":false,"grid_size":60},"enabled":false},"marker_infobubble":{"weight":0,"settings":{"close_other":1,"close_button":0,"close_button_src":"","shadow_style":0,"padding":10,"border_radius":8,"border_width":2,"border_color":"#039be5","background_color":"#fff","min_width":null,"max_width":550,"min_height":null,"max_height":null,"arrow_style":2,"arrow_position":30,"arrow_size":10},"enabled":false},"marker_label":{"weight":0,"settings":{"color":"","font_family":"","font_size":"","font_weight":""},"enabled":false},"marker_opacity":{"weight":0,"settings":{"opacity":1},"enabled":false},"geolocation_marker_scroll_to_id":{"weight":0,"settings":{"scroll_target_id":""},"enabled":false},"marker_zoom_to_animate":{"weight":0,"settings":{"marker_zoom_anchor_id":""},"enabled":false},"spiderfying":{"weight":0,"settings":{"spiderfiable_marker_path":"\/modules\/contrib\/geolocation\/modules\/geolocation_google_maps\/images\/marker-plus.svg","markersWontMove":true,"markersWontHide":false,"keepSpiderfied":true,"ignoreMapClick":false,"nearbyDistance":20,"circleSpiralSwitchover":9,"circleFootSeparation":23,"spiralFootSeparation":26,"spiralLengthStart":11,"spiralLengthFactor":4,"legWeight":1.5},"enabled":false},"google_maps_layer_traffic":{"weight":0,"enabled":false},"control_recenter":{"weight":0,"settings":{"position":"TOP_LEFT"},"enabled":false},"context_popup":{"weight":0,"settings":{"content":{"value":"","format":"restricted_html"}},"enabled":false},"google_maps_layer_bicycling":{"weight":0,"enabled":false},"client_location_indicator":{"weight":0,"enabled":false},"drawing":{"weight":0,"settings":{"polyline":false,"strokeColor":"#FF0000","strokeOpacity":"0.8","strokeWeight":"2","geodesic":false,"polygon":false,"fillColor":"#FF0000","fillOpacity":"0.35"},"enabled":false},"control_loading_indicator":{"weight":0,"settings":{"position":"TOP_LEFT","loading_label":"Loading"},"enabled":false},"geolocation_google_maps_control_directions":{"weight":0,"settings":{"position":"RIGHT_CENTER","behavior":"default","origin_source":"exposed","origin_static_value":"","destination_source":"exposed","destination_static_value":"","travel_mode":"exposed","directions_container":"below","directions_container_custom_id":""},"enabled":false},"map_disable_tilt":{"weight":0,"enabled":false},"map_disable_poi":{"weight":0,"enabled":false},"map_disable_user_interaction":{"weight":0,"enabled":false},"geolocation_shapes":{"weight":0,"settings":{"remove_markers":false,"polyline":true,"polyline_title":"","strokeColor":"#FF0000","strokeOpacity":0.8000000000000000444089209850062616169452667236328125,"strokeWidth":"2","polygon":false,"polygon_title":"","fillColor":"#FF0000","fillOpacity":0.34999999999999997779553950749686919152736663818359375},"enabled":false},"control_fullscreen":{"weight":0,"settings":{"position":"TOP_LEFT","behavior":"default"},"enabled":false},"control_geocoder":{"weight":0,"settings":{"position":"TOP_LEFT","geocoder":"google_geocoding_api","settings":{"label":"Adresse","description":"Enter an address to be localized.","autocomplete_min_length":1,"component_restrictions":{"route":"","country":"","administrative_area":"","locality":"","postal_code":""},"boundary_restriction":{"south":"","west":"","north":"","east":""},"region":""}},"enabled":false},"google_maps_layer_transit":{"weight":0,"enabled":false}},"type":"ROADMAP","zoom":14,"height":"400px","width":"100%","minZoom":10,"maxZoom":15,"gestureHandling":"auto","style":[{"featureType":"all","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"administrative","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"administrative","elementType":"labels.text.fill","stylers":[{"color":"#444444"},{"visibility":"off"}]},{"featureType":"administrative.neighborhood","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"landscape","elementType":"all","stylers":[{"visibility":"on"},{"color":"#e0dfe0"}]},{"featureType":"landscape","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"poi","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"poi","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"poi.park","elementType":"geometry","stylers":[{"color":"#a8a9a8"},{"visibility":"on"}]},{"featureType":"road","elementType":"all","stylers":[{"saturation":-100},{"lightness":45}]},{"featureType":"road","elementType":"geometry.fill","stylers":[{"visibility":"on"},{"color":"#5b5b5a"}]},{"featureType":"road","elementType":"labels.text","stylers":[{"color":"#ffffff"}]},{"featureType":"road","elementType":"labels.text.fill","stylers":[{"color":"#ffffff"},{"visibility":"on"}]},{"featureType":"road","elementType":"labels.text.stroke","stylers":[{"visibility":"on"},{"color":"#5b5b5a"}]},{"featureType":"road.highway","elementType":"all","stylers":[{"visibility":"simplified"}]},{"featureType":"road.highway","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"road.arterial","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"transit","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"transit","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"water","elementType":"all","stylers":[{"color":"#ffffff"},{"visibility":"on"}]},{"featureType":"water","elementType":"labels","stylers":[{"visibility":"off"}]}]}}}}},"user":{"uid":0,"permissionsHash":"d0abc2bbde0fd74a78119baa0cf68494decf88f83e5813b48ce950602eb2c46e"}}
</script>
<script src="/core/assets/vendor/jquery/jquery.min.js?v=4.0.0"></script>
<script src="/core/assets/vendor/once/once.min.js?v=1.0.1"></script>
<script src="/sites/default/files/languages/fr_q40_vs94qL_N9cum6WXrULISkmSBSiZwCJd0xLXjiiE.js?te05qg"></script>
<script src="/core/misc/drupalSettingsLoader.js?v=11.3.5"></script>
<script src="/core/misc/drupal.js?v=11.3.5"></script>
<script src="/core/misc/drupal.init.js?v=11.3.5"></script>
<script src="/core/assets/vendor/tabbable/index.umd.min.js?v=6.3.0"></script>
<script src="/themes/contrib/bootstrap5/dist/bootstrap/5.3.8/dist/js/bootstrap.bundle.js?v=5.3.8"></script>
<script src="/core/misc/progress.js?v=11.3.5"></script>
<script src="/core/assets/vendor/loadjs/loadjs.min.js?v=4.3.0"></script>
<script src="/core/misc/debounce.js?v=11.3.5"></script>
<script src="/core/misc/announce.js?v=11.3.5"></script>
<script src="/core/misc/message.js?v=11.3.5"></script>
<script src="/core/misc/ajax.js?v=11.3.5"></script>
<script src="/modules/contrib/ajax_loader/js/ajax-throbber.js?v=1.x"></script>
<script src="/modules/contrib/extlink/js/extlink.js?te05qg"></script>
<script src="/modules/contrib/geolocation/js/MapCenter/client-location.js?te05qg"></script>
<script src="/modules/contrib/geolocation/js/MapCenter/fitlocations.js?te05qg"></script>
<script src="/modules/contrib/geolocation/js/geolocation-api.js?v=8.x-3.x"></script>
<script src="/modules/contrib/geolocation/js/geolocation-map.js?v=8.x-3.x"></script>
<script src="/modules/contrib/geolocation/js/geolocation-common-map.js?te05qg"></script>
<script src="/modules/contrib/geolocation/modules/geolocation_google_maps/js/geolocation-google-maps-api.js?v=8.x-3.x"></script>
<script src="/modules/contrib/geolocation/modules/geolocation_google_maps/js/geolocation-common-map-google.js?te05qg"></script>
<script src="https://maps.googleapis.com/maps/api/js?libraries=&key=AIzaSyBdt8EBnuZFe8fVT-CHZaJIxAopzF6HSDk&callback=Drupal.geolocation.google.load" defer="defer" async="async"></script>
<script src="/themes/custom/quoivivrerimouski/js/jquery.validate.min.js?te05qg"></script>
<script src="/themes/custom/quoivivrerimouski/js/messages_fr.js?te05qg"></script>
<script src="/themes/custom/quoivivrerimouski/js/printThis.js?te05qg"></script>
<script src="/themes/custom/quoivivrerimouski/js/moment-with-locales.js?te05qg"></script>
<script src="/themes/custom/quoivivrerimouski/js/jquery.countdown.min.js?te05qg"></script>
<script src="//js.stripe.com/v3/"></script>
<script src="/themes/custom/quoivivrerimouski/js/classie.js?te05qg"></script>
<script src="/themes/custom/quoivivrerimouski/js/billeterie.js?te05qg"></script>
<script src="/themes/custom/quoivivrerimouski/js/spectacle.js?te05qg"></script>
<script src="/themes/custom/quoivivrerimouski/js/quoivivrerimouski.js?te05qg"></script>
<script src="/core/misc/jquery.form.js?v=4.3.0"></script>
<script src="/core/modules/views/js/base.js?v=11.3.5"></script>
<script src="/core/modules/views/js/ajax_view.js?v=11.3.5"></script>
<script src="/modules/contrib/views_infinite_scroll/js/infinite-scroll.js?v=11.3.5"></script>
<script defer type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-59dd020996287d4a" async="async"></script>
<script>
window.fbAsyncInit = function () {
FB.init({
appId: '186094635278346',
autoLogAppEvents: true,
xfbml: true,
version: 'v2.11'
});
};
(function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {
return;
}
js = d.createElement(s);
js.id = id;
js.src = "https://connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div id="fb-root"></div>
</body>
</html>