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>AYRAD - Spectacle de musique | 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/2023-08/365724973_684119403755804_7530449697254453125_n%20%281%29.jpg?h=ec3a875d);"></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">
                  AYRAD - Spectacle de musique
              </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">AYRAD - Spectacle de musique</span>
</h1>

<div class="text-white fw-bold">présenté par <span class="fw-light">Accueil et intégration Bas Saint-Laurent</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="AYRAD - Spectacle de musique" src="/sites/default/files/styles/fiche_d/public/2023-08/365724973_684119403755804_7530449697254453125_n%20%281%29.jpg?h=ec3a875d" />
                </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">Samedi</div><span class="h2">19 août 2023</span></div>  
                                                        <div class="fw-bold">à 20: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><strong>Dans le cadre du festival interculturel de Rimouski ! </strong></p>

<p>Ayrad réunit les talents de musiciens issus d’horizons différents : le chanteur, guitariste et auteur-compositeur d’origine marocaine Hamza Abouabdelmajid, Annick Beauvais (hautbois, voix), Anit Ghosh (violon), Sylvain Plante (batterie, percussions) et Gabriel Brochu-Lajoie (basse, claviers), Marton Maderspach (percussions).</p>

<p>Le groupe n’hésite jamais à transgresser les frontières musicales. Ayrad propose une musique transculturelle, combinant des rythmes andalous et berbères, des grooves reggae et chaabi marocains, et des souches pop et rock. Un mélange unique qui attire les auditeurs aventureux et passionne les amateurs de musique du monde. Galvanisé par la voix exceptionnelle de Hamza, ce groupe de musiciens expérimentés est capable de pousser ses chansons à leur paroxysme, en leur insufflant une énergie contagieuse, quasi-magique, qui ne laisse aucun public indifférent.</p>

<p>Leur tout nouvel album III est aussi contemporain et accessible que son prédécesseur. Cet album rock et pop explore et intègre différents genres tels que l’électro, le Gypsy funk, le rock du désert, le raï, la Reggada, le chaâbi et même les grooves latins.</p>

<p>Leur puissance synergique en concert et sur disque est absolument extraordinaire. Leur album homonyme (2014) et Zoubida (2018) ont récolté de nombreux prix (ADISQ, OPUS, Canadian Folk Music Awards) et mentions (JUNOS) et ont permis au groupe de donner des concerts à travers le Canada et à l’étranger (Écosse, Qatar, Maroc, Tunisie, USA).</p>
</div>
      
                            
                                                            <a target="_blank" title="Voir le site Web de l'événement" href="https://www.aibsl.org/festival-interculturel/" class="text-primary">Voir le site Web de l'événement</a>
                                                    </div>
                    </div>
                </div>
                <div class="col-12 col-lg-12 col-xl-7">
                    <div style="position: sticky;top: 170px;">
                        <div class="row">
                            <div class="col-12 col-lg-6 col-xl-6">
                                <div class="section-fiche-evenenement">
                                    <div class="mb-5">
                                        <div class="text-center">
                                            <i class="fa-thin fa-ticket-simple fa-3x text-primary mb-3"></i>
                                  
    <h3 class="mb-4">Tarif</h3>

<span class="tarif">
            Gratuit
        </span>

<p class="condition pt-3">
        <small>
            *Les tarifs peuvent comprendre ou non les taxes. Certaines conditions peuvent s'appliquer.
            Sujet à changements sans préavis.
        </small>
    </p>
</div>

<div class='lienexterne text-center mt-4'>
                                            <div>
                                                <div>
                                                    <div class="d-flex justify-content-center">
                                                               
                                                                                                            </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class='text-center mb-5'>
                                                                                    <i class="fa-thin fa-calendar-circle-user bigicon fa-3x text-primary mb-3" aria-hidden="true"></i>
                                            <h3>Facebook</h3>
                                            <a href="https://www.facebook.com/events/1667913550387699/" target="_blank" class="btn btn-link text-primary text-decoration-none mb-3">Voir l'événement sur Facebook</a>
                                            <div class="d-flex flex-wrap justify-content-center">
                                                <button data-type="attending" data-event="1667913550387699" class="event btn btn-outline-primary me-1"><i class="fa-duotone fa-check"></i> Participer</button>
                                                <button data-type="maybe" data-event="1667913550387699" class="event btn btn-outline-primary"><i class="fa-duotone fa-xmark"></i> Intéressé</button>
                                            </div>
                                                                            </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> Salle Desjardins</h5>
                                                <p>
                                                    25, rue Saint-Germain Ouest<br />
                                                    Rimouski (Québec) G5L 4B4
                                                </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-0800  </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 Salle Desjardins ' href="mailto:spectart@spectart.com">spectart@spectart.com</a> </div>
                                                                                            </div>
                                                                                            <a target="_blank" href="http://www.spectart.com/index.php" 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> Accueil et intégration Bas Saint-Laurent</h5>
                                                                                                    <p>
                                                        <span>192 Rue St Germain E Bureau 206</span> <br />
                                                        <span>Rimouski</span> 
                                                                                                                    (<span>Québec</span>)  
                                                                                                                <span>G5L 1A8</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> (581) 824-1662  </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 Accueil et intégration Bas Saint-Laurent ' href="mailto:accueil@aibsl.org">accueil@aibsl.org</a> </div>
                                                                                                    </div>
                                                                                            </div>
                                                                                                                     </div>
                                </div> 
                                                    </div>
                    </div>
                </div>
            </div>
                    </div>
    </div>
