Wringer

Html

<!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>

gtag('config', 'G-H66LYRVBCR');
        </script>

<title>Concert de piano | Ryan Hull | 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">

<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>

<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>

</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 aria-labelledby="block-quoivivrerimouski-main-menu-menu" id="block-quoivivrerimouski-main-menu" class="block block-menu navigation menu--main">
            
  <h5 class="visually-hidden" id="block-quoivivrerimouski-main-menu-menu">Main navigation</h5>

<ul class="navbar-nav mr-auto">
                        <li class="nav-item">
          <a href="/" class="nav-item nav-link" data-drupal-link-system-path="&lt;front&gt;">Calendrier culturel</a>
      </li>

<li class="nav-item">
          <a href="/billetterie" class="nav-item nav-link" data-drupal-link-system-path="node/2548">Billetterie | Inscription</a>
      </li>

<li class="nav-item">
          <a href="/evenements-en-ligne" class="nav-item nav-link" data-drupal-link-system-path="node/3325">Événements en ligne</a>
      </li>

<li class="nav-item dropdown">
          <span class="nav-item nav-link dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false" title="Expand menu Organismes">Organismes</span>
                  <ul class="dropdown-menu">
                        <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="/user/login" class="dropdown-item" data-drupal-link-system-path="user/login">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/Cyclotourn%C3%A9e_Bic_FR.png?h=0dd9d9bf);"></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">
                  Concert de piano | Ryan Hull 
              </li>
        </ol>
  </nav>
</div>

<div class="categorie text-white d-none">Chanson | Musique</div>
                    <h1 class="text-white"><span class="field field--name-title field--type-string field--label-hidden">Concert de piano | Ryan Hull </span>
</h1>

<div class="text-white fw-bold">présenté par <span class="fw-light">Autre</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="Concert de piano | Ryan Hull" src="/sites/default/files/styles/fiche_d/public/2025-07/Cyclotourn%C3%A9e_Bic_FR.png?h=0dd9d9bf" />
                </div>
            </div>
        </div>
    </div>

<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="row">
                                                                                                                                                                                            
                                                                                
                                        
                                                                                    <div class="col text-primary text-center">
                                                <div class="d-flex align-items-center justify-content-center">
                                                    <div class="p-2">
                                                        <div class="text-dark"><div class="fw-bold">Vendredi</div><span class="h2">15 août 2025</span></div>  
                                                        <div class="fw-bold">à 19:00</div>
                                                    </div>
                                                    <div>
                                                        <div class="dropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false" class="fw-bold"><i class="fa-duotone fa-calendar-circle-plus"></i></div>

</div>
                                                </div>
                                            </div>
                                                                                                                                        </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><span style="font-size:12pt"><span style="font-family:Aptos,sans-serif">M. Ryan Hull, étudiant 3e année - Université McGill en biologie, donnera un <strong>concert bénéfice.</strong> </span></span></p>

<p><span style="font-size:12pt"><span style="font-family:Aptos,sans-serif">Cet été, M. Hull, réalisera un Tour du Québec de 2500 km, une cyclotournée à vélo afin de soutenir la cause des maladies rares. </span></span></p>

