Wringer

Html

<!DOCTYPE html>
<html  lang="fr" dir="ltr" prefix="og: https://ogp.me/ns#">
    <head>

gtag('config', 'G-H66LYRVBCR');
        </script>

<title>Empress of Ireland | Exposition permanente | 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 role="navigation" aria-labelledby="block-quoivivrerimouski-main-menu-menu" id="block-quoivivrerimouski-main-menu">
            
  <h2 class="visually-hidden" id="block-quoivivrerimouski-main-menu-menu">Main navigation</h2>

<ul data-block="nav_main" class="navbar-nav justify-content-end flex-wrap nav-level-0">
                    <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 | Inscription</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>

<li class="nav-item dropdown">
          <span class="nav-link dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false" title="Expand menu Organismes">Organismes</span>
                  <ul data-block="nav_main" class="dropdown-menu nav-level-1">
                    <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="https://quoivivrerimouski.ca/user/login" class="dropdown-item">Connexion</a>
      </li>

</ul>
  
      </li>

</ul>

</nav>

</div>

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

<a id="main-content"></a>
          <div class="region region-content">
    <div data-drupal-messages-fallback class="hidden"></div>
<div id="block-quoivivrerimouski-content" class="block block-system block-system-main-block">
  
    
      
<div>
    <div class="banniere-evenement">
        <div class="banniere-evenement-blur"  style="background-image:  url(/sites/default/files/styles/fiche_d/public/2025-07/DSC00453_11zon.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">
                  Empress of Ireland | Exposition Permanente
              </li>
        </ol>
  </nav>
</div>

<div class="categorie text-white d-none">Musée | Galerie</div>
                    <h1 class="text-white"><span class="field field--name-title field--type-string field--label-hidden">Empress of Ireland | Exposition permanente</span>
</h1>

<div class="text-white fw-bold">présenté par <span class="fw-light">Site historique maritime de la Pointe-au-Père </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="Empress of Ireland | Exposition permanente" src="/sites/default/files/styles/fiche_d/public/2025-07/DSC00453_11zon.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="mb-3"><span class="h2">19 Fév 2026</span> au <span class="h2">22 Nov 2026</span></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>L'exposition permanente <strong>" L'Histoire continue!"&nbsp;</strong>vous plonge dans le passé à la découverte du paquebot <em>Empress of Ireland&nbsp;</em></p>

<p>Construit en 1906, ce navire de 168m appartenait à la Canadian Pacific Steamship Company. Durant huit ans, il a acheminé des milliers de voyageurs, travailleurs et immigrés entre Québec et Liverpool, avant de connaître une fin tragique au large de Pointe-au-Père la nuit du 29 mai 1914. Son terrible naufrage, en 14 minutes, demeure à ce jour la plus grande tragédie maritime de l’histoire du Canada. Cinquante ans plus tard, l’épave est localisée et est protégée à titre de bien culturel depuis 1999.</p>

<p>Plus de 300 objets, photos, vidéos, documents d’archives et témoignages écrits des survivants et de leurs descendants, vous feront revivre toute l’histoire et les secrets du transatlantique. Des plongées sur la mystérieuse épave jusqu’à la vie à bord du navire lors de ses traversées, vous voyagerez à rebours dans cette fabuleuse épopée.&nbsp;</p>

<p>Durant votre visite, ne manquez pas d'assister au spectacle "Le dernier voyage" qui retrace les dernières heures du navire!</p>

<p>Le musée <em>Empress of Ireland&nbsp;</em>est un attrait du Site historique maritime de la Pointe-au-Père. Il est ouvert plus de 40 semaines par année. Visiter notre site web pour découvrir nos dates et heures d'ouvertures.</p>
</div>
      
                            
                                                            <a target="_blank" title="Voir le site Web de l'événement" href="https://www.shmp.qc.ca/" 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>

<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> Site historique maritime de la Pointe-au-Père </h5>
                                                <p>
                                                    1000, rue du Phare<br />
                                                    Rimouski (Québec) G5M 1L8
                                                </p>
                                                                                        <div class="d-flex flex-wrap align-content-center justify-content-center">
                                                                                                    <div class="ms-2 me-2 mb-4 d-flex align-items-center"><i class="fa-duotone fa-mobile text-primary me-3"></i> (418) 724-6214  </div>
                                                                                                                                            </div>
                                                                                            <a target="_blank" href="http://www.shmp.qc.ca/" 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 class='bg-light rounded p-4 p-md-5'>
                    <div class="row">
                        <div class="col-12">
                            <h4 class="mb-5 text-primary"><i class="fa-duotone fa-map-marker-alt"></i> Renseignements complémentaires sur l'emplacement</h4>
                        </div>
                                                    <div class="col-12 col-lg-4 mb-4">
                                <h5 class="mb-3"><i class="fa-duotone fa-calendar-days text-primary"></i> Horaire régulier</h5>
                                <p>Jeudi au dimanche de 9h à 16h30</p>

<p><strong>*Horaire de la relâche 2026 :&nbsp;</strong></p>

<p>Mercredi au dimanche de 9h à 16h30</p>

</div>
                                                                            <div class="col-12 col-lg-4 mb-4">
                                <h5 class="mb-3"><i class="fa-duotone fa-calendar-days text-primary"></i> Horaire estival</h5>
                                <ul>
	<li>6 juin au 16 août : Lundi au dimanche de 9h à 18h</li>
	<li>17 août au 12 octobre : Lundi au dimanche de 9h à 17h</li>
</ul>

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

<h2 class="location-title" property="name">Site historique maritime de la Pointe-au-Père </h2>
  
      <div class="location-content"><div class="views-field views-field-title"><span class="field-content">Site historique maritime de la Pointe-au-Père </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.516988">
    <meta property="longitude" content="-68.4699939">
  </span>
  <span class="geolocation-latlng">48.516988, -68.4699939</span>
</span>
</div></div></div>
  </div>
    </div>

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

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

<div class="view-empty">
            <i class="fa-thin fa-face-diagonal-mouth fa-4x text-white"></i>
<div>Aucun résultat</div>
        </div>

</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="martin@shmp.qc.ca" 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 Empress of Ireland | Exposition permanente...</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":"L&#039;exposition permanente &quot; L&#039;Histoire continue!&quot;&amp;nbsp;vous plonge dans le passé à la découverte du paquebot Empress of Ireland&amp;nbsp;

Construit en 1906, ce navire de 168m appartenait à la Canadian Pacific Steamship Company. Durant huit ans, il a acheminé des milliers de voyageurs, travailleurs et immigrés entre Québec et Liverpool, avant de connaître une fin tragique au large de Pointe-au-Père la nuit du 29 mai 1914. Son terrible naufrage, en 14 minutes, demeure à ce jour la plus grande tragédie maritime de l’histoire du Canada. Cinquante ans plus tard, l’épave est localisée et est protégée à titre de bien culturel depuis 1999.

Plus de 300 objets, photos, vidéos, documents d’archives et témoignages écrits des survivants et de leurs descendants, vous feront revivre toute l’histoire et les secrets du transatlantique. Des plongées sur la mystérieuse épave jusqu’à la vie à bord du navire lors de ses traversées, vous voyagerez à rebours dans cette fabuleuse épopée.&amp;nbsp;

Durant votre visite, ne manquez pas d&#039;assister au spectacle &quot;Le dernier voyage&quot; qui retrace les dernières heures du navire!

Le musée Empress of Ireland&amp;nbsp;est un attrait du Site historique maritime de la Pointe-au-Père. Il est ouvert plus de 40 semaines par année. Visiter notre site web pour découvrir nos dates et heures d&#039;ouvertures.",
    "url":"https://quoivivrerimouski.ca/empress-ireland-exposition-permanente",
    "duration":"PT1H00M",
    "image":"https://quoivivrerimouski.ca/sites/default/files/styles/fiche_d/public/2025-07/DSC00453_11zon.jpg",
    "organizer":{
    "@type":"Organization",
    "name":"Site historique maritime de la Pointe-au-Père ",
    "url":"www.shmp.qc.ca"
    },
    "location":[
{
  "@type":"Place",
  "name":"Site historique maritime de la Pointe-au-Père",
    "sameAs":"https://artsdata.ca/resource/K11-302",
    "address":{
    "@type":"PostalAddress",
    "addressLocality":"Rimouski",
    "addressRegion":"Qu\u00E9bec",
    "postalCode":"G5M\u00201L8",
    "streetAddress":"1000,\u0020rue\u0020du\u0020Phare",
    "addressCountry":"CA"
  }
}
],

"offers":[{
    "@type":"Offer",
    "availability":"http://schema.org/InStock",
    "url":"https://quoivivrerimouski.ca/empress-ireland-exposition-permanente",
    "validFrom":"",
    "price":"0.00",
    "priceCurrency":"CAD"
    }
      
        ,{
        "@type":"Offer",
        "availability":"http://schema.org/InStock",
        "url":"https://quoivivrerimouski.ca/empress-ireland-exposition-permanente",
        "validFrom":"",
        "price":"13.00",
        "priceCurrency":"CAD"
        }
        ],

"mainEntityOfPage":[{
    "@type":"WebPage",
    "inLanguage":"fr",
    "url":"https://quoivivrerimouski.ca/empress-ireland-exposition-permanente",
    "lastReviewed":"2026-02-19 14:36"
    }]

}
</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)&nbsp; 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 role="navigation" aria-labelledby="block-evenements-menu" id="block-evenements">
            
  <h2 class="visually-hidden" id="block-evenements-menu">Événements</h2>

<ul data-block="footercol3" 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 role="navigation" aria-labelledby="block-apropos-menu" id="block-apropos">
            
  <h2 class="visually-hidden" id="block-apropos-menu">À propos</h2>

<ul data-block="footercol4" 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 role="navigation" aria-labelledby="block-organisme-menu" id="block-organisme">
            
  <h2 class="visually-hidden" id="block-organisme-menu">Organisme</h2>

<ul data-block="footercol5" class="nav navbar-nav">
                    <li class="nav-item">
        <a href="/soumettre-un-evenement" class="nav-link" data-drupal-link-system-path="node/90">Soumettre un événement</a>
              </li>
                <li class="nav-item">
        <a href="/politique-de-contenu" class="nav-link" data-drupal-link-system-path="node/105">Politique de contenu</a>
              </li>
                <li class="nav-item">
        <a href="https://www.quoivivrerimouski.ca/trousse-media" class="nav-link">Trousse média</a>
              </li>
                <li class="nav-item">
        <a href="/informations-pour-les-organismes-culturels" class="nav-link" data-drupal-link-system-path="node/2852">Informations pour les organismes</a>
              </li>
                <li class="nav-item">
        <a href="https://quoivivrerimouski.ca/user/login" class="nav-link">Connexion</a>
              </li>
        </ul>

</nav>

</div>

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

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

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

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

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

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

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

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

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

</body>
                    </html>

Editing Website