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>Dimanches de création en famille! | 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/2024-04/433599722_269994732830799_7719502822667538371_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">
                  Dimanches de création en famille!
              </li>
        </ol>
  </nav>
</div>

<div class="categorie text-white d-none">Arts visuels | Métiers d&#039;art</div>
                    <h1 class="text-white"><span class="field field--name-title field--type-string field--label-hidden">Dimanches de création en famille!</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="Dimanches de création en famille!" src="/sites/default/files/styles/fiche_d/public/2024-04/433599722_269994732830799_7719502822667538371_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-4 col-md-3">
                                                    <div class="border border-primary border-2 rounded text-start mb-3">
                                                        <div class="dropdown p-2" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                                            <div class="text-dark"><div class="fw-bold">Dimanche</div><span class="h2">05</span> mai 2024 </div>  
                                                            <div class="text-primary fw-bold d-flex justify-content-between align-items-center">10:00 <i class="fa-duotone fa-calendar-circle-plus"></i></div>
                                                        </div>
                                                                                                            </div>
                                                </div>
                                                                                                                                                                                                                                                                                                                    
                                                                                
                                        
                                                                                                                                    <div class="col-4 col-md-3">
                                                    <div class="border border-primary border-2 rounded text-start mb-3">
                                                        <div class="dropdown p-2" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                                            <div class="text-dark"><div class="fw-bold">Dimanche</div><span class="h2">02</span> juin 2024 </div>  
                                                            <div class="text-primary fw-bold d-flex justify-content-between align-items-center">10:00 <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>La ruche d'art du Bic accueille tous les enfants et leurs familles une fois par mois pour venir créer ensemble.<br />
Un projet sera présenté à chaque occasion, mais il y a aussi de l'espace pour ta propre projet. Nous avons beaucoup de matériel artistique à votre disposition, vous pouvez peindre et dessiner, construire un robot avec des matériaux recyclés, tricoter, faire un collage, etc et etc....!<br />
Une contribution est apprécie pour maintenir nos activités, mais n'est pas obligatoire pour y participer.  Aucune inscription n'est nécessaire.</p>
<p>Nous acceptons volontiers vos dons de matériel artistique, de matériel de rangement et de certains jouets.</p>
<p>😊<br />
Bienvenue</p>
</div>
      
                            
                                                            <a target="_blank" title="Voir le site Web de l'événement" href="https://www.culturebic.org/" 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/1122717045753557/" 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="1122717045753557" class="event btn btn-outline-primary me-1"><i class="fa-duotone fa-check"></i> Participer</button>
                                                <button data-type="maybe" data-event="1122717045753557" 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> La Maison de la Culture du Pic Champlain</h5>
                                                <p>
                                                    126 du Mont-Saint-Louis<br />
                                                    Rimouski (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-envelope text-primary me-3"></i> <a class="text-decoration-none" title='Envoyer un courriel La Maison de la Culture du Pic Champlain ' href="mailto:maisonculturebic@gmail.com">maisonculturebic@gmail.com</a> </div>
                                                                                            </div>
                                                                                            <a target="_blank" href="http://www.culturebic.org/" class="btn btn-lg btn-outline-primary d-inline-flex align-items-center" title="Visiter leur site Web">Visiter leur site Web <i class="fa-duotone fa-square-arrow-up-right ms-2"></i></a> 
                                                                                        </div>
                                                                                                                     </div>
                                </div> 
                                                    </div>
                    </div>
                </div>
            </div>
                    </div>
    </div>
</div>

<h2 class="location-title" property="name">La Maison de la Culture du Pic Champlain</h2>
  
      <div class="location-content"><div class="views-field views-field-title"><span class="field-content">La Maison de la Culture du Pic Champlain</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.371551324689">
    <meta property="longitude" content="-68.70464291489">
  </span>
  <span class="geolocation-latlng">48.371551324689, -68.70464291489</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="/nous-sommes-toutes-signaux"></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>19<br />juin</span></div><div class="ms-1 me-1">au</div><div><span>20<br />Aoû</span></div></div><div class="event_puce" style="background:#88B14B;"></div> </div>
            
            <div class="event_infos_hover">
                <div class="event_heure text-white"></div>

<div class="event_lieu text-white">
                    <span>Centre d&#039;artistes Caravansérail</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="/nous-sommes-toutes-signaux" hreflang="fr">Nous sommes tou·te·s signaux</a> </h3>
                </div>
                <i class="fa-duotone icon-categorie ms-1 fa-1x fa-palette text-white"></i>
            </div>
        </div>
        <a href="https://quoivivrerimouski.ca//nous-sommes-toutes-signaux"></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="/parcours-dart-public-0"></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>20<br />juin</span></div><div class="ms-1 me-1">au</div><div><span>29<br />Sep</span></div></div><div class="event_puce" style="background:#88B14B;"></div> </div>
            
            <div class="event_infos_hover">
                <div class="event_heure text-white"></div>

<div class="event_lieu text-white">
                    <span>Ville de Rimouski</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="/parcours-dart-public-0" hreflang="fr">Parcours d&#039;art public</a> </h3>
                </div>
                <i class="fa-duotone icon-categorie ms-1 fa-1x fa-palette text-white"></i>
            </div>
        </div>
        <a href="https://quoivivrerimouski.ca//parcours-dart-public-0"></a>
    </div>
</div>

</div>
                    <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                    <div class="event_listing mb-4 mb-md-5" > 
            
        
                            
    <div class="event_photo overflow-hidden ">
        <a class="event_lien" href="/galerie-dart-vu-en-pointilles"></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>21<br />juin</span></div><div class="ms-1 me-1">au</div><div><span>31<br />déc</span></div></div><div class="event_puce" style="background:#88B14B;"></div> </div>
            
            <div class="event_infos_hover">
                <div class="event_heure text-white"></div>

<div class="event_lieu text-white">
                    <span>Vu en pointillés</span>
                </div>
            </div>
        </div>

</div>
        <div class="event_hover d-flex flex-column  h-100">
            <div class="mt-auto text-center p-3 p-md-4">
                <div class="mb-2">
                                            <span class="event_tarif">
                                                             $
                                                    </span>
                                    </div>
                            </div>
        </div>
    </div>
    <div class="event_content pt-3 pb-3"> 
        <div class="titreEvent">
            <div class="d-flex align-items-start justify-content-between">
                <div style="width:88%;">
                    <h3 class="text-white text-shadow h6 mb-0"><a href="/galerie-dart-vu-en-pointilles" hreflang="fr">Galerie d&#039;art | Vu en pointillés</a> </h3>
                </div>
                <i class="fa-duotone icon-categorie ms-1 fa-1x fa-palette text-white"></i>
            </div>
        </div>
        <a href="https://quoivivrerimouski.ca//galerie-dart-vu-en-pointilles"></a>
    </div>
</div>

</div>
                    <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                    <div class="event_listing mb-4 mb-md-5" > 
            
        
                            
    <div class="event_photo overflow-hidden ">
        <a class="event_lien" href="/exposition-couleurs-de-la-nature"></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>21<br />juin</span></div><div class="ms-1 me-1">au</div><div><span>30<br />juin</span></div></div><div class="event_puce" style="background:#88B14B;"></div> </div>
            
            <div class="event_infos_hover">
                <div class="event_heure text-white"></div>

<div class="event_lieu text-white">
                    <span>Galerie d&#039;art | JC Lemay photo</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="/exposition-couleurs-de-la-nature" hreflang="fr">Exposition | Couleurs de la nature</a> </h3>
                </div>
                <i class="fa-duotone icon-categorie ms-1 fa-1x fa-palette text-white"></i>
            </div>
        </div>
        <a href="https://quoivivrerimouski.ca//exposition-couleurs-de-la-nature"></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="/les-gestes-essentiels-la-zad-de-ce-qui-est-precieux-par-katia-grenier"></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>17<br />Juil</span></div><div class="ms-1 me-1">au</div><div><span>22<br />Aoû</span></div></div><div class="event_puce" style="background:#88B14B;"></div> </div>
            
            <div class="event_infos_hover">
                <div class="event_heure text-white"></div>

<div class="event_lieu text-white">
                    <span>Galerie d&#039;art Léonard-Parent</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="/les-gestes-essentiels-la-zad-de-ce-qui-est-precieux-par-katia-grenier" hreflang="fr">Les gestes essentiels / La ZAD de ce qui est précieux  par Katia Grenier</a> </h3>
                </div>
                <i class="fa-duotone icon-categorie ms-1 fa-1x fa-palette text-white"></i>
            </div>
        </div>
        <a href="https://quoivivrerimouski.ca//les-gestes-essentiels-la-zad-de-ce-qui-est-precieux-par-katia-grenier"></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="/symposium-alizart-2025"></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>16<br />Aoû</span></div><div class="ms-1 me-1">au</div><div><span>17<br />Aoû</span></div></div><div class="event_puce" style="background:#88B14B;"></div> </div>
            
            <div class="event_infos_hover">
                <div class="event_heure text-white"></div>

<div class="event_lieu text-white">
                    <span>Parc Beauséjour</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="/symposium-alizart-2025" hreflang="fr">Symposium Aliz&#039;art 2025</a> </h3>
                </div>
                <i class="fa-duotone icon-categorie ms-1 fa-1x fa-palette text-white"></i>
            </div>
        </div>
        <a href="https://quoivivrerimouski.ca//symposium-alizart-2025"></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 Dimanches de création en famille!...</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":"La ruche d&#039;art du Bic accueille tous les enfants et leurs familles une fois par mois pour venir créer ensemble.
Un projet sera présenté à chaque occasion, mais il y a aussi de l&#039;espace pour ta propre projet. Nous avons beaucoup de matériel artistique à votre disposition, vous pouvez peindre et dessiner, construire un robot avec des matériaux recyclés, tricoter, faire un collage, etc et etc....!
Une contribution est apprécie pour maintenir nos activités, mais n&#039;est pas obligatoire pour y participer.  Aucune inscription n&#039;est nécessaire.
Nous acceptons volontiers vos dons de matériel artistique, de matériel de rangement et de certains jouets.
😊
Bienvenue",
    "url":"https://quoivivrerimouski.ca/dimanches-de-creation-en-famille-1",
    "duration":"PT1H00M",
    "image":"https://quoivivrerimouski.ca/sites/default/files/styles/fiche_d/public/2024-04/433599722_269994732830799_7719502822667538371_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",
    "addressRegion":"Québec",
    "postalCode":"G0L 1B0",
    "streetAddress":"126 du Mont-Saint-Louis",
    "addressCountry":"CA"
    }
    }
        ],
    "offers":[{
    "@type":"Offer",
    "availability":"http://schema.org/InStock",
    "url":"https://quoivivrerimouski.ca/dimanches-de-creation-en-famille-1",
    "validFrom":"mer 10/04/2024 - 12:27",
    "price":"",
    "priceCurrency":"CAD"
    }
        ],

"mainEntityOfPage":[{
    "@type":"WebPage",
    "inLanguage":"fr",
    "url":"https://quoivivrerimouski.ca/dimanches-de-creation-en-famille-1",
    "lastReviewed":"2024-04-10 13:12"
    }]

}
</script>
  </div>

</div>

<div class="container-fluid pt-5 pb-5 mb-5">
    <div class="row">
        <div class="col-12 col-xl-10 offset-xl-1">
            <div class="row">
                <div class="col-12 col-lg-4 col-md-4 mb-4">
                    <div class="BLOC-INFO suggeventfront d-flex align-items-end p-4 position-relative rounded">
                        <a href="/soumettre-un-evenement" class='z-index-1'></a>
                                                                                      <div class="region region-suggevent">
    <div id="block-suggererunevenement" class="block block-block-content block-block-content824766a8-b663-4af5-baf2-2bb13216a3f6">
  
    
      
            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><h3>Suggérer un événement</h3>

<p>Afficher un événement sur Quoivivrerimouski.com, c’est rapide et gratuit! Un délai de 5 jours ouvrables peut être nécessaire avant la mise en ligne de votre événement.</p>
</div>
      
  </div>

</div>

</div>
                </div>
                <div class="col-12 col-lg-4 col-md-4 mb-4">
                    <div class="BLOC-INFO tourismefront d-flex align-items-end p-4 position-relative rounded">
                        <a href="http://tourismerimouski.com/" class='z-index-1' target="_blank"></a>
                                                                                      <div class="region region-tourisme">
    <div id="block-restaurantsethebergement" class="block block-block-content block-block-contentda6c7f72-64b4-4e22-a5e8-0f6a601a6954">
  
    
      
            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><h3>Tourisme</h3>

<p>Pour bonifier l’expérience de votre séjour culturel à Rimouski, trouver de l’information sur les restaurants, l'hébergement, les activités de plein air et bien plus, sur le site Web de Tourisme Rimouski.</p>
</div>
      
  </div>

</div>

</div>
                </div>
                <div class="col-12 col-lg-4 col-md-4 mb-4">
                    <div class="BLOC-INFO villefront d-flex align-items-end p-4 position-relative rounded">
                        <a href="http://ville.rimouski.qc.ca/" class='z-index-1' target="_blank"></a>
                                                                                      <div class="region region-rimouski">
    <div id="block-villederimouski" class="block block-block-content block-block-content3ce4e6dc-08f3-4c5e-b977-187cf3fc6c2c">
  
    
      
            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><h3>Ville de Rimouski</h3>

<p>Pour découvrir une panoplie d’information sur la Ville de Rimouski, consultez le site Web.</p>
</div>
      
  </div>

</div>

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

<footer class="footer hidden-print" role="contentinfo">
            <div class="container-fluid">
                <div class="col-lg-12">
                    <div class="row text-center text-lg-start">
                        <div class="col-12 col-lg-3 mb-4">
                              <div class="region region-footercol2">
    <div id="block-telephoneetadresse" class="block block-block-content block-block-content3ad6799c-ec27-4c87-9e0f-01aa18426589">
  
    
      
            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><h2><strong>Ville de Rimouski</strong></h2>

<p><br />
<strong>Service des loisirs, de la culture<br />
et de la vie communautaire</strong></p>

<p style="margin-bottom:.0001pt">186, avenue de la Cathédrale C.P. 710</p>

<p style="margin-bottom:.0001pt">Rimouski (Québec)  G5L 7C7</p>

<p><a class="courriel" href="mailto:quoivivre.rimouski@ville.rimouski.qc.ca">quoivivre.rimouski@rimouski.ca</a></p>
</div>
      
  </div>

</div>

</div>
                        <div class="col-12 col-lg-2 mb-4">
                            <h3 class="h6 fw-bold">Événement</h3>
                              <div class="region region-footercol3">
    <nav aria-labelledby="block-evenements-menu" id="block-evenements" class="block block-menu navigation menu--evenements">
            
  <h5 class="visually-hidden" id="block-evenements-menu">Événements</h5>

<ul class="nav navbar-nav">
            <li class="nav-item">
      <a href="/" class="nav-link" data-drupal-link-system-path="&lt;front&gt;">Calendrier culturel</a>
          </li>
          <li class="nav-item">
      <a href="/billetterie" class="nav-link" data-drupal-link-system-path="node/2548">Billetterie/Inscriptions</a>
          </li>
          <li class="nav-item">
      <a href="/evenements-en-ligne" class="nav-link" data-drupal-link-system-path="node/3325">Événements en ligne  </a>
          </li>
  </ul>

</nav>

</div>

</div>
                        <div class="col-12 col-lg-2 mb-4">
                            <h3 class="h6 fw-bold">À propos </h3>
                              <div class="region region-footercol4">
    <nav aria-labelledby="block-apropos-menu" id="block-apropos" class="block block-menu navigation menu--a-propos">
            
  <h5 class="visually-hidden" id="block-apropos-menu">À propos</h5>

<ul class="nav navbar-nav">
            <li class="nav-item">
      <a href="/quoi-vivre-rimouski" class="nav-link" data-drupal-link-system-path="node/88">À propos</a>
          </li>
          <li class="nav-item">
      <a href="/conditions-dutilisation" class="nav-link" data-drupal-link-system-path="node/106">Conditions d&#039;utilisation</a>
          </li>
          <li class="nav-item">
      <a href="/netiquette" class="nav-link" data-drupal-link-system-path="node/164">Nétiquette</a>
          </li>
          <li class="nav-item">
      <a href="/politique-dachat" class="nav-link" data-drupal-link-system-path="node/2550">Politique d&#039;achat</a>
          </li>
          <li class="nav-item">
      <a href="/faq" class="nav-link" data-drupal-link-system-path="node/3338">Foire aux questions</a>
          </li>
          <li class="nav-item">
      <a href="/nous-joindre" class="nav-link" data-drupal-link-system-path="node/3339">Nous joindre</a>
          </li>
  </ul>

</nav>

</div>

</div>
                        <div class="col-12 col-lg-2 mb-4">
                            <h3 class="h6 fw-bold">Organisme </h3>
                              <div class="region region-footercol5">
    <nav aria-labelledby="block-organisme-menu" id="block-organisme" class="block block-menu navigation menu--organisme">
            
  <h5 class="visually-hidden" id="block-organisme-menu">Organisme</h5>

<ul class="nav navbar-nav">
            <li class="nav-item">
      <a href="/soumettre-un-evenement" class="nav-link" data-drupal-link-system-path="node/90">Soumettre un événement</a>
          </li>
          <li class="nav-item">
      <a href="/politique-de-contenu" class="nav-link" data-drupal-link-system-path="node/105">Politique de contenu</a>
          </li>
          <li class="nav-item">
      <a href="/guide_d_utilisation_organismes.pdf" class="nav-link">Informations pour les organismes</a>
          </li>
          <li class="nav-item">
      <a href="https://quoivivrerimouski.ca/user/login" class="nav-link">Connexion</a>
          </li>
  </ul>

</nav>

</div>

</div>
                        <div class="col-12 col-lg-1 text-center mb-4">
                            <div><a href="https://www.facebook.com/QuoivivreRimouski/" target="_blank" class="sociaux-top d-block mb-4 text-dark"><i class="fab fa-facebook-f fa-2x" aria-hidden="true"></i></a></div>
                            <div><a href="https://twitter.com/quoivivre" target="_blank" class="sociaux-top d-block mb-4 text-dark"><i class="fab fa-twitter fa-2x" aria-hidden="true"></i></a></div>
                            <div><a href="https://www.instagram.com/quoivivrerimouski/" target="_blank" class="sociaux-top d-block mb-4 text-dark"><i class="fab fa-instagram fa-2x" aria-hidden="true"></i></a></div>
                        </div>
                        <div class="col-12 col-lg-2 text-center mb-4">
                            <div class="mb-4">
                                
                                <img alt="Entente de développement culturel" src="/themes/custom/quoivivrerimouski/css/img/logo_edcr.png" />
                            </div>
                        </div>
                    </div>
                    <div class="row copyright pt-5 pb-5">
                        <div class="col-12 text-center">
                            <p><small>© Tous droits réservés, Ville de Rimouski</small></p>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
    
  </div>

<div id="billeterie-modal" class="modal fade modal-billeterie" tabindex="-1" role="dialog">
                        <div class="modal-dialog modal-xl modal-dialog-centered" role="document">
                            <div class="modal-content position-relative">
                                <div class="modal-body p-0">
                                    <p style="padding:20px;text-align:center;">Chargement...</p>
                                </div>
                            </div>
                        </div>
                    </div>

<div id="paypal-modal" class="modal fade modal-billeterie" tabindex="-1" role="dialog">
                        <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
                            <div class="modal-content position-relative">
                                <div class="modal-body p-5">
                                    <p style="padding:20px;text-align:center;">Chargement...</p>
                                </div>
                            </div>
                        </div>
                    </div>

<div id="annulation-modal" class="modal fade modal-billeterie" tabindex="-1" role="dialog">
                        <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
                            <div class="modal-content position-relative">
                                <div class="modal-body p-5">
                                    <p style="padding:20px;text-align:center;">Chargement...</p>
                                </div>
                            </div>
                        </div>
                    </div>

<div id="code-modal" class="modal fade modal-billeterie" tabindex="-1" role="dialog">
                        <div class="modal-dialog modal-dialog-centered" role="document">
                            <div class="modal-content position-relative">
                                <div class="modal-body p-0">
                                    <p style="padding:20px;text-align:center;">Chargement...</p>
                                </div>
                            </div>
                        </div>
                    </div>

<div id="spectacle-modal" class="modal fade modal-billeterie" tabindex="-1" role="dialog">
                        <div class="modal-dialog modal-xl modal-dialog-centered" role="document">
                            <div class="modal-content position-relative w-100">
                                <div class="modal-body w-100 p-0">
                                    <p style="padding:20px;text-align:center;">Chargement...</p>
                                </div>
                            </div>
                        </div>
                    </div>

<div class="modal-body p-0">
                                    <p style="padding:20px;text-align:center;">Chargement...</p>
                                </div>
                            </div>
                        </div>
                    </div>

<div id="sondage-modal" class="modal fade modal-billeterie" tabindex="-1" role="dialog">
                        <div class="modal-dialog modal-dialog-centered" role="document">
                            <div class="modal-content position-relative">
                                <div class="modal-body p-0">
                                    <p style="padding:20px;text-align:center;">Chargement...</p>
                                </div>
                            </div>
                        </div>
                    </div>

(function (d, s, id) {
                var js, fjs = d.getElementsByTagName(s)[0];
                if (d.getElementById(id)) {
                    return;
                }
                js = d.createElement(s);
                js.id = id;
                js.src = "https://connect.facebook.net/en_US/sdk.js";
                fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));
                    </script>

</body>
                    </html>

Editing Website