</div>

<h2 class="location-title" property="name">Salle Desjardins</h2>
  
      <div class="location-content"><div class="views-field views-field-title"><span class="field-content">Salle Desjardins</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.4511526">
    <meta property="longitude" content="-68.5279985">
  </span>
  <span class="geolocation-latlng">48.4511526, -68.5279985</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="/toi-moi-et-la-toscane"></a>
        <div class="event_date_content ">
                            
                <div class="event_date mb-2 text-white d-flex justify-content-between"><div>Samedi <span class="jour">11 avr</span></div><div class="event_puce" style="background:#d21f39;"></div></div>
                
            <div class="event_infos_hover">
                <div class="event_heure text-white">12:25</div>

<div class="event_lieu text-white">
                    <span>Cinéma Lido</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">
                                                            7.00 $
                                &nbsp;
                                - 
                                12.50 $
                                                    </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="/toi-moi-et-la-toscane" hreflang="fr">Toi, moi et la Toscane</a> </h3>
                </div>
                <i class="fa-duotone icon-categorie ms-1 fa-1x fa-film text-white"></i>
            </div>
        </div>
        <a href="https://quoivivrerimouski.ca//toi-moi-et-la-toscane"></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="/projet-derniere-chance"></a>
        <div class="event_date_content ">
                            
                <div class="event_date mb-2 text-white d-flex justify-content-between"><div>Samedi <span class="jour">11 avr</span></div><div class="event_puce" style="background:#d21f39;"></div></div>
                
            <div class="event_infos_hover">
                <div class="event_heure text-white">12:30</div>

<div class="event_lieu text-white">
                    <span>Cinéma Lido</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">
                                                            7.00 $
                                &nbsp;
                                - 
                                12.50 $
                                                    </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="/projet-derniere-chance" hreflang="fr">Projet dernière chance</a> </h3>
                </div>
                <i class="fa-duotone icon-categorie ms-1 fa-1x fa-film text-white"></i>
            </div>
        </div>
        <a href="https://quoivivrerimouski.ca//projet-derniere-chance"></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="/super-mario-galaxy-le-film"></a>
        <div class="event_date_content ">
                            
                <div class="event_date mb-2 text-white d-flex justify-content-between"><div>Samedi <span class="jour">11 avr</span></div><div class="event_puce" style="background:#d21f39;"></div></div>
                
            <div class="event_infos_hover">
                <div class="event_heure text-white">12:45</div>

<div class="event_lieu text-white">
                    <span>Cinéma Lido</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">
                                                            7.00 $
                                &nbsp;
                                - 
                                12.50 $
                                                    </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="/super-mario-galaxy-le-film" hreflang="fr">Super Mario Galaxy le film</a> </h3>
                </div>
                <i class="fa-duotone icon-categorie ms-1 fa-1x fa-film text-white"></i>
            </div>
        </div>
        <a href="https://quoivivrerimouski.ca//super-mario-galaxy-le-film"></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="/sauteurs"></a>
        <div class="event_date_content ">
                            
                <div class="event_date mb-2 text-white d-flex justify-content-between"><div>Samedi <span class="jour">11 avr</span></div><div class="event_puce" style="background:#d21f39;"></div></div>
                
            <div class="event_infos_hover">
                <div class="event_heure text-white">12:55</div>

<div class="event_lieu text-white">
                    <span>Cinéma Lido</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">
                                                            7.00 $
                                &nbsp;
                                - 
                                12.50 $
                                                    </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="/sauteurs" hreflang="fr">Sauteurs</a> </h3>
                </div>
                <i class="fa-duotone icon-categorie ms-1 fa-1x fa-film text-white"></i>
            </div>
        </div>
        <a href="https://quoivivrerimouski.ca//sauteurs"></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="/3d-super-mario-galaxy-le-film"></a>
        <div class="event_date_content ">
                            
                <div class="event_date mb-2 text-white d-flex justify-content-between"><div>Samedi <span class="jour">11 avr</span></div><div class="event_puce" style="background:#d21f39;"></div></div>
                
            <div class="event_infos_hover">
                <div class="event_heure text-white">13:10</div>

<div class="event_lieu text-white">
                    <span>Cinéma Lido</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">
                                                            7.00 $
                                &nbsp;
                                - 
                                12.50 $
                                                    </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="/3d-super-mario-galaxy-le-film" hreflang="fr">3D | Super Mario Galaxy le film</a> </h3>
                </div>
                <i class="fa-duotone icon-categorie ms-1 fa-1x fa-film text-white"></i>
            </div>
        </div>
        <a href="https://quoivivrerimouski.ca//3d-super-mario-galaxy-le-film"></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="/toi-moi-et-la-toscane"></a>
        <div class="event_date_content ">
                            
                <div class="event_date mb-2 text-white d-flex justify-content-between"><div>Samedi <span class="jour">11 avr</span></div><div class="event_puce" style="background:#d21f39;"></div></div>
                
            <div class="event_infos_hover">
                <div class="event_heure text-white">15:20</div>