<p><span style="font-size:12pt"><span style="font-family:Aptos,sans-serif">Il est appuyé par deux organismes reconnus:  <u><span style="color:#467886"><a href="https://can01.safelinks.protection.outlook.com/?url=https%3A%2F%2Frare.quebec%2F&amp;data=05%7C02%7Calexandra.gagnon%40ville.rimouski.qc.ca%7C188287a3ac5d418235ff08ddcaf05757%7C0e64aedece43439aa6b294cec085e4b4%7C1%7C0%7C638889855803652309%7CUnknown%7CTWFpbGZsb3d8eyJFbXB0eU1hcGkiOnRydWUsIlYiOiIwLjAuMDAwMCIsIlAiOiJXaW4zMiIsIkFOIjoiTWFpbCIsIldUIjoyfQ%3D%3D%7C0%7C%7C%7C&amp;sdata=GZZatKVDnQKvdwW5THHH3hplOqA6Z%2FaH0oTLPfEeJmg%3D&amp;reserved=0" style="color:blue; text-decoration:underline" target="_blank"><span style="color:#467886">RARE.Qc</span></a></span></u> <span style="font-size:11.0pt"><span style="color:black">L'Institut de recherche du Centre universitaire de santé McGill et</span></span><span style="color:black"> le </span><u><span style="color:#467886"><a href="https://can01.safelinks.protection.outlook.com/?url=https%3A%2F%2Frqmo.org%2F&amp;data=05%7C02%7Calexandra.gagnon%40ville.rimouski.qc.ca%7C188287a3ac5d418235ff08ddcaf05757%7C0e64aedece43439aa6b294cec085e4b4%7C1%7C0%7C638889855803720733%7CUnknown%7CTWFpbGZsb3d8eyJFbXB0eU1hcGkiOnRydWUsIlYiOiIwLjAuMDAwMCIsIlAiOiJXaW4zMiIsIkFOIjoiTWFpbCIsIldUIjoyfQ%3D%3D%7C0%7C%7C%7C&amp;sdata=2k2TqYBIcBsTPL%2FmZRkm9NAviWL0YDlc9NuXxp0ZHjU%3D&amp;reserved=0" style="color:blue; text-decoration:underline" target="_blank"><span style="color:#467886">Regroupement québécois des maladies orphelines</span></a></span></u></span></span></p>

<p><u><span style="font-size:12pt"><span style="tab-stops:list 36.0pt"><span style="font-family:Aptos,sans-serif">Le programme de la soirée : </span></span></span></u></p>

<p><span style="font-size:12pt"><span style="tab-stops:list 36.0pt"><span style="font-family:Aptos,sans-serif"><strong>L.V. Beethoven</strong> - Sonate No. 17 en ré mineur, Op. 31 No. 2 <em>III. Allegretto</em></span></span></span></p>

<p><span style="font-size:12pt"><span style="tab-stops:list 36.0pt"><span style="font-family:Aptos,sans-serif"><strong>J.S. Bach</strong> - Le Clavecin Bien-Tempéré</span></span></span></p>

<ul>
	<li><span style="font-size:12pt"><span style="tab-stops:list 36.0pt"><span style="font-family:Aptos,sans-serif">Prélude No. 1 en do majeur, BWV 846</span></span></span></li>
	<li><span style="font-size:12pt"><span style="tab-stops:list 36.0pt"><span style="font-family:Aptos,sans-serif">Fugue No. 1 à 4 voix en do majeu, MWV 846</span></span></span></li>
	<li><span style="font-size:12pt"><span style="tab-stops:list 36.0pt"><span style="font-family:Aptos,sans-serif">Prélude No. 2 en do mineur, BWV 847</span></span></span></li>
	<li><span style="font-size:12pt"><span style="tab-stops:list 36.0pt"><span style="font-family:Aptos,sans-serif">Fugue No. 4 à 5 voix en do dièze mineur, BWV 826</span></span></span></li>
</ul>

<p><span style="font-size:12pt"><span style="tab-stops:list 36.0pt"><span style="font-family:Aptos,sans-serif"><strong>J.S. Bach </strong>- Partita No. 2 en do mineur, BWV 826 <em>Sinfonia</em></span></span></span></p>

<p><span style="font-size:12pt"><span style="tab-stops:list 36.0pt"><span style="font-family:Aptos,sans-serif"><strong>F. Chopin</strong> - Ballade No. 1 en sol mineur, Op. 23</span></span></span></p>

<p>Présenté par la Fabrique du Bic. </p>

<p><span style="font-size:12pt"><span style="tab-stops:list 36.0pt"><span style="font-family:Aptos,sans-serif">Pour faire un don pour la cause : <a href="https://can01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fbit.ly%2F453S87h&amp;data=05%7C02%7Calexandra.gagnon%40ville.rimouski.qc.ca%7C188287a3ac5d418235ff08ddcaf05757%7C0e64aedece43439aa6b294cec085e4b4%7C1%7C0%7C638889855803815104%7CUnknown%7CTWFpbGZsb3d8eyJFbXB0eU1hcGkiOnRydWUsIlYiOiIwLjAuMDAwMCIsIlAiOiJXaW4zMiIsIkFOIjoiTWFpbCIsIldUIjoyfQ%3D%3D%7C0%7C%7C%7C&amp;sdata=BgqZv6MWHe%2FIaP1SfNNs%2B2fmGKHPRwyu4dNsq48BEuo%3D&amp;reserved=0" style="color:blue; text-decoration:underline">https://bit.ly/453S87h</a></span></span></span></p>
</div>
      
                            
                                                    </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> Église Sainte-Cécile</h5>
                                                <p>
                                                    88 Avenue de l&#039;Église<br />
                                                    Rimouski (Québec) G0L 1B0
                                                </p>
                                                                                        <div class="d-flex flex-wrap align-content-center justify-content-center">
                                                                                                                                            </div>
                                                                                    </div>
                                                                                    <h3 class="mb-4">Diffuseur</h3>
                                            <div>
                                                <h5> Autre</h5>
                                                                                                <div class="d-flex flex-wrap align-content-center justify-content-center">
                                                                                                                                                        </div>
                                                                                            </div>
                                                                                                                     </div>
                                </div> 
                                                    </div>
                    </div>
                </div>
            </div>
                    </div>
    </div>
</div>

<h2 class="location-title" property="name">Église Sainte-Cécile</h2>
  
      <div class="location-content"><div class="views-field views-field-title"><span class="field-content">Église Sainte-Cécile</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.3714749">
    <meta property="longitude" content="-68.7053418">
  </span>
  <span class="geolocation-latlng">48.3714749, -68.7053418</span>
</span>
</div></div></div>
  </div>
    </div>

</div>
  
          </div>
</div>

</div>
                </div>
            </div>
        </div>
    </div>

<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="/rencontres-de-musiques-spontanees-37"></a>
        <div class="event_date_content ">
                            
                                                <div class="event_date mb-2 text-white d-flex justify-content-between"><div class="d-flex align-items-center"><div><span>25<br />Sep</span></div><div class="ms-1 me-1">au</div><div><span>04<br />oct</span></div></div><div class="event_puce" style="background:#EEA817;"></div> </div>
            
            <div class="event_infos_hover">
                <div class="event_heure text-white"></div>

<div class="event_lieu text-white">
                    <span>Coopérative de solidarité PARADIS</span>
                </div>
            </div>
        </div>

</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">
                                                            15.00 $
                                &nbsp;
                                - 
                                45.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="/rencontres-de-musiques-spontanees-37" hreflang="fr">Rencontres de musiques spontanées 37</a> </h3>
                </div>
                <i class="fa-duotone icon-categorie ms-1 fa-1x fa-music text-white"></i>
            </div>
        </div>
        <a href="https://quoivivrerimouski.ca//rencontres-de-musiques-spontanees-37"></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="/portes-ouvertes-les-20-ans-du-paradis"></a>
        <div class="event_date_content ">
                            
                <div class="event_date mb-2 text-white d-flex justify-content-between"><div>Samedi <span class="jour">27 Sep</span></div><div class="event_puce" style="background:#EEA817;"></div></div>
                
            <div class="event_infos_hover">
                <div class="event_heure text-white">13:00</div>

<div class="event_lieu text-white">
                    <span>Coopérative de solidarité PARADIS</span>
                </div>
            </div>
        </div>

</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="/portes-ouvertes-les-20-ans-du-paradis" hreflang="fr">Portes ouvertes - Les 20 ans du Paradis</a> </h3>
                </div>
                <i class="fa-duotone icon-categorie ms-1 fa-1x fa-music text-white"></i>
            </div>
        </div>
        <a href="https://quoivivrerimouski.ca//portes-ouvertes-les-20-ans-du-paradis"></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="/jerome-50-0"></a>
        <div class="event_date_content ">
                            
                <div class="event_date mb-2 text-white d-flex justify-content-between"><div>Samedi <span class="jour">20 Sep</span></div><div class="event_puce" style="background:#EEA817;"></div></div>
                
            <div class="event_infos_hover">
                <div class="event_heure text-white">20:00</div>

<div class="event_lieu text-white">
                    <span>Bains publics - Cabaret culturel</span>
                </div>
            </div>
        </div>

</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">
                                                            35.00 $
                                                    </span>
                                    </div>
                                                                                        <button type="button" data-eventbillet="8153" data-type="reg" class="btn-billeterie btn btn-primary"><i class="fa-duotone me-2 fa-ticket"></i> Acheter un billet</button>
                                                                        </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="/jerome-50-0" hreflang="fr">Jérôme 50</a> </h3>
                </div>
                <i class="fa-duotone icon-categorie ms-1 fa-1x fa-music text-white"></i>
            </div>
        </div>
        <a href="https://quoivivrerimouski.ca//jerome-50-0"></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="/supertramp-memories"></a>
        <div class="event_date_content ">
                            
                <div class="event_date mb-2 text-white d-flex justify-content-between"><div>Samedi <span class="jour">20 Sep</span></div><div class="event_puce" style="background:#EEA817;"></div></div>
                
            <div class="event_infos_hover">
                <div class="event_heure text-white">20:00</div>

<div class="event_lieu text-white">
                    <span>Salle Desjardins</span>
                </div>
            </div>
        </div>

</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">
                                                            36.00 $
                                &nbsp;
                                - 
                                45.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="/supertramp-memories" hreflang="fr">Supertramp Memories</a> </h3>
                </div>
                <i class="fa-duotone icon-categorie ms-1 fa-1x fa-music text-white"></i>
            </div>
        </div>
        <a href="https://quoivivrerimouski.ca//supertramp-memories"></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="/legacy-remember-80s-la-taverne-666"></a>
        <div class="event_date_content ">
                            
                <div class="event_date mb-2 text-white d-flex justify-content-between"><div>Samedi <span class="jour">20 Sep</span></div><div class="event_puce" style="background:#EEA817;"></div></div>
                
            <div class="event_infos_hover">
                <div class="event_heure text-white">21:00</div>

<div class="event_lieu text-white">
                    <span>Taverne 666</span>
                </div>
            </div>
        </div>

</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">
                                                            15.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="/legacy-remember-80s-la-taverne-666" hreflang="fr">LEGACY - Remember the 80s à la Taverne 666</a> </h3>
                </div>
                <i class="fa-duotone icon-categorie ms-1 fa-1x fa-music text-white"></i>
            </div>
        </div>
        <a href="https://quoivivrerimouski.ca//legacy-remember-80s-la-taverne-666"></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="/johanna-rose-dreamboats-les-mardis-jazz"></a>
        <div class="event_date_content ">
                            
                <div class="event_date mb-2 text-white d-flex justify-content-between"><div>Mardi <span class="jour">23 Sep</span></div><div class="event_puce" style="background:#EEA817;"></div></div>
                
            <div class="event_infos_hover">
                <div class="event_heure text-white">21:00</div>

<div class="event_lieu text-white">
                    <span>Brasserie artisanale Le Bien, le Malt</span>
                </div>
            </div>
        </div>

</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">
                                                            20.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="/johanna-rose-dreamboats-les-mardis-jazz" hreflang="fr">Johanna Rose &amp; The Dreamboats | Les mardis jazz</a> </h3>
                </div>
                <i class="fa-duotone icon-categorie ms-1 fa-1x fa-music text-white"></i>
            </div>
        </div>
        <a href="https://quoivivrerimouski.ca//johanna-rose-dreamboats-les-mardis-jazz"></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>
</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>

<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 Concert de piano | Ryan Hull...</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>

"eventStatus":"https://schema.org/Programmé",
    "eventAttendanceMode":"https://schema.org/OfflineEventAttendanceMode",
    "description":"M. Ryan Hull, étudiant 3e année - Université McGill en biologie, donnera un concert bénéfice.

Cet été, M. Hull, réalisera un Tour du Québec de 2500 km, une cyclotournée à vélo afin de soutenir la cause des maladies rares.

Il est appuyé par deux organismes reconnus:  RARE.Qc L&#039;Institut de recherche du Centre universitaire de santé McGill et le Regroupement québécois des maladies orphelines

Le programme de la soirée :

L.V. Beethoven - Sonate No. 17 en ré mineur, Op. 31 No. 2 III. Allegretto

J.S. Bach - Le Clavecin Bien-Tempéré

Prélude No. 1 en do majeur, BWV 846
	Fugue No. 1 à 4 voix en do majeu, MWV 846
	Prélude No. 2 en do mineur, BWV 847
	Fugue No. 4 à 5 voix en do dièze mineur, BWV 826

J.S. Bach - Partita No. 2 en do mineur, BWV 826 Sinfonia

F. Chopin - Ballade No. 1 en sol mineur, Op. 23

Présenté par la Fabrique du Bic.

Pour faire un don pour la cause : https://bit.ly/453S87h",
    "url":"https://quoivivrerimouski.ca/concert-de-piano-ryan-hull",
    "duration":"PT1H00M",
    "image":"https://quoivivrerimouski.ca/sites/default/files/styles/fiche_d/public/2025-07/Cyclotourn%C3%A9e_Bic_FR.png?h=0dd9d9bf",
    "organizer":{
    "@type":"Organization",
    "name":"Autre",
    "url":""
    },
          
        "performer":[{
        "@type":"Organization",
        "name":"",
        "url":""
        }],
        "location":[
    {
    "@type":"Place",
    "address":{
    "@type":"PostalAddress",
    "addressLocality":"Rimouski",
    "addressRegion":"Québec",
    "postalCode":"G0L 1B0",
    "streetAddress":"88 Avenue de l&#039;Église",
    "addressCountry":"CA"
    }
    }
        ],
    "offers":[{
    "@type":"Offer",
    "availability":"http://schema.org/InStock",
    "url":"https://quoivivrerimouski.ca/concert-de-piano-ryan-hull",
    "validFrom":"dim 27/07/2025 - 21:01",
    "price":"0.00",
    "priceCurrency":"CAD"
    }
        ],

"mainEntityOfPage":[{
    "@type":"WebPage",
    "inLanguage":"fr",
    "url":"https://quoivivrerimouski.ca/concert-de-piano-ryan-hull",
    "lastReviewed":"2025-07-27 21:12"
    }]

}
</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><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 aria-labelledby="block-evenements-menu" id="block-evenements" class="block block-menu navigation menu--evenements">
            
  <h5 class="visually-hidden" id="block-evenements-menu">Événements</h5>

<ul class="nav navbar-nav">
            <li class="nav-item">
      <a href="/" class="nav-link" data-drupal-link-system-path="&lt;front&gt;">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 aria-labelledby="block-apropos-menu" id="block-apropos" class="block block-menu navigation menu--a-propos">
            
  <h5 class="visually-hidden" id="block-apropos-menu">À propos</h5>

<ul 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&#039;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&#039;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 aria-labelledby="block-organisme-menu" id="block-organisme" class="block block-menu navigation menu--organisme">
            
  <h5 class="visually-hidden" id="block-organisme-menu">Organisme</h5>

<ul 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="/guide_d_utilisation_organismes.pdf" class="nav-link">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">
                                
                                <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 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>

(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>

</body>
                    </html>

Editing Website