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>Du Jazz dans tes oreilles - Période #1 | 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="/guide-pratique-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/2023-09/PostInstaFBbornes.png?h=fd0da3bf);"></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">
                  Du Jazz dans tes oreilles - Période #1
              </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">Du Jazz dans tes oreilles - Période #1</span>
</h1>

<h2 class="h3 sous-titre text-white mb-5">
                                                        Stations d&#039;écoute
                        </h2>

<div class="text-white fw-bold">présenté par <span class="fw-light">Festi Jazz international de Rimouski</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="Du Jazz dans tes oreilles - Période #1" src="/sites/default/files/styles/fiche_d/public/2023-09/PostInstaFBbornes.png?h=fd0da3bf" />
                </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="mb-3"><span class="h2">09 oct 2023</span> au <span class="h2">27 oct 2023</span></div>
                                                                <div class="btn-group">
                                    <div class="dropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false" class="fw-bold"><i class="fa-duotone fa-calendar-circle-plus text-primary"></i></div>
                                    <ul class="dropdown-menu">
                                        <li><a class="dropdown-item" href="https://calendar.google.com/calendar/render?action=TEMPLATE&amp;text=Du+Jazz+dans+tes+oreilles+-+P%C3%A9riode+%231&amp;dates=20231009T000000/20231027T000000&amp;details=Stations+d%27%C3%A9coute%0ATarif+%3A+Gratuit%0A%0ASign%C3%A9+QuoiVivreRimouski.ca&amp;location=Caf%C3%A9+du+Moussonneur&amp;sprop=&amp;sprop=name:">Ajouter à mon calendrier Google</a></li>
                                        <li><a class="dropdown-item" href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20231009T000000%0ADTEND:20231027T000000%0ASUMMARY:Du Jazz dans tes oreilles - Période #1%0ADESCRIPTION:Stations d&#039;écoute
Tarif : Gratuit

Signé QuoiVivreRimouski.ca%0ALOCATION:Café du Moussonneur%0AEND:VEVENT%0AEND:VCALENDAR">Ajouter à mon calendrier Apple</a></li>
                                        <li><a class="dropdown-item" href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20231009T000000%0ADTEND:20231027T000000%0ASUMMARY:Du Jazz dans tes oreilles - Période #1%0ADESCRIPTION:Stations d&#039;écoute
Tarif : Gratuit

Signé QuoiVivreRimouski.ca%0ALOCATION:Café du Moussonneur%0AEND:VEVENT%0AEND:VCALENDAR">Ajouter à mon calendrier Outlook</a></li>
                                    </ul>
                                </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>Le Festi Jazz international de Rimouski est heureux de présenter le projet «Du Jazz dans tes oreilles». Cette initiative vise à transporter les passants du centre-ville dans un univers jazz spécialement choisi. Trois stations d'écoutes seront disposées et actives  durant des périodes choisies.</p>

<p><strong>Période #1</strong><br />
Du <strong>09 au 27 octobre</strong> prochain, la musique de plusieurs artistes québécois.es et canadien.nes ayant déjà performé à l'édition estivale du Festi Jazz naviguera dans les oreilles des passants. Les pièces qui ont été choisies ajouteront un élément ensoleillé et parfois réconfortant comme l'automne. </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">
                                              
                                                <h3>Lieux multiples</h3>
                                                <p>Crêpe Chignon || Café Moussonneur || Librairie L&#039;Alphabet</p>
                                                                                        <div class="d-flex flex-wrap align-content-center justify-content-center">
                                                                                                    <div class="ms-2 me-2 mb-4 d-flex align-items-center"><i class="fa-duotone fa-mobile text-primary me-3"></i> (418) 721-7776  </div>
                                                                                                                                            </div>
                                                                                            <a target="_blank" href="http://www.lemoussonneur.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>
                                                                                    <h3 class="mb-4">Diffuseur</h3>
                                            <div>
                                                <h5> Festi Jazz international de Rimouski</h5>
                                                                                                    <p>
                                                        <span>148 Av. de la Cathédrale</span> <br />
                                                        <span>Rimouski</span> 
                                                                                                                    (<span>Québec</span>)  
                                                                                                                <span>G5L 5H8</span>
                                                    </p>
                                                                                                <div class="d-flex flex-wrap align-content-center justify-content-center">
                                                                                                            <div class="ms-2 me-2 mb-4 d-flex align-items-center"><i class="fa-duotone fa-mobile text-primary me-3"></i> 418 724-7844  </div>
                                                                                                                                                                <div class="ms-2 me-2 mb-4 d-flex align-items-center"><i class="fa-duotone fa-envelope text-primary me-3"></i> <a class="text-decoration-none" title='Envoyer un courriel Festi Jazz international de Rimouski ' href="mailto:info@festijazzrimouski.com">info@festijazzrimouski.com</a> </div>
                                                                                                    </div>
                                                                                                    <a target="_blank" href="https://festijazzrimouski.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>
    </div>
</div>

<h2 class="location-title" property="name">Café du Moussonneur</h2>
  
      <div class="location-content"><div class="views-field views-field-title"><span class="field-content">Café du Moussonneur</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.447548">
    <meta property="longitude" content="-68.534747">
  </span>
  <span class="geolocation-latlng">48.447548, -68.534747</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="/r-dgtl-2025-prevente"></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>07<br />Aoû</span></div><div class="ms-1 me-1">au</div><div><span>09<br />Aoû</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>Terrasses Urbaines Cogeco</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">
                                                            25.00 $
                                                    </span>
                                    </div>
                                                                                        <button type="button" data-eventbillet="8507" 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="/r-dgtl-2025-prevente" hreflang="fr">R DGTL 2025 - PRÉVENTE</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//r-dgtl-2025-prevente"></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="/etienne-dufresne"></a>
        <div class="event_date_content ">
                            
                <div class="event_date mb-2 text-white d-flex justify-content-between"><div>Jeudi <span class="jour">26 juin</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>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">
                                                            18.00 $
                                                    </span>
                                    </div>
                                                                                        <button type="button" data-eventbillet="8420" 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="/etienne-dufresne" hreflang="fr">Etienne Dufresne</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//etienne-dufresne"></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="/michel-faubert-la-chapelle-ardente"></a>
        <div class="event_date_content ">
                            
                <div class="event_date mb-2 text-white d-flex justify-content-between"><div>Vendredi <span class="jour">27 juin</span></div><div class="event_puce" style="background:#EEA817;"></div></div>
                
            <div class="event_infos_hover">
                <div class="event_heure text-white">18:00</div>

<div class="event_lieu text-white">
                    <span>Chapelle Notre-Dame-des-Murailles</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">
                                                            39.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="/michel-faubert-la-chapelle-ardente" hreflang="fr">Michel Faubert | La Chapelle ardente</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//michel-faubert-la-chapelle-ardente"></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="/nuit-electro-presentee-par-collectif-jardin-x-electree-soundsystem"></a>
        <div class="event_date_content ">
                            
                <div class="event_date mb-2 text-white d-flex justify-content-between"><div>Vendredi <span class="jour">27 juin</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>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">
                                                            10.00 $
                                &nbsp;
                                - 
                                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="/nuit-electro-presentee-par-collectif-jardin-x-electree-soundsystem" hreflang="fr">Nuit Électro présentée par Collectif Jardin X ElecTree Soundsystem</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//nuit-electro-presentee-par-collectif-jardin-x-electree-soundsystem"></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="/sons-et-saveurs-concert-benefice"></a>
        <div class="event_date_content ">
                            
                <div class="event_date mb-2 text-white d-flex justify-content-between"><div>Samedi <span class="jour">28 juin</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-TELUS</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>
                                    </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="/sons-et-saveurs-concert-benefice" hreflang="fr">Sons et saveurs - Concert bénéfice</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//sons-et-saveurs-concert-benefice"></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="/akira-le-sabbat"></a>
        <div class="event_date_content ">
                            
                <div class="event_date mb-2 text-white d-flex justify-content-between"><div>Samedi <span class="jour">28 juin</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>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">
                                                            15.00 $
                                                    </span>
                                    </div>
                                                                                        <button type="button" data-eventbillet="8466" 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="/akira-le-sabbat" hreflang="fr">Akira &amp; Le Sabbat</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//akira-le-sabbat"></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="dg@festijazzrimouski.com" 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 Du Jazz dans tes oreilles - Période #1...</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":"Le Festi Jazz international de Rimouski est heureux de présenter le projet «Du Jazz dans tes oreilles». Cette initiative vise à transporter les passants du centre-ville dans un univers jazz spécialement choisi. Trois stations d&#039;écoutes seront disposées et actives  durant des périodes choisies.

Période #1
Du 09 au 27 octobre prochain, la musique de plusieurs artistes québécois.es et canadien.nes ayant déjà performé à l&#039;édition estivale du Festi Jazz naviguera dans les oreilles des passants. Les pièces qui ont été choisies ajouteront un élément ensoleillé et parfois réconfortant comme l&#039;automne. ",
    "url":"https://quoivivrerimouski.ca/du-jazz-dans-tes-oreilles-periode-1",
    "duration":"PT1H00M",
    "image":"https://quoivivrerimouski.ca/sites/default/files/styles/fiche_d/public/2023-09/PostInstaFBbornes.png?h=fd0da3bf",
    "organizer":{
    "@type":"Organization",
    "name":"Festi Jazz international de Rimouski",
    "url":"https://festijazzrimouski.com/"
    },
          
        "performer":[{
        "@type":"Organization",
        "name":"",
        "url":""
        }],
        "location":[
    {
    "@type":"Place",
    "address":{
    "@type":"PostalAddress",
    "addressLocality":"Rimouski",
    "addressRegion":"Québec",
    "postalCode":"G5L 4B8",
    "streetAddress":"173, rue Saint-Germain Ouest",
    "addressCountry":"CA"
    }
    }
        ],
    "offers":[{
    "@type":"Offer",
    "availability":"http://schema.org/InStock",
    "url":"https://quoivivrerimouski.ca/du-jazz-dans-tes-oreilles-periode-1",
    "validFrom":"mer 27/09/2023 - 15:50",
    "price":"0.00",
    "priceCurrency":"CAD"
    }
        ],

"mainEntityOfPage":[{
    "@type":"WebPage",
    "inLanguage":"fr",
    "url":"https://quoivivrerimouski.ca/du-jazz-dans-tes-oreilles-periode-1",
    "lastReviewed":"2023-10-11 07:42"
    }]

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