<div class="event_lieu text-white">
                    <span>Cinéma Lido</span>
                </div>
            </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 AYRAD - Spectacle de musique...</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":"Dans le cadre du festival interculturel de Rimouski !

Ayrad réunit les talents de musiciens issus d’horizons différents : le chanteur, guitariste et auteur-compositeur d’origine marocaine Hamza Abouabdelmajid, Annick Beauvais (hautbois, voix), Anit Ghosh (violon), Sylvain Plante (batterie, percussions) et Gabriel Brochu-Lajoie (basse, claviers), Marton Maderspach (percussions).

Le groupe n’hésite jamais à transgresser les frontières musicales. Ayrad propose une musique transculturelle, combinant des rythmes andalous et berbères, des grooves reggae et chaabi marocains, et des souches pop et rock. Un mélange unique qui attire les auditeurs aventureux et passionne les amateurs de musique du monde. Galvanisé par la voix exceptionnelle de Hamza, ce groupe de musiciens expérimentés est capable de pousser ses chansons à leur paroxysme, en leur insufflant une énergie contagieuse, quasi-magique, qui ne laisse aucun public indifférent.

Leur tout nouvel album III est aussi contemporain et accessible que son prédécesseur. Cet album rock et pop explore et intègre différents genres tels que l’électro, le Gypsy funk, le rock du désert, le raï, la Reggada, le chaâbi et même les grooves latins.

Leur puissance synergique en concert et sur disque est absolument extraordinaire. Leur album homonyme (2014) et Zoubida (2018) ont récolté de nombreux prix (ADISQ, OPUS, Canadian Folk Music Awards) et mentions (JUNOS) et ont permis au groupe de donner des concerts à travers le Canada et à l’étranger (Écosse, Qatar, Maroc, Tunisie, USA).",
    "url":"https://quoivivrerimouski.ca/ayrad-spectacle-de-musique",
    "duration":"PT1H00M",
    "image":"https://quoivivrerimouski.ca/sites/default/files/styles/fiche_d/public/2023-08/365724973_684119403755804_7530449697254453125_n%20%281%29.jpg?h=ec3a875d",
    "organizer":{
    "@type":"Organization",
    "name":"Accueil et intégration Bas Saint-Laurent",
    "url":""
    },
          
        "performer":[{
        "@type":"Organization",
        "name":"AYRAD",
        "url":""
        }],
    "location":[
{
  "@type":"Place",
  "name":"Salle Desjardins",
    "sameAs":"https://artsdata.ca/resource/K11-261",
    "address":{
    "@type":"PostalAddress",
    "addressLocality":"Rimouski",
    "addressRegion":"Qu\u00E9bec",
    "postalCode":"G5L\u00204B4",
    "streetAddress":"25,\u0020rue\u0020Saint\u002DGermain\u0020Ouest",
    "addressCountry":"CA"
  }
}
],

"offers":[{
    "@type":"Offer",
    "availability":"http://schema.org/InStock",
    "url":"https://quoivivrerimouski.ca/ayrad-spectacle-de-musique",
    "validFrom":"mar 08/08/2023 - 14:29",
    "price":"0.00",
    "priceCurrency":"CAD"
    }
        ],

"mainEntityOfPage":[{
    "@type":"WebPage",
    "inLanguage":"fr",
    "url":"https://quoivivrerimouski.ca/ayrad-spectacle-de-musique",
    "lastReviewed":"2023-08-08 15:03"
    }]

}
</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="https://www.quoivivrerimouski.ca/trousse-media" class="nav-link">Trousse média</a>
          </li>
          <li class="nav-item">
      <a href="/informations-pour-les-organismes-culturels" class="nav-link" data-drupal-link-system-path="node/2852">Informations pour les organismes</a>
          </li>
          <li class="nav-item">
      <a href="https://quoivivrerimouski.ca/user/login" class="nav-link">Connexion</a>
          </li>
  </ul>

</nav>

</div>

</div>
                        <div class="col-12 col-lg-1 text-center mb-4">
                            <div><a href="https://www.facebook.com/QuoivivreRimouski/" target="_blank" class="sociaux-top d-block mb-4 text-dark"><i class="fab fa-facebook-f fa-2x" aria-hidden="true"></i></a></div>
                            <div><a href="https://twitter.com/quoivivre" target="_blank" class="sociaux-top d-block mb-4 text-dark"><i class="fab fa-twitter fa-2x" aria-hidden="true"></i></a></div>
                            <div><a href="https://www.instagram.com/quoivivrerimouski/" target="_blank" class="sociaux-top d-block mb-4 text-dark"><i class="fab fa-instagram fa-2x" aria-hidden="true"></i></a></div>
                        </div>
                        <div class="col-12 col-lg-2 text-center mb-4">
                            <div class="mb-4">
                                
                                <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