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>PARALŒIL SUR LES MURS : MERS ET MURS | Quoi vivre à Rimouski</title>
        <script src="https://kit.fontawesome.com/b5ff597667.js" crossorigin="anonymous"></script>       
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Urbanist:wght@400;600;700&display=swap" rel="stylesheet">

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

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

</div>

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

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

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

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

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

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

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

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

</ul>
  
      </li>

</ul>

</nav>

</div>

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

<a id="main-content"></a>
          <div class="region region-content">
    <div data-drupal-messages-fallback class="hidden"></div>
<div id="block-quoivivrerimouski-content" class="block block-system block-system-main-block">
  
    
      
<div>
    <div class="banniere-evenement">
        <div class="banniere-evenement-blur"  style="background-image:  url(/sites/default/files/styles/fiche_d/public/2023-10/385321418_805064398288938_6741385879060805389_n.jpg?h=2c12fcac);"></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">
                  PARALŒIL SUR LES MURS : MERS ET MURS
              </li>
        </ol>
  </nav>
</div>

<div class="categorie text-white d-none">Cinéma | Numérique</div>
                    <h1 class="text-white"><span class="field field--name-title field--type-string field--label-hidden">PARALŒIL SUR LES MURS : MERS ET MURS</span>
</h1>

<div class="text-white fw-bold">présenté par <span class="fw-light">Paraloeil</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="PARALŒIL SUR LES MURS : MERS ET MURS" src="/sites/default/files/styles/fiche_d/public/2023-10/385321418_805064398288938_6741385879060805389_n.jpg?h=2c12fcac" />
                </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">Vendredi</div><span class="h2">20</span> octobre 2023 </div>  
                                                            <div class="text-primary fw-bold d-flex justify-content-between align-items-center">19:30 <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">Samedi</div><span class="h2">28</span> octobre 2023 </div>  
                                                            <div class="text-primary fw-bold d-flex justify-content-between align-items-center">19:30 <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>Paralœil sur les murs ce sont des parcours au centre-ville de Rimouski, qui convient le public à un point de départ, et l’invitent à suivre un guide au fil d’un itinéraire à pied, pour une expérience insolite de cinéma urbain.</p>

<p><strong>Mers et murs</strong><br />
Les vagues se fracassent sur le rivage. Les rivières inondent les terres. Les draveurs voltigent d’un arbre à l’autre. La danse des corps touche le cœur des glaces. Le rêve des nageurs oublié dans les profondeurs. </p>

<p>Paralœil vous a concocté un programme de courts métrages à saveur maritime. De petits bijoux qui épouseront les surfaces drabes des murs sans nom de la ville. Pour le plaisir de voir s’illuminer vos yeux, et surtout vos regards.</p>

<p><strong>Lieu</strong> &gt; À l’arrière de l’Institut Maritime du Québec.<br />
<strong>Durée</strong> &gt; Un parcours d’une durée d’environ 2 heures avec des projections entre 10 et 20 minutes pour chaque station.</p>

<p>Apportez vos chaises, couvertes et vêtements chauds.</p>

<p>Cette activité est réalisée avec l’aide de la Ville de Rimouski grâce au soutien financier du ministère de l’Économie, de l’Innovation et de l’Énergie</p>
</div>
      
                            
                                                            <a target="_blank" title="Voir le site Web de l'événement" href="https://cinema.paraloeil.com/programmation/paraloeilsurlesmurs-meretmurs/" 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'>
                                                                            </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> Institut maritime du Québec</h5>
                                                <p>
                                                    53, rue Saint Germain Ouest<br />
                                                    Rimouski (Québec) G5L 4B4
                                                </p>
                                                                                        <div class="d-flex flex-wrap align-content-center justify-content-center">
                                                                                                                                            </div>
                                                                                    </div>
                                                                                    <h3 class="mb-4">Diffuseur</h3>
                                            <div>
                                                <h5> Paraloeil</h5>
                                                                                                    <p>
                                                        <span>274, rue Michaud</span> <br />
                                                        <span>Rimouski</span> 
                                                                                                                    (<span>Québec</span>)  
                                                                                                                <span>G5L 6A2</span>
                                                    </p>
                                                                                                <div class="d-flex flex-wrap align-content-center justify-content-center">
                                                                                                            <div class="ms-2 me-2 mb-4 d-flex align-items-center"><i class="fa-duotone fa-mobile text-primary me-3"></i> 418-725-0211  </div>
                                                                                                                                                                <div class="ms-2 me-2 mb-4 d-flex align-items-center"><i class="fa-duotone fa-envelope text-primary me-3"></i> <a class="text-decoration-none" title='Envoyer un courriel Paraloeil ' href="mailto:info@paraloeil.com">info@paraloeil.com</a> </div>
                                                                                                    </div>
                                                                                                    <a target="_blank" href="https://cinema.paraloeil.com/" class="btn btn-lg btn-outline-primary d-inline-flex align-items-center" title="Visiter leur site Web">Visiter leur site Web <i class="fa-duotone fa-square-arrow-up-right ms-2"></i></a> 
                                                                                                </div>
                                                                                                                     </div>
                                </div> 
                                                    </div>
                    </div>
                </div>
            </div>
                    </div>
    </div>
</div>

<h2 class="location-title" property="name">Institut maritime du Québec</h2>
  
      <div class="location-content"><div class="views-field views-field-title"><span class="field-content">Institut maritime du Québec</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.450269">
    <meta property="longitude" content="-68.5299521">
  </span>
  <span class="geolocation-latlng">48.450269, -68.5299521</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="/crise-dado-0"></a>
        <div class="event_date_content ">
                            
                <div class="event_date mb-2 text-white d-flex justify-content-between"><div>Jeudi <span class="jour">07 Aoû</span></div><div class="event_puce" style="background:#d21f39;"></div></div>
                
            <div class="event_infos_hover">
                <div class="event_heure text-white">19:30</div>

<div class="event_lieu text-white">
                    <span>Bibliothèque de Pointe-au-Père</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="/crise-dado-0" hreflang="fr">Crise d&#039;ado </a> </h3>
                </div>
                <i class="fa-duotone icon-categorie ms-1 fa-1x fa-film text-white"></i>
            </div>
        </div>
        <a href="https://quoivivrerimouski.ca//crise-dado-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="/paraloeil-sur-les-murs"></a>
        <div class="event_date_content ">
                            
                <div class="event_date mb-2 text-white d-flex justify-content-between"><div>Lundi <span class="jour">11 Aoû</span></div><div class="event_puce" style="background:#d21f39;"></div></div>
                
            <div class="event_infos_hover">
                <div class="event_heure text-white">20:00</div>

<div class="event_lieu text-white">
                    <span>Théâtre du Bic</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="/paraloeil-sur-les-murs" hreflang="fr">Paraloeil sur les murs</a> </h3>
                </div>
                <i class="fa-duotone icon-categorie ms-1 fa-1x fa-film text-white"></i>
            </div>
        </div>
        <a href="https://quoivivrerimouski.ca//paraloeil-sur-les-murs"></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="/paraloeil-sur-les-murs"></a>
        <div class="event_date_content ">
                            
                <div class="event_date mb-2 text-white d-flex justify-content-between"><div>Mardi <span class="jour">12 Aoû</span></div><div class="event_puce" style="background:#d21f39;"></div></div>
                
            <div class="event_infos_hover">
                <div class="event_heure text-white">20:00</div>

<div class="event_lieu text-white">
                    <span>Théâtre du Bic</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="/paraloeil-sur-les-murs" hreflang="fr">Paraloeil sur les murs</a> </h3>
                </div>
                <i class="fa-duotone icon-categorie ms-1 fa-1x fa-film text-white"></i>
            </div>
        </div>
        <a href="https://quoivivrerimouski.ca//paraloeil-sur-les-murs"></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-aventures-du-timbre-perdu"></a>
        <div class="event_date_content ">
                            
                <div class="event_date mb-2 text-white d-flex justify-content-between"><div>Jeudi <span class="jour">14 Aoû</span></div><div class="event_puce" style="background:#d21f39;"></div></div>
                
            <div class="event_infos_hover">
                <div class="event_heure text-white">19:30</div>

<div class="event_lieu text-white">
                    <span>Bibliothèque de Pointe-au-Père</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-aventures-du-timbre-perdu" hreflang="fr">Les aventures du timbre perdu</a> </h3>
                </div>
                <i class="fa-duotone icon-categorie ms-1 fa-1x fa-film text-white"></i>
            </div>
        </div>
        <a href="https://quoivivrerimouski.ca//les-aventures-du-timbre-perdu"></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="/vil-et-miserable"></a>
        <div class="event_date_content ">
                            
                <div class="event_date mb-2 text-white d-flex justify-content-between"><div>Jeudi <span class="jour">21 Aoû</span></div><div class="event_puce" style="background:#d21f39;"></div></div>
                
            <div class="event_infos_hover">
                <div class="event_heure text-white">19:30</div>

<div class="event_lieu text-white">
                    <span>Bibliothèque de Pointe-au-Père</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="/vil-et-miserable" hreflang="fr">Vil et misérable </a> </h3>
                </div>
                <i class="fa-duotone icon-categorie ms-1 fa-1x fa-film text-white"></i>
            </div>
        </div>
        <a href="https://quoivivrerimouski.ca//vil-et-miserable"></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="/wapikoni-mobile"></a>
        <div class="event_date_content ">
                            
                <div class="event_date mb-2 text-white d-flex justify-content-between"><div>Vendredi <span class="jour">22 Aoû</span></div><div class="event_puce" style="background:#d21f39;"></div></div>
                
            <div class="event_infos_hover">
                <div class="event_heure text-white">19:45</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="/wapikoni-mobile" hreflang="fr">Wapikoni Mobile</a> </h3>
                </div>
                <i class="fa-duotone icon-categorie ms-1 fa-1x fa-film text-white"></i>
            </div>
        </div>
        <a href="https://quoivivrerimouski.ca//wapikoni-mobile"></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="info@paraloeil.com" aria-describedby="emailHelp">
                    <div class="form-group mb-3 required">
                        <label>Votre adresse courriel</label>
                        <input required name="courriel" type="email" class="form-control" aria-describedby="emailHelp">
                    </div>
                    <div class="form-group mb-3 required">
                        <label>Votre numéro de téléphone</label>
                        <input required name="telephone" type="text" class="form-control" aria-describedby="emailHelp">
                    </div>
                    <div class="form-group mb-3 required">
                        <label>Votre message</label>
                        <textarea required name="message"class="form-control" rows='5'>J'ai un problème avec l'événement PARALŒIL SUR LES MURS : MERS ET MURS...</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":"Paralœil sur les murs ce sont des parcours au centre-ville de Rimouski, qui convient le public à un point de départ, et l’invitent à suivre un guide au fil d’un itinéraire à pied, pour une expérience insolite de cinéma urbain.

Mers et murs
Les vagues se fracassent sur le rivage. Les rivières inondent les terres. Les draveurs voltigent d’un arbre à l’autre. La danse des corps touche le cœur des glaces. Le rêve des nageurs oublié dans les profondeurs.

Paralœil vous a concocté un programme de courts métrages à saveur maritime. De petits bijoux qui épouseront les surfaces drabes des murs sans nom de la ville. Pour le plaisir de voir s’illuminer vos yeux, et surtout vos regards.

Lieu &amp;gt; À l’arrière de l’Institut Maritime du Québec.
Durée &amp;gt; Un parcours d’une durée d’environ 2 heures avec des projections entre 10 et 20 minutes pour chaque station.

Apportez vos chaises, couvertes et vêtements chauds.

Cette activité est réalisée avec l’aide de la Ville de Rimouski grâce au soutien financier du ministère de l’Économie, de l’Innovation et de l’Énergie",
    "url":"https://quoivivrerimouski.ca/paraloeil-sur-les-murs-mers-et-murs",
    "duration":"PT1H00M",
    "image":"https://quoivivrerimouski.ca/sites/default/files/styles/fiche_d/public/2023-10/385321418_805064398288938_6741385879060805389_n.jpg?h=2c12fcac",
    "organizer":{
    "@type":"Organization",
    "name":"Paraloeil",
    "url":"https://cinema.paraloeil.com/"
    },
          
        "performer":[{
        "@type":"Organization",
        "name":"",
        "url":""
        }],
        "location":[
    {
    "@type":"Place",
    "address":{
    "@type":"PostalAddress",
    "addressLocality":"Rimouski",
    "addressRegion":"Québec",
    "postalCode":"G5L 4B4",
    "streetAddress":"53, rue Saint Germain Ouest",
    "addressCountry":"CA"
    }
    }
        ],
    "offers":[{
    "@type":"Offer",
    "availability":"http://schema.org/InStock",
    "url":"https://quoivivrerimouski.ca/paraloeil-sur-les-murs-mers-et-murs",
    "validFrom":"mer 11/10/2023 - 12:56",
    "price":"0.00",
    "priceCurrency":"CAD"
    }
        ],

"mainEntityOfPage":[{
    "@type":"WebPage",
    "inLanguage":"fr",
    "url":"https://quoivivrerimouski.ca/paraloeil-sur-les-murs-mers-et-murs",
    "lastReviewed":"2023-10-17 15:24"
    }]

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