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>The Friendly Frogs Freak Show | Quoi vivre à Rimouski</title>
        <script src="https://kit.fontawesome.com/b5ff597667.js" crossorigin="anonymous"></script>       
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Urbanist:wght@400;600;700&display=swap" rel="stylesheet">

<div class="cookies-eu-banner" style="display: none;">
            <p>Nous utilisons des témoins appelés "Cookies" afin de vous fournir l'expérience de navigation la plus optimale et sécurisée qui soit.
                <strong><a class="ms-2" href="/politique-dachat#temoin" aria-label="En apprendre sur les cookies" rel="noopener noreferrer nofollow" target="_blank">En apprendre plus sur les cookies / témoins</a></strong>
                <button class="btn btn-primary ms-2" onClick="closeModal()">Accepter</button>
            </p>
        </div>

<a href="#main-content" class="visually-hidden focusable skip-link">
                        Aller au contenu principal
                    </a>
                    
                      <div class="dialog-off-canvas-main-canvas d-flex flex-column h-100" data-off-canvas-main-canvas>

</div>

<button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse"
                        data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                        aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"><i class="fa-light fa-bars fa-2x"></i></span>
                </button>
                <div class="collapse navbar-collapse justify-content-md-center" id="navbarSupportedContent">
                      <div class="region region-nav-main">
    <nav aria-labelledby="block-quoivivrerimouski-main-menu-menu" id="block-quoivivrerimouski-main-menu" class="block block-menu navigation menu--main">
            
  <h5 class="visually-hidden" id="block-quoivivrerimouski-main-menu-menu">Main navigation</h5>

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

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

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

<li class="nav-item dropdown">
          <span class="nav-item nav-link dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false" title="Expand menu Organismes">Organismes</span>
                  <ul class="dropdown-menu">
                        <li class="nav-item">
          <a href="/soumettre-un-evenement" class="dropdown-item" data-drupal-link-system-path="node/90">Soumettre un événement</a>
      </li>

<li class="nav-item">
          <a href="/politique-de-contenu" class="dropdown-item" data-drupal-link-system-path="node/105">Politique de contenu</a>
      </li>

<li class="nav-item">
          <a href="/informations-pour-les-organismes-culturels" class="dropdown-item" data-drupal-link-system-path="node/2852">Informations pour les organismes</a>
      </li>

<li class="nav-item">
          <a href="/user/login" class="dropdown-item" data-drupal-link-system-path="user/login">Connexion</a>
      </li>

</ul>
  
      </li>

</ul>

</nav>

</div>

</div>
            </div>
        </nav>
    </header>

<a id="main-content"></a>
          <div class="region region-content">
    <div data-drupal-messages-fallback class="hidden"></div>
<div id="block-quoivivrerimouski-content" class="block block-system block-system-main-block">
  
    
      
<div>
    <div class="banniere-evenement">
        <div class="banniere-evenement-blur"  style="background-image:  url(/sites/default/files/styles/fiche_d/public/2025-06/504341040_683989910929134_5150202482188144909_n.jpg);"></div>
        <div class="container-fluid pt-5">
            <div class="row align-items-center text-center text-lg-start pt-2">
                <div class="col-12 col-lg-6 col-xl-5 mb-md-5">
                    <div class="mb-3">  <nav aria-label="breadcrumb">
    <h2 id="system-breadcrumb" class="visually-hidden">Fil d'Ariane</h2>
    <ol class="breadcrumb">
          <li class="breadcrumb-item">
                  <a href="/">Quoi Vivre Rimouski</a>
              </li>
          <li class="breadcrumb-item">
                  The Friendly Frogs Freak Show
              </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">The Friendly Frogs Freak Show</span>
</h1>

<div class="text-white fw-bold">présenté par <span class="fw-light">La Maison de la Culture du Pic Champlain</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="The Friendly Frogs Freak Show" src="/sites/default/files/styles/fiche_d/public/2025-06/504341040_683989910929134_5150202482188144909_n.jpg" />
                </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">23 août 2025</span></div>  
                                                        <div class="fw-bold">à 19:30</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>𝐄𝐧 𝐬𝐨𝐫𝐭𝐢𝐞 𝐝𝐞 𝐫é𝐬𝐢𝐝𝐞𝐧𝐜𝐞 : 𝐓𝐡𝐞 𝐅𝐫𝐢𝐞𝐧𝐝𝐥𝐲 𝐅𝐫𝐨𝐠𝐬 𝐅𝐫𝐞𝐚𝐤 𝐒𝐡𝐨𝐰</p>

<p>Funk progressif batracien énergétiquement chargé et prêt à vous dégainer dans un tourbillon infini de sonorités colorées soutenue par une section rythmique éclectique qui vous offre frissons dansants et ambiances propice à mettre à nu votre grenouille intérieure! Joignez-vous à la danse!</p>

<p>Écoutez The Friendly Frogs Freak Show ici: <a attributionsrc="/privacy_sandbox/comet/register/source/?xt=AZX1CGrH55BQJI3OfkZkpfOtTfl6WwYApS0fTj3aa6k9FVjtoUPuz3z4pJfMI0yHK6pB5g78M9UTMhEIfDBfpmaOKmUwBrYwErrz_fUu-_J3cyj8keBbCeSymmNU38xLHTppy2CehxTq8gJAMsHhSmQSDR9Ftgr0M9-_MrtcJAqs7QrzNwnQcSM1STH--UZ852EblpiQtcOfegO0gGtBK1YBwJLjryY65rwyHaPbLNqbnDL0dNydl1AV364Sq8btAEVztXFWuZYqDXQOyktJ8Q3YzoCnz-z-xdK7ME2ZSAbIjhhJlk5yJPe4kgXxfwarY5v2htAJ9KK0JCa9ahL0hyXMavr2YEZ2ITrf85FbfKWt_IcOkE-xVc_eHaUIJEy3KvzsiUuj07BA-h2P66xFQ_mOs8eVWjGBjx5AoaVpQ-nBgSuMvlaBOaa5eUh1HfW_kssmZ8fvHrRS3yIVBCR--DoioO_NcEa2-8vNbTBxKkITL-CKflWjdE-PazLVo8JQVNkUBhbjgLWIk7QVznnh5t494TL3gwHcHtyP0Jc1mDI4hUa9xzDrpTN6xMtysNv8o2TnxuB9xKzk2JKxuHHh5Ruo50qRY4hevlx7L6xs3fLEHTZKNaiiyBrkMacghaj1ceKAifVY-OAigliy_nBSaCbqFD2f6cuQWV8nnwhTWnKbdVHDK3fTDN7yrP8G-5PQEvNr1TuqWGWqUAjn9m9W0UKoH36G-R0K20jWysg1yOdXmNSypMm8qFKtxaLUfmAy_w79BCvWwAv0kC26ZMfe38X0zK8O2zbM5DJihF6drPlb3VgGxPcVVv0HcsQ931N59uqK4-UrVMF7_yqwQs_8LzpbbL4f9bDkJ6NsPeU8rn8ufA" href="https://l.facebook.com/l.php?u=http%3A%2F%2Flinktr.ee%2Ffriendlyfrogsfreakshow%3Ffbclid%3DIwZXh0bgNhZW0CMTAAYnJpZBExaFQwemlTWkk1Q21ZdDRydgEeTPrv04mFIQ1ziGH6bq1DwYBSy45nMc3cHqUXJolbAwAWXxb1kTYnOI8S_HU_aem_xlk_uCGOTvYd_9uLwvuR-g&amp;h=AT1dKhWgKktT1Cv4RR7QVayjiNnrM27LW2IKA49jOjTPtZA_pLit-8mjySHRuBiEyy_V4zTKOa5PUwSTridnsfZf9M-hnuXJukkkje7-Zxe4XHguxGDj5xhKkN_Vdctj2xUfWsnuADSL3w&amp;__tn__=q&amp;c[0]=AT2VRgaMjnBeDegkKMcL8hBuCNcZBb9CVlBjpot6UPz_ArDPOgGWBqXe4FipIrLaf65e6TJK2uHXmXR4ioIfjvSv_Bft1XPkpTjkyjTjuTGkKGmD2B4EJ1pV0kMF3e9XhX79nU4Ku_0_xGL1QevU-yzPXlvhAmJ8fQ09Ew" rel="nofollow noreferrer" role="link" tabindex="0" target="_blank">linktr.ee/friendlyfrogsfreakshow</a></p>

<p>Venez prendre un verre dès 19h, le spectacle commence à 19h30!</p>

<p><img alt="🐦" height="16" referrerpolicy="origin-when-cross-origin" src="https://static.xx.fbcdn.net/images/emoji.php/v9/t90/1/16/1f426.png" width="16" /> 𝚂𝚙𝚎𝚌𝚝𝚊𝚌𝚕𝚎 𝚎𝚡𝚝é𝚛𝚒𝚎𝚞𝚛 𝚊𝚞 𝙼𝚘𝚞𝚕𝚒𝚗 𝚍𝚞 𝙱𝚒𝚌, 𝚜𝚒𝚜 𝚊𝚞 𝚙𝚒𝚎𝚍 𝚍𝚎 𝚕𝚊 𝚛𝚒𝚟𝚒è𝚛𝚎, 𝚊𝚞 𝟹𝟷 𝙰𝚟𝚎𝚗𝚞𝚎 𝚍𝚎 𝚂𝚊𝚒𝚗𝚝-𝚅𝚊𝚕é𝚛𝚒𝚎𝚗 (𝚘𝚞 à 𝚕𝚊 𝙼𝚊𝚒𝚜𝚘𝚗 𝚍𝚎 𝚕𝚊 𝚌𝚞𝚕𝚝𝚞𝚛𝚎 𝚍𝚞 𝙿𝚒𝚌 𝙲𝚑𝚊𝚖𝚙𝚕𝚊𝚒𝚗 𝚎𝚗 𝚌𝚊𝚜 𝚍𝚎 𝚖é𝚝é𝚘 𝚏𝚘𝚞𝚍𝚛𝚘𝚢𝚊𝚗𝚝𝚎!)</p>

<p>Ç𝚊 𝚗𝚘𝚞𝚜 𝚝𝚒𝚎𝚗𝚝 à 𝚌œ𝚞𝚛 𝚚𝚞𝚎 𝚌𝚎 𝚖𝚘𝚖𝚎𝚗𝚝 𝚕à 𝚜𝚘𝚒𝚝 𝚕𝚎 𝚙𝚕𝚞𝚜 𝚊𝚌𝚌𝚎𝚜𝚜𝚒𝚋𝚕𝚎 𝚙𝚘𝚜𝚜𝚒𝚋𝚕𝚎. 𝙽'𝚑é𝚜𝚒𝚝𝚎𝚣 𝚙𝚊𝚜 à 𝚗𝚘𝚞𝚜 𝚙𝚊𝚛𝚝𝚊𝚐𝚎𝚛 𝚟𝚘𝚜 𝚒𝚍é𝚎𝚜 𝚎𝚝 𝚋𝚎𝚜𝚘𝚒𝚗𝚜 𝚎𝚗 𝚝𝚎𝚛𝚖𝚎𝚜 𝚍'𝚊𝚌𝚌𝚎𝚜𝚜𝚒𝚋𝚒𝚕𝚒𝚝é! ﹍ⲯ﹍ⲯ﹍</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'>
                                                                                    <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/24062900206640805/?acontext=%7B&amp;quot;event_action_history&amp;quot;%3A[%7B&amp;quot;mechanism&amp;quot;%3A&amp;quot;attachment&amp;quot;%2C&amp;quot;surface&amp;quot;%3A&amp;quot;newsfeed&amp;quot;%7D]%2C&amp;quot;ref_notif_type&amp;quot;%3Anull%7D/" 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="24062900206640805/?acontext=%7B&amp;quot;event_action_history&amp;quot;%3A[%7B&amp;quot;mechanism&amp;quot;%3A&amp;quot;attachment&amp;quot;%2C&amp;quot;surface&amp;quot;%3A&amp;quot;newsfeed&amp;quot;%7D]%2C&amp;quot;ref_notif_type&amp;quot;%3Anull%7D" class="event btn btn-outline-primary me-1"><i class="fa-duotone fa-check"></i> Participer</button>
                                                <button data-type="maybe" data-event="24062900206640805/?acontext=%7B&amp;quot;event_action_history&amp;quot;%3A[%7B&amp;quot;mechanism&amp;quot;%3A&amp;quot;attachment&amp;quot;%2C&amp;quot;surface&amp;quot;%3A&amp;quot;newsfeed&amp;quot;%7D]%2C&amp;quot;ref_notif_type&amp;quot;%3Anull%7D" 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> Le moulin du Bic</h5>
                                                <p>
                                                    31, avenue St Valérien<br />
                                                    Rimouski (Le Bic) (Québec) G0L 1B0
                                                </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) 736-8497  </div>
                                                                                                                                            </div>
                                                                                    </div>
                                                                                    <h3 class="mb-4">Diffuseur</h3>
                                            <div>
                                                <h5> La Maison de la Culture du Pic Champlain</h5>
                                                                                                <div class="d-flex flex-wrap align-content-center justify-content-center">
                                                                                                                                                        </div>
                                                                                            </div>
                                                                                                                     </div>
                                </div> 
                                                    </div>
                    </div>
                </div>
            </div>
                    </div>
    </div>
</div>

<h2 class="location-title" property="name">Le moulin du Bic</h2>
  
      <div class="location-content"><div class="views-field views-field-title"><span class="field-content">Le moulin du Bic</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.3707352">
    <meta property="longitude" content="-68.7053258">
  </span>
  <span class="geolocation-latlng">48.3707352, -68.7053258</span>
</span>
</div></div></div>
  </div>
    </div>

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

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

<div class="view-header text-white text-center pb-4 pt-4">
            <h2 class="text-start">Vous pourriez également aimer</h2>
        </div>
    
    
            <div class="row">
            <div class="col-12">
                <div class="view-content">
                    <div data-drupal-views-infinite-scroll-content-wrapper class="views-infinite-scroll-content-wrapper clearfix"><div>
    <div class="row">
                    <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                    <div class="event_listing mb-4 mb-md-5" > 
            
        
                            
    <div class="event_photo overflow-hidden ">
        <a class="event_lien" href="/rencontres-de-musiques-spontanees-37"></a>
        <div class="event_date_content ">
                            
                                                <div class="event_date mb-2 text-white d-flex justify-content-between"><div class="d-flex align-items-center"><div><span>25<br />Sep</span></div><div class="ms-1 me-1">au</div><div><span>04<br />oct</span></div></div><div class="event_puce" style="background:#EEA817;"></div> </div>
            
            <div class="event_infos_hover">
                <div class="event_heure text-white"></div>

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

</div>
        <div class="event_hover d-flex flex-column  h-100">
            <div class="mt-auto text-center p-3 p-md-4">
                <div class="mb-2">
                                            <span class="event_tarif">
                                                            15.00 $
                                &nbsp;
                                - 
                                45.00 $
                                                    </span>
                                    </div>
                            </div>
        </div>
    </div>
    <div class="event_content pt-3 pb-3"> 
        <div class="titreEvent">
            <div class="d-flex align-items-start justify-content-between">
                <div style="width:88%;">
                    <h3 class="text-white text-shadow h6 mb-0"><a href="/rencontres-de-musiques-spontanees-37" hreflang="fr">Rencontres de musiques spontanées 37</a> </h3>
                </div>
                <i class="fa-duotone icon-categorie ms-1 fa-1x fa-music text-white"></i>
            </div>
        </div>
        <a href="https://quoivivrerimouski.ca//rencontres-de-musiques-spontanees-37"></a>
    </div>
</div>

</div>
                    <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                    <div class="event_listing mb-4 mb-md-5" > 
            
        
                            
    <div class="event_photo overflow-hidden ">
        <a class="event_lien" href="/la-rentree-culturelle-2025"></a>
        <div class="event_date_content ">
                            
                <div class="event_date mb-2 text-white d-flex justify-content-between"><div>Mercredi <span class="jour">17 Sep</span></div><div class="event_puce" style="background:#EEA817;"></div></div>
                
            <div class="event_infos_hover">
                <div class="event_heure text-white">19:00</div>

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

</div>
        <div class="event_hover d-flex flex-column  h-100">
            <div class="mt-auto text-center p-3 p-md-4">
                <div class="mb-2">
                                            <span class="event_tarif">
                            <span>Gratuit</span>
                        </span>
                                    </div>
                            </div>
        </div>
    </div>
    <div class="event_content pt-3 pb-3"> 
        <div class="titreEvent">
            <div class="d-flex align-items-start justify-content-between">
                <div style="width:88%;">
                    <h3 class="text-white text-shadow h6 mb-0"><a href="/la-rentree-culturelle-2025" hreflang="fr">La Rentrée culturelle 2025</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//la-rentree-culturelle-2025"></a>
    </div>
</div>

</div>
                    <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                    <div class="event_listing mb-4 mb-md-5" > 
            
        
                            
    <div class="event_photo overflow-hidden ">
        <a class="event_lien" href="/portes-ouvertes-les-20-ans-du-paradis"></a>
        <div class="event_date_content ">
                            
                <div class="event_date mb-2 text-white d-flex justify-content-between"><div>Samedi <span class="jour">27 Sep</span></div><div class="event_puce" style="background:#EEA817;"></div></div>
                
            <div class="event_infos_hover">
                <div class="event_heure text-white">13:00</div>

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

</div>
        <div class="event_hover d-flex flex-column  h-100">
            <div class="mt-auto text-center p-3 p-md-4">
                <div class="mb-2">
                                            <span class="event_tarif">
                            <span>Gratuit</span>
                        </span>
                                    </div>
                            </div>
        </div>
    </div>
    <div class="event_content pt-3 pb-3"> 
        <div class="titreEvent">
            <div class="d-flex align-items-start justify-content-between">
                <div style="width:88%;">
                    <h3 class="text-white text-shadow h6 mb-0"><a href="/portes-ouvertes-les-20-ans-du-paradis" hreflang="fr">Portes ouvertes - Les 20 ans du Paradis</a> </h3>
                </div>
                <i class="fa-duotone icon-categorie ms-1 fa-1x fa-music text-white"></i>
            </div>
        </div>
        <a href="https://quoivivrerimouski.ca//portes-ouvertes-les-20-ans-du-paradis"></a>
    </div>
</div>

</div>
                    <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                    <div class="event_listing mb-4 mb-md-5" > 
            
        
                            
    <div class="event_photo overflow-hidden ">
        <a class="event_lien" href="/party-3-ans-des-bains"></a>
        <div class="event_date_content ">
                            
                <div class="event_date mb-2 text-white d-flex justify-content-between"><div>Samedi <span class="jour">13 Sep</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>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">
                                                            29.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="/party-3-ans-des-bains" hreflang="fr">PARTY 3 ans des bains!</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//party-3-ans-des-bains"></a>
    </div>
</div>

</div>
                    <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                    <div class="event_listing mb-4 mb-md-5" > 
            
        
                            
    <div class="event_photo overflow-hidden ">
        <a class="event_lien" href="/supertramp-memories"></a>
        <div class="event_date_content ">
                            
                <div class="event_date mb-2 text-white d-flex justify-content-between"><div>Samedi <span class="jour">20 Sep</span></div><div class="event_puce" style="background:#EEA817;"></div></div>
                
            <div class="event_infos_hover">
                <div class="event_heure text-white">20:00</div>

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

</div>
        <div class="event_hover d-flex flex-column  h-100">
            <div class="mt-auto text-center p-3 p-md-4">
                <div class="mb-2">
                                            <span class="event_tarif">
                                                            36.00 $
                                &nbsp;
                                - 
                                45.00 $
                                                    </span>
                                    </div>
                            </div>
        </div>
    </div>
    <div class="event_content pt-3 pb-3"> 
        <div class="titreEvent">
            <div class="d-flex align-items-start justify-content-between">
                <div style="width:88%;">
                    <h3 class="text-white text-shadow h6 mb-0"><a href="/supertramp-memories" hreflang="fr">Supertramp Memories</a> </h3>
                </div>
                <i class="fa-duotone icon-categorie ms-1 fa-1x fa-music text-white"></i>
            </div>
        </div>
        <a href="https://quoivivrerimouski.ca//supertramp-memories"></a>
    </div>
</div>

</div>
                    <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                    <div class="event_listing mb-4 mb-md-5" > 
            
        
                            
    <div class="event_photo overflow-hidden ">
        <a class="event_lien" href="/jerome-50-0"></a>
        <div class="event_date_content ">
                            
                <div class="event_date mb-2 text-white d-flex justify-content-between"><div>Samedi <span class="jour">20 Sep</span></div><div class="event_puce" style="background:#EEA817;"></div></div>
                
            <div class="event_infos_hover">
                <div class="event_heure text-white">20:00</div>

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

</div>
        <div class="event_hover d-flex flex-column  h-100">
            <div class="mt-auto text-center p-3 p-md-4">
                <div class="mb-2">
                                            <span class="event_tarif">
                                                            35.00 $
                                                    </span>
                                    </div>
                                                                                        <button type="button" data-eventbillet="8153" data-type="reg" class="btn-billeterie btn btn-primary"><i class="fa-duotone me-2 fa-ticket"></i> Acheter un billet</button>
                                                                        </div>
        </div>
    </div>
    <div class="event_content pt-3 pb-3"> 
        <div class="titreEvent">
            <div class="d-flex align-items-start justify-content-between">
                <div style="width:88%;">
                    <h3 class="text-white text-shadow h6 mb-0"><a href="/jerome-50-0" hreflang="fr">Jérôme 50</a> </h3>
                </div>
                <i class="fa-duotone icon-categorie ms-1 fa-1x fa-music text-white"></i>
            </div>
        </div>
        <a href="https://quoivivrerimouski.ca//jerome-50-0"></a>
    </div>
</div>

</div>
            </div>
</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 The Friendly Frogs Freak Show...</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":"𝐄𝐧 𝐬𝐨𝐫𝐭𝐢𝐞 𝐝𝐞 𝐫é𝐬𝐢𝐝𝐞𝐧𝐜𝐞 : 𝐓𝐡𝐞 𝐅𝐫𝐢𝐞𝐧𝐝𝐥𝐲 𝐅𝐫𝐨𝐠𝐬 𝐅𝐫𝐞𝐚𝐤 𝐒𝐡𝐨𝐰

Funk progressif batracien énergétiquement chargé et prêt à vous dégainer dans un tourbillon infini de sonorités colorées soutenue par une section rythmique éclectique qui vous offre frissons dansants et ambiances propice à mettre à nu votre grenouille intérieure! Joignez-vous à la danse!

Écoutez The Friendly Frogs Freak Show ici: linktr.ee/friendlyfrogsfreakshow

Venez prendre un verre dès 19h, le spectacle commence à 19h30!

𝚂𝚙𝚎𝚌𝚝𝚊𝚌𝚕𝚎 𝚎𝚡𝚝é𝚛𝚒𝚎𝚞𝚛 𝚊𝚞 𝙼𝚘𝚞𝚕𝚒𝚗 𝚍𝚞 𝙱𝚒𝚌, 𝚜𝚒𝚜 𝚊𝚞 𝚙𝚒𝚎𝚍 𝚍𝚎 𝚕𝚊 𝚛𝚒𝚟𝚒è𝚛𝚎, 𝚊𝚞 𝟹𝟷 𝙰𝚟𝚎𝚗𝚞𝚎 𝚍𝚎 𝚂𝚊𝚒𝚗𝚝-𝚅𝚊𝚕é𝚛𝚒𝚎𝚗 (𝚘𝚞 à 𝚕𝚊 𝙼𝚊𝚒𝚜𝚘𝚗 𝚍𝚎 𝚕𝚊 𝚌𝚞𝚕𝚝𝚞𝚛𝚎 𝚍𝚞 𝙿𝚒𝚌 𝙲𝚑𝚊𝚖𝚙𝚕𝚊𝚒𝚗 𝚎𝚗 𝚌𝚊𝚜 𝚍𝚎 𝚖é𝚝é𝚘 𝚏𝚘𝚞𝚍𝚛𝚘𝚢𝚊𝚗𝚝𝚎!)

𝙲𝚘𝚗𝚝𝚛𝚒𝚋𝚞𝚝𝚒𝚘𝚗 𝚟𝚘𝚕𝚘𝚗𝚝𝚊𝚒𝚛𝚎, 𝚎𝚗𝚌𝚘𝚛𝚎 𝚎𝚝 𝚝𝚘𝚞𝚓𝚘𝚞𝚛𝚜!

𝚅𝚎𝚗𝚝𝚎 𝚍𝚎 𝚋𝚛𝚎𝚞𝚟𝚊𝚐𝚎 𝚊𝚕𝚌𝚘𝚘𝚕𝚒𝚜é𝚜 𝚘𝚞 𝚙𝚊𝚜 ! 𝙿𝚊𝚒𝚎𝚖𝚎𝚗𝚝 𝚌𝚘𝚖𝚙𝚝𝚊𝚗𝚝 𝚘𝚞 𝚒𝚗𝚝𝚎𝚛𝚛𝚊𝚌.

𝚂𝚝𝚊𝚝𝚒𝚘𝚗𝚗𝚎𝚖𝚎𝚗𝚝𝚜 à 𝚙𝚛𝚘𝚡𝚒𝚖𝚒𝚝é à 𝚌ô𝚝é 𝚍𝚎 𝚕&#039;é𝚐𝚕𝚒𝚜𝚎, 𝚘𝚞 𝚍𝚎 𝚕𝚊 𝚋𝚒𝚋𝚕𝚒𝚘𝚝𝚑è𝚚𝚞𝚎, 𝚘𝚞 𝚓𝚞𝚜𝚝𝚎 𝚊𝚞𝚝𝚘𝚞𝚛!

𝙾𝚗 𝚊 𝚝𝚘𝚞𝚓𝚘𝚞𝚛𝚜 𝚞𝚗 𝚙𝚎𝚝𝚒𝚝 𝚌𝚘𝚒𝚗 𝚎𝚗𝚏𝚊𝚗𝚝𝚜 𝚍𝚞𝚛𝚊𝚗𝚝 𝚕𝚎𝚜 𝚜𝚑𝚘𝚠𝚜, 𝚊𝚟𝚎𝚌 𝚍𝚎𝚜 𝚓𝚘𝚞𝚎𝚝𝚜 𝚎𝚝 𝚍𝚎𝚜 𝚕𝚒𝚟𝚛𝚎𝚜 !

Ç𝚊 𝚗𝚘𝚞𝚜 𝚝𝚒𝚎𝚗𝚝 à 𝚌œ𝚞𝚛 𝚚𝚞𝚎 𝚌𝚎 𝚖𝚘𝚖𝚎𝚗𝚝 𝚕à 𝚜𝚘𝚒𝚝 𝚕𝚎 𝚙𝚕𝚞𝚜 𝚊𝚌𝚌𝚎𝚜𝚜𝚒𝚋𝚕𝚎 𝚙𝚘𝚜𝚜𝚒𝚋𝚕𝚎. 𝙽&#039;𝚑é𝚜𝚒𝚝𝚎𝚣 𝚙𝚊𝚜 à 𝚗𝚘𝚞𝚜 𝚙𝚊𝚛𝚝𝚊𝚐𝚎𝚛 𝚟𝚘𝚜 𝚒𝚍é𝚎𝚜 𝚎𝚝 𝚋𝚎𝚜𝚘𝚒𝚗𝚜 𝚎𝚗 𝚝𝚎𝚛𝚖𝚎𝚜 𝚍&#039;𝚊𝚌𝚌𝚎𝚜𝚜𝚒𝚋𝚒𝚕𝚒𝚝é! ﹍ⲯ﹍ⲯ﹍",
    "url":"https://quoivivrerimouski.ca/friendly-frogs-freak-show-0",
    "duration":"PT1H00M",
    "image":"https://quoivivrerimouski.ca/sites/default/files/styles/fiche_d/public/2025-06/504341040_683989910929134_5150202482188144909_n.jpg",
    "organizer":{
    "@type":"Organization",
    "name":"La Maison de la Culture du Pic Champlain",
    "url":""
    },
          
        "performer":[{
        "@type":"Organization",
        "name":"",
        "url":""
        }],
        "location":[
    {
    "@type":"Place",
    "address":{
    "@type":"PostalAddress",
    "addressLocality":"Rimouski (Le Bic)",
    "addressRegion":"Québec",
    "postalCode":"G0L 1B0",
    "streetAddress":"31, avenue St Valérien",
    "addressCountry":"CA"
    }
    }
        ],
    "offers":[{
    "@type":"Offer",
    "availability":"http://schema.org/InStock",
    "url":"https://quoivivrerimouski.ca/friendly-frogs-freak-show-0",
    "validFrom":"lun 09/06/2025 - 14:30",
    "price":"0.00",
    "priceCurrency":"CAD"
    }
        ],

"mainEntityOfPage":[{
    "@type":"WebPage",
    "inLanguage":"fr",
    "url":"https://quoivivrerimouski.ca/friendly-frogs-freak-show-0",
    "lastReviewed":"2025-07-03 11:37"
    }]

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