<!DOCTYPE html>
<html lang="fr">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-150306086-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-150306086-1');
</script>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- BOOTSTRAP 4.1
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">-->
<link rel="stylesheet" href="https://trinkhall.museum/assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css">
<link rel="stylesheet" href="https://trinkhall.museum/assets/css/Basic-fancyBox-Gallery.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.2/css/lightbox.min.css">
<link rel="stylesheet" href="https://trinkhall.museum/assets/css/Lightbox-Gallery.css">
<!-- FONT -->
<link href="https://fonts.googleapis.com/css?family=Heebo:300,700&display=swap" rel="stylesheet">
<!-- FONTAWESOME -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<!-- STYLE -->
<link rel="stylesheet" href="https://trinkhall.museum/scss/style.css" />
<link rel="apple-touch-icon" sizes="120x120" href="https://trinkhall.museum/medias/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://trinkhall.museum/medias/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://trinkhall.museum/medias/favicon/favicon-16x16.png">
<link rel="manifest" href="https://trinkhall.museum/medias/favicon/site.webmanifest">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<!-- INFOS -->
<title>TRINKHALL MUSEUM</title>
<meta name="author" content="SCALP SPRL - https://scalp.be">
<link rel='alternate' hreflang='en' href='https://trinkhall.museum/the-trinkhall/the-building' />
<!--Facebook sharing-->
<meta property="og:site_name" content="https://trinkhall.museum" />
<meta property="og:url" content="https://trinkhall.museum/le-trinkhall/le-batiment" />
<meta property="og:title" content="LE BÂTIMENT" />
<meta property="og:description" content="R&eacute;alis&eacute; par le bureau d&rsquo;architecture Beguin-Massart, le b&acirc;timent, recouvert d&rsquo;une r&eacute;sille opaline aux contours doucement arrondis, se d&eacute;pose comme une lanterne au c&oelig;ur de la ville. Il est l&rsquo;aboutissement d&rsquo;une r&eacute;flexion o&ugrave; les architectes ont su rencontrer la po&eacute;tique du lieu, son histoire, sa beaut&eacute;, et toutes les exigences fonctionnelles d&rsquo;un mus&e..." />
<meta property="og:type" content="website" />
<meta property="og:locale" content="fr_FR" />
<meta property="og:locale:alternate" content="en_GB" />
<meta property="og:image:url">
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="992" />
<meta property="og:image:height" content="567" />
<meta property="og:image:alt" content="LE BÂTIMENT" />
<meta property="og:image">
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="1544" />
<meta property="og:image:height" content="1138" />
<meta property="og:image">
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="3008" />
<meta property="og:image:height" content="2008" />
<meta property="og:image">
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="1632" />
<meta property="og:image:height" content="1224" />
<meta property="og:image">
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="2658" />
<meta property="og:image:height" content="1772" />
<meta property="og:image">
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="886" />
<meta property="og:image:height" content="1181" />
<meta property="og:image">
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="2961" />
<meta property="og:image:height" content="1977" />
<meta property="og:image">
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="2990" />
<meta property="og:image:height" content="1996" />
<meta property="og:image">
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="4032" />
<meta property="og:image:height" content="3024" />
<meta property="og:image">
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="3539" />
<meta property="og:image:height" content="2362" />
<meta property="og:image">
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="3539" />
<meta property="og:image:height" content="2362" />
<!-- Twitter card -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="https://trinkhall.museum/le-trinkhall/le-batiment">
<meta name="twitter:title" content="LE BÂTIMENT">
<meta name="twitter:description" content="R&eacute;alis&eacute; par le bureau d&rsquo;architecture Beguin-Massart, le b&acirc;timent, recouvert d&rsquo;une r&eacute;sille opaline aux contours doucement arrondis, se d&eacute;pose comme une lanterne au c&oelig;ur de la ville. Il est l&rsquo;aboutissement d&rsquo;une r&eacute;flexion o&ugrave; les architectes ont su rencontrer la po&eacute;tique du lieu, son histoire, sa beaut&eacute;, et toutes les exigences fonctionnelles d&rsquo;un mus&e...">
<meta name="twitter:image:src" content="https://trinkhall.museum/files/rubs/page_5/20201117-171936.jpg">
<script src='https://www.google.com/recaptcha/api.js?hl=fr'></script>
</head>
<body>
<header >
<section id="navigationContainer" class="bg-primary">
<nav class="navbar fixed-top" role="navigation" id="menu">
<div class="navbar-brand d-flex align-self-center">
<a class="align-self-center" href="https://trinkhall.museum">
<img id="logo" src="https://trinkhall.museum/medias/logo-blanc.svg" title="TRINKHALL MUSEUM">
</a>
</div>
<div class="d-flex align-items-center">
<!--<div class="langue">
<a class="mr-sm-3 active" href="fr" role="button">FR</a>
<a class="mr-sm-3" href="en" role="button">EN</a>
</div>-->
<button id="showMenu" role="button" class="navbar-toggler" type="button">
<span class="line"></span>
<span class="line"></span>
<span class="line"></span>
</button>
</div>
<div class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right" id="menu-content">
<ul class="navbar-nav ml-auto">
<li class="nav-item" ><a class="nav-link" href="https://trinkhall.museum/a-la-une">À LA UNE</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-disabled="true">
Le Trinkhall
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="https://trinkhall.museum/le-trinkhall/le-musee">LE MUSÉE</a>
<a class="dropdown-item" href="https://trinkhall.museum/le-trinkhall/la-collection">La collection</a>
<a class="dropdown-item" href="https://trinkhall.museum/le-trinkhall/le-batiment">LE BÂTIMENT</a>
<a class="dropdown-item" href="https://trinkhall.museum/le-trinkhall/la-bibliotheque">LA BIBLIOTHÈQUE</a>
<a class="dropdown-item" href="https://trinkhall.museum/le-trinkhall/empreintes-tarlatanes">Empreintes & tarlatanes</a>
<a class="dropdown-item" href="https://trinkhall.museum/le-trinkhall/les-impressions-les-encadrements-du-trinkhall">Les impressions & les encadrements du Trinkhall</a>
<a class="dropdown-item" href="https://trinkhall.museum/le-trinkhall/la-librairie">LA LIBRAIRIE</a>
<a class="dropdown-item" href="https://trinkhall.museum/le-trinkhall/la-boutique">LA BOUTIQUE</a>
<a class="dropdown-item" href="https://trinkhall.museum/le-trinkhall/l-equipe">L'ÉQUIPE</a>
<a class="dropdown-item" href="https://trinkhall.museum/le-trinkhall/le-creahm">LE CRÉAHM</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-disabled="true">
LES EXPOSITIONS ET EVENEMENTS
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="https://trinkhall.museum/expositions?encours=encours">EN COURS</a>
<a class="dropdown-item" href="https://trinkhall.museum/expositions?future=future">À VENIR</a>
<a class="dropdown-item" href="https://trinkhall.museum/expositions?archivee=archivee">PASSÉS</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-disabled="true">
Les artistes exposés actuellement
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="https://trinkhall.museum/les-artistes-exposes-actuellement/a-propos-des-artistes">À propos des artistes</a>
<a class="dropdown-item" href="https://trinkhall.museum/les-artistes-exposes-actuellement/christine-cattebeke-ou-la-vie-en-mieux">Christine Cattebeke ou la vie en mieux</a>
<a class="dropdown-item" href="https://trinkhall.museum/les-artistes-exposes-actuellement/francesco-romiti-heretique">Francesco Romiti, hérétique ?</a>
<a class="dropdown-item" href="https://trinkhall.museum/les-artistes-exposes-actuellement/doreen-mc-pherson-malgre-l-effroi">Doreen Mc Pherson - Malgré l'effroi</a>
<a class="dropdown-item" href="https://trinkhall.museum/les-artistes-exposes-actuellement/le-musee-ideal-d-alain-meert">Le musée idéal d'Alain Meert</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-disabled="true">
REFLEXIONS
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="https://trinkhall.museum/reflexions/voir-avec-les-expositions-du-trinkhall-museum">VOIR AVEC : LES EXPOSITIONS DU TRINKHALL MUSEUM</a>
<a class="dropdown-item" href="https://trinkhall.museum/reflexions/essais-et-reflexions">ESSAIS ET RÉFLEXIONS</a>
<a class="dropdown-item" href="https://trinkhall.museum/reflexions/memoires-datelier">MÉMOIRES D’ATELIER</a>
<a class="dropdown-item" href="https://trinkhall.museum/reflexions/la-lettre-du-trinkhall">LA LETTRE DU TRINKHALL</a>
<a class="dropdown-item" href="https://trinkhall.museum/reflexions/le-carnet-des-alentours">LE CARNET DES ALENTOURS</a>
<a class="dropdown-item" href="https://trinkhall.museum/reflexions/videos">VIDÉOS</a>
<a class="dropdown-item" href="https://trinkhall.museum/reflexions/ressources-pedagogiques">RESSOURCES PÉDAGOGIQUES</a>
<a class="dropdown-item" href="https://trinkhall.museum/reflexions/danser-sous-la-pluie">Danser sous la pluie</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-disabled="true">
VOTRE VISITE
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="https://trinkhall.museum/votre-visite/informations-pratiques">INFORMATIONS PRATIQUES</a>
<a class="dropdown-item" href="https://trinkhall.museum/votre-visite/visites-guidees">VISITES GUIDÉES</a>
<a class="dropdown-item" href="https://trinkhall.museum/votre-visite/trinkhall-cafe">TRINKHALL CAFÉ</a>
</div>
</li>
<li class="nav-item" ><a class="nav-link" href="https://trinkhall.museum/agenda">AGENDA</a></li>
<li class="nav-item" ><a class="nav-link" href="https://trinkhall.museum/nos-partenaires-privilegies">NOS PARTENAIRES PRIVILÉGIÉS</a></li>
<li class="nav-item">
<a class="d-inline-flex nav-link active mr-1" href="javascript:void(0)">FR</a>
<a class="d-inline-flex nav-link" rel="alternate" hreflang="en" href="https://trinkhall.museum/en/the-trinkhall/the-building">EN</a>
</li>
<!-- <li class="nav-item">
<a class="nav-link" href="recherche">RECHERCHE</a>
</li>
<li class="nav-item">
<a class="nav-link" href="le-centre-de-documentation">LE CENTRE DE DOCUMENTATION</a>
</li>
<li class="nav-item">
<a class="nav-link" href="le-trinkhall-cafe">LE TRINKHALL CAFé</a>
</li>
-->
</ul>
</div>
</div>
</div>
</div>
</nav>
</section>
</header>
<main role="main">
<section class="container py-5 testfarris">
<article>
</article>
<article class="row my-3 pt-3">
<figure class="col-12 col-md-4 col-lg-3">
<a title="" data-lightbox="photos" href="https://trinkhall.museum/files/rubs/page_5/20201117-171936.jpg">
<img class="img-fluid" src="https://trinkhall.museum/files/rubs/page_5/20201117-171936.jpg">
</a>
<figcaption>
<small>© Muriel Thies - Trinkhall museum</small>
</figcaption>
</figure>
<div class="col-12 col-md-8 col-lg-9">
<h2 class="text-gradient font-weight-bold text-uppercase">LE BÂTIMENT</h2>
<p>Réalisé par le bureau d’architecture Beguin-Massart, le bâtiment, recouvert d’une résille opaline aux contours doucement arrondis, se dépose comme une lanterne au cœur de la ville. Il est l’aboutissement d’une réflexion où les architectes ont su rencontrer la poétique du lieu, son histoire, sa beauté, et toutes les exigences fonctionnelles d’un musée d’aujourd’hui. Avec plus de 600 m2 de surface d’exposition, un espace librairie, un centre de documentation, un espace de rencontre et d’activités pédagogiques et tous les locaux techniques nécessaires à la conservation des oeuvres, le Trinkhall s’inscrit dans une nouvelle dynamique. Son café-restaurant, ouvrant largement sa terrasse sur le parc d’Avroy, reste librement accessible au public et renforce la dimension d’échange et de sociabilité qui caractérise le lieu depuis le XIXe siècle.</p>
</div>
</article>
<div class="row photos test-scalp666">
<figure class="col-6 col-md-3 col-xl-3">
<a class="square" data-lightbox="photos" href="https://trinkhall.museum/files/rubs/page_5/dsc-5906.jpg" style="background: url('https://trinkhall.museum/files/rubs/page_5/dsc-5906.jpg');">
</a>
<figcaption>
<small>© Muriel Thies - Trinkhall museum</small>
</figcaption>
</figure>
<figure class="col-6 col-md-3 col-xl-3">
<a class="square" data-lightbox="photos" href="https://trinkhall.museum/files/rubs/page_5/7-dsc-5949.jpg" style="background: url('https://trinkhall.museum/files/rubs/page_5/7-dsc-5949.jpg');">
</a>
<figcaption>
<small>© Muriel Thies - Trinkhall museum</small>
</figcaption>
</figure>
<figure class="col-6 col-md-3 col-xl-3">
<a class="square" data-lightbox="photos" href="https://trinkhall.museum/files/rubs/page_5/6-dsc-5857.jpg" style="background: url('https://trinkhall.museum/files/rubs/page_5/6-dsc-5857.jpg');">
</a>
<figcaption>
<small>© Muriel Thies - Trinkhall museum</small>
</figcaption>
</figure>
<figure class="col-6 col-md-3 col-xl-3">
<a class="square" data-lightbox="photos" href="https://trinkhall.museum/files/rubs/page_5/2-20201110-093926.jpg" style="background: url('https://trinkhall.museum/files/rubs/page_5/2-20201110-093926.jpg');">
</a>
<figcaption>
<small>© Muriel Thies - Trinkhall museum</small>
</figcaption>
</figure>
<figure class="col-6 col-md-3 col-xl-3">
<a class="square" data-lightbox="photos" href="https://trinkhall.museum/files/rubs/page_5/3-20201021-161235.jpg" style="background: url('https://trinkhall.museum/files/rubs/page_5/3-20201021-161235.jpg');">
</a>
<figcaption>
<small>© Muriel Thies - Trinkhall museum</small>
</figcaption>
</figure>
<figure class="col-6 col-md-3 col-xl-3">
<a class="square" data-lightbox="photos" href="https://trinkhall.museum/files/rubs/page_5/5-dsc-5198-1-.jpg" style="background: url('https://trinkhall.museum/files/rubs/page_5/5-dsc-5198-1-.jpg');">
</a>
<figcaption>
<small>© Muriel Thies - Trinkhall museum</small>
</figcaption>
</figure>
<figure class="col-6 col-md-3 col-xl-3">
<a class="square" data-lightbox="photos" href="https://trinkhall.museum/files/rubs/page_5/4-dsc-5155.jpg" style="background: url('https://trinkhall.museum/files/rubs/page_5/4-dsc-5155.jpg');">
</a>
<figcaption>
<small>© Muriel Thies - Trinkhall museum</small>
</figcaption>
</figure>
<figure class="col-6 col-md-3 col-xl-3">
<a class="square" data-lightbox="photos" href="https://trinkhall.museum/files/rubs/page_5/20221102-115429.jpg" style="background: url('https://trinkhall.museum/files/rubs/page_5/20221102-115429.jpg');">
</a>
<figcaption>
<small>© Muriel Thies</small>
</figcaption>
</figure>
<figure class="col-6 col-md-3 col-xl-3">
<a class="square" data-lightbox="photos" href="https://trinkhall.museum/files/rubs/page_5/20240128-111648-.jpg" style="background: url('https://trinkhall.museum/files/rubs/page_5/20240128-111648-.jpg');">
</a>
<figcaption>
<small>© Muriel Thies</small>
</figcaption>
</figure>
<figure class="col-6 col-md-3 col-xl-3">
<a class="square" data-lightbox="photos" href="https://trinkhall.museum/files/rubs/page_5/dsc-2205.jpg" style="background: url('https://trinkhall.museum/files/rubs/page_5/dsc-2205.jpg');">
</a>
<figcaption>
<small>© Muriel Thies</small>
</figcaption>
</figure>
</div>
</section>
</main>
<!-- Begin Sendinblue Form -->
<!-- START - We recommend to place the below code in head tag of your website html -->
<style>
.input {
width: calc(100% - 3rem)!important;
}
.sib-form {
padding: 0!important;
}
</style>
<link rel="stylesheet" href="https://sibforms.com/forms/end-form/build/sib-styles.css">
<!-- END - We recommend to place the above code in head tag of your website html -->
<!-- Template part: footer -->
<footer id="footer">
<section class="container-fluid py-5 border-top">
<div class="container">
<div class="row">
<div class="col-12 col-md-6 mt-3 mb-5 mb-md-3">
<div class="sib-form" style="text-align: center;">
<div id="sib-form-container" class="sib-form-container">
<div id="error-message" class="sib-form-message-panel" style="font-size:16px; text-align:left; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;max-width:540px;">
<div class="sib-form-message-panel__text sib-form-message-panel__text--center">
<svg viewbox="0 0 512 512" class="sib-icon sib-notification__icon">
<path d="M256 40c118.621 0 216 96.075 216 216 0 119.291-96.61 216-216 216-119.244 0-216-96.562-216-216 0-119.203 96.602-216 216-216m0-32C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm-11.49 120h22.979c6.823 0 12.274 5.682 11.99 12.5l-7 168c-.268 6.428-5.556 11.5-11.99 11.5h-8.979c-6.433 0-11.722-5.073-11.99-11.5l-7-168c-.283-6.818 5.167-12.5 11.99-12.5zM256 340c-15.464 0-28 12.536-28 28s12.536 28 28 28 28-12.536 28-28-12.536-28-28-28z"
/>
</svg>
<span class="sib-form-message-panel__inner-text">
Nous n'avons pas pu confirmer votre inscription.
</span>
</div>
</div>
<div></div>
<div id="success-message" class="sib-form-message-panel" style="font-size:16px; text-align:left; color:#085229; background-color:#e7faf0; border-radius:0px; border-color:#13ce66;max-width:540px;">
<div class="sib-form-message-panel__text sib-form-message-panel__text--center">
<svg viewbox="0 0 512 512" class="sib-icon sib-notification__icon">
<path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 464c-118.664 0-216-96.055-216-216 0-118.663 96.055-216 216-216 118.664 0 216 96.055 216 216 0 118.663-96.055 216-216 216zm141.63-274.961L217.15 376.071c-4.705 4.667-12.303 4.637-16.97-.068l-85.878-86.572c-4.667-4.705-4.637-12.303.068-16.97l8.52-8.451c4.705-4.667 12.303-4.637 16.97.068l68.976 69.533 163.441-162.13c4.705-4.667 12.303-4.637 16.97.068l8.451 8.52c4.668 4.705 4.637 12.303-.068 16.97z"
/>
</svg>
<span class="sib-form-message-panel__inner-text">
Votre inscription est confirmée.
</span>
</div>
</div>
<div></div>
<div id="sib-container" class="sib-container--large sib-container--vertical" style="text-align:center; max-width:100%;padding: 0;">
<form id="sib-form" method="POST" action="https://33b6c1c6.sibforms.com/serve/MUIEAOrT6UefTTbOYEf7W8pHAwN71nVFDgLpQ_wQx0xXUn1igRd6NrdS5tIBVx6yY3AHmq5F2bFztFKt5GsIuI898nugwMwVcDfa3a64a4OckuV8JErEj8qI_PAD-Rnhvajb4j0wd1t-P2sC3zEcXgJc11XFcDIZ26zXniULy4MpCGEEhUWXRfoqIz_ypJFYE0w8rspkNYBPMK0a"
data-type="subscription">
<div>
<h5 class="font-weight-bold" style="margin-bottom: 1rem;">Veuillez saisir votre adresse e-mail
<br class="d-none d-lg-block">pour recevoir notre newsletter !
</h5>
</div>
<div>
<label class="d-none">Adresse e-mail</label>
<input style="border:1px solid #c0ccdc;padding: 0 15px;" class="input" type="text" size="20" id="EMAIL" name="EMAIL" autocomplete="off" placeholder="Adresse e-mail" data-required="true" required />
</div>
<div class="mt-3">
<div style="padding: 8px 0;">
<div class="sib-form-block" style="text-align: left;padding: 0;">
<button class="sib-form-block__button sib-form-block__button-with-loader btn bg-primari text-uppercase" style="font-size:16px; text-align:left; font-weight:700; color:#FFFFFF; background-color:#3E4857; border-radius:0px; border-width:0px;"
form="sib-form" type="submit">
<svg class="icon clickable__icon progress-indicator__icon sib-hide-loader-icon" viewbox="0 0 512 512">
<path d="M460.116 373.846l-20.823-12.022c-5.541-3.199-7.54-10.159-4.663-15.874 30.137-59.886 28.343-131.652-5.386-189.946-33.641-58.394-94.896-95.833-161.827-99.676C261.028 55.961 256 50.751 256 44.352V20.309c0-6.904 5.808-12.337 12.703-11.982 83.556 4.306 160.163 50.864 202.11 123.677 42.063 72.696 44.079 162.316 6.031 236.832-3.14 6.148-10.75 8.461-16.728 5.01z"
/>
</svg>
S'INSCRIRE
</button>
</div>
</div>
<input type="text" name="email_address_check" value="" class="input--hidden">
<input type="hidden" name="locale" value="fr">
</div>
</form>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6 my-3">
<figure class="mb-3">
<img src="https://trinkhall.museum/medias/logo-noir.svg" height="35px">
<figcaption hidden>
Trinkhall Museum
</figcaption>
</figure>
<address>
Parc d’Avroy
4000 Liège – Belgique
</address>
<a class="link link-primary" href="tel:+32 4 222 32 95">+32 4 222 32 95</a><br>
<a class="link link-primary" href="mailto:info@trinkhall.museum">info@trinkhall.museum</a><br>
<a href="https://www.facebook.com/trinkhallmuseum/" target="_blank" class="btn-icone icone-round icone-sm bg-icon icone-primary mt-2" style="line-height: 33px;"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.instagram.com/trinkhallmuseum/" target="_blank" class="btn-icone icone-round icone-sm bg-icon icone-primary mt-2" style="line-height: 33px;"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</section>
<section id="scalp">
<div class="container d-flex">
<p><a href="/fr/politique-de-confidentialite">Politique de confidentialité</a> - © Trinkhall Museum</p>
<p>
<a class="active" href="javascript:void(0)"><strong>FR</strong></a>
<a class="" rel="alternate" hreflang="en" href="https://trinkhall.museum/en/the-trinkhall/the-building">EN</a>
</p>
<p class="ml-auto">Website by <a href="https://scalp.be/" target="_blank" class="text-uppercase bold">SCALP</a></p>
</div>
</section>
</footer>
</body>
<script src="https://trinkhall.museum/assets/js/jquery.min.js"></script>
<script src="https://trinkhall.museum/assets/bootstrap/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.pack.js"></script>
<script src="https://trinkhall.museum/assets/js/Basic-fancyBox-Gallery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.2/js/lightbox.min.js"></script>
<!-- SCRIPT PLUGINS -->
<script src="https://trinkhall.museum/js/plugins/classie.js"></script>
<script src="https://trinkhall.museum/js/plugins/modernizr.custom.js"></script>
<!-- SCRIPT -->
<script src="https://trinkhall.museum/js/global/global.js"></script>
<!-- START - We recommend to place the below code in footer or bottom of your website html -->
<script>
window.REQUIRED_CODE_ERROR_MESSAGE = 'Veuillez choisir un code pays';
window.EMAIL_INVALID_MESSAGE = window.SMS_INVALID_MESSAGE = "Les informations que vous avez fournies ne sont pas valides. Veuillez vérifier le format du champ et réessayer.";
window.REQUIRED_ERROR_MESSAGE = "Vous devez renseigner ce champ. ";
window.GENERIC_INVALID_MESSAGE = "Les informations que vous avez fournies ne sont pas valides. Veuillez vérifier le format du champ et réessayer.";
window.translation = {
common: {
selectedList: '{quantity} liste sélectionnée',
selectedLists: '{quantity} listes sélectionnées'
}
};
var AUTOHIDE = Boolean(0);
</script>
<script src="https://sibforms.com/forms/end-form/build/main.js">
</script>
<!-- END - We recommend to place the above code in footer or bottom of your website html -->
<!-- End Sendinblue Form -->
</html>
</div>
<div id="right-panel-article" class="shadow out">
<div class="close-panel text-right">
<a href="javascript:;" id="close-article-right"><span class="icon-close2"></span></a>
</div>
<div id="content-article-right">
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
var mediaElements = document.querySelectorAll('video, audio'), total = mediaElements.length;
for (var i = 0; i < total; i++) {
new MediaElementPlayer(mediaElements[i], {
pluginPath: 'https://cdn.jsdelivr.net/npm/mediaelement@4.2.7/build/',
shimScriptAccess: 'always',
success: function () {
var target = document.body.querySelectorAll('.player'), targetTotal = target.length;
for (var j = 0; j < targetTotal; j++) {
target[j].style.visibility = 'visible';
}
}
});
}
});
</script>
<script>
// cache les console.log() en production
//console.log('start js')
$(document).ready(function() {
$('[data-fancybox]').fancybox({
protect: true,
keyboard: true,
animationEffect : "zoom",
// Open/close animation type
// Possible values:
// false - disable
// "zoom" - zoom images from/to thumbnail
// "fade"
// "zoom-in-out"
transitionEffect: "tube",
// Possible values:
// false - disable
// "fade'
// "slide'
// "circular'
// "tube'
// "zoom-in-out'
// "rotate'
// Duration in ms for transition animation
transitionDuration: 366,
buttons: [
"zoom",
//"share",
"slideShow",
"fullScreen",
//"download",
"thumbs",
"close"
],
spinnerTpl: '<div class="fancybox-loading"></div>'
});
// cherche iframe dans texte page et ajoute le responsive
// $(".blockTextuel iframe").each(function() {
// var before = '<img alt="responsive Frame" class="iframe-ratio" src="data:image/gif;base64,R0lGODlhEAAJAIAAAP///wAAACH5BAEAAAAALAAAAAAQAAkAAAIKhI+py+0Po5yUFQA7"/>';
// $(this).wrap('<div class="iframe-responsive-wrapper">');
// $(this).before(before);
// });
$('#searchNav').on('click', function(e){
e.preventDefault();
$('#searchFormSection').fadeIn(300);
});
$('#closeSearch').on('click', function(e){
e.preventDefault();
$('#searchFormSection').fadeOut(300);
});
$('#login-out-link').on('mouseover', function(){
var picto = $( this ).find('i');
if(picto.hasClass('fa-user-circle')) {
picto.removeClass('fa-user-circle').addClass('fa-sign-out').addClass('text-danger');
}else{
picto.removeClass('fa-sign-out').removeClass('text-danger').addClass('fa-user-circle');
}
}).on('mouseleave', function(){
var picto = $( this ).find('i');
if(picto.hasClass('fa-user-circle')) {
picto.removeClass('fa-user-circle').addClass('fa-sign-out').addClass('text-danger');
}else{
picto.removeClass('fa-sign-out').removeClass('text-danger').addClass('fa-user-circle');
}
})
});
// links show-right-panel
function calcSize(cible){
var widthR = cible.width();
console.log(widthR);
return widthR;
}
$(document).ready(function(){
$(function(){
var bodyW = $('#site-content');
var cible = $('#right-panel-article');
var cibleContent = $('#content-article-right');
var showArtLink = $('.show-right-panel');
var closeArt = $('#close-article-right');
var widthR = calcSize(cible);
var heigthR = cible.height();
$(window).resize(function(){
widthR = calcSize(cible);
})
showArtLink.on('click', function(e){
e.preventDefault();
var urlToGet = $(this).attr('href');
var leCodeCible = `
<div class='iframe-responsive-wrapper' style="width: ` + widthR + `px!important;height: ` + heigthR + `px!important;">
<img alt='responsive Frame' class='iframe-ratio' src='data:image/gif;base64,R0lGODlhEAAJAIAAAP///wAAACH5BAEAAAAALAAAAAAQAAkAAAIKhI+py+0Po5yUFQA7'/>
<iframe id='framePanel' width='` + heigthR + `' height='` + heigthR + `' src='` + urlToGet + `' frameborder='0'></iframe>
</div>
`;
cible.removeClass('out').addClass('in');
bodyW.removeClass('out').addClass('blurContent').addClass('in');
setTimeout(function(){
cibleContent.html(leCodeCible);
},100)
})
closeArt.on('click', function(e){
e.preventDefault();
cibleContent.empty();
cible.removeClass('in').addClass('out');
bodyW.removeClass('in').removeClass('blurContent').addClass('out');
})
cible.on('click', function(evt) {
evt.preventDefault();
cibleContent.empty();
cible.removeClass('in').addClass('out');
bodyW.removeClass('in').removeClass('blurContent').addClass('out');
})
})
});
</script>
<script>
$(document).ready(function(){
function scrollToElement(ele) {
console.log(ele);
if (ele.length) {
$('html,body').animate({scrollTop: ($(ele).offset().top)}, 750);
}
}
$('.mouse').on('click', function(e){
e.preventDefault();
var cible = $(this).attr('href');
scrollToElement(cible)
})
})
</script>
<script >
$('section.container a').addClass('link').addClass('link-primary');
</script>
<link rel="stylesheet" type="text/css" href="https://trinkhall.museum/css/cookieconsent.min.css" />
<script src="https://trinkhall.museum/js/cookieconsent.min.js"></script>
<script>
window.addEventListener("load", function(){
window.cookieconsent.initialise({
"palette": {
"popup": {
"background": "#1d1d1b",
"text": "#fff"
},
"button": {
"background": "#fff"
}
},
"position": "bottom-left",
"type": "opt-out",
"content": {
"message": "Pour une meilleure expérience de navigation, notre site utilise les cookies",
"dismiss": "J'accepte",
"allow": "Je refuse",
"deny": "J'accepte",
"link": "Lire plus",
"href": "/fr/politique-de-confidentialite",
'class':'bg-primari'
}
})});
</script>
</body>
</html>
