<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1">
<meta http-equiv="Permissions-Policy" content="interest-cohort=()">
<link rel="icon" type="image/x-icon" href="/build/images/favicon/favicon.a087de3b.ico">
<link rel="apple-touch-icon" href="/build/images/favicon/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="57x57" href="/build/images/favicon/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="/build/images/favicon/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/build/images/favicon/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/build/images/favicon/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/build/images/favicon/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/build/images/favicon/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/build/images/favicon/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/build/images/favicon/apple-touch-icon-180x180.png">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.8/js/select2.min.js" defer></script>
<script src=" https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.1/masonry.pkgd.min.js"></script>
<script src="//www.youtube.com/player_api"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<title>La Maison des Métallos | Établissement culturel de la Ville de Paris | Spectacles, événements, création</title>
<meta name="description" content="Une Maison ouverte, fédératrice et populaire proposant une programmation artistique pluridisciplinaire audacieuse et populaire, explorant les enjeux sociétaux contemporains." />
<meta name="author" content="La Maison des Métallos | Établissement culturel de la Ville de Paris | Spectacles, événements, création">
<meta name="keywords" content="établissement culturel, Ville de Paris, spectacle, spectacle vivant, danse, théâtre, musique, création artistique, centre culturel, arts vivants, Alice Vivier">
<meta name="google-site-verification" content="34OWEM32gy2p1Q_hpsL9hyFm9i_yo1xLPF93xcAn6Aw"/>
<!-- Facebook Meta Tags -->
<meta property="og:title" content="La Maison des Métallos | Établissement culturel de la Ville de Paris | Spectacles, événements, création" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.maisondesmetallos.paris/" />
<meta property="og:site_name" content="La Maison des Métallos | Établissement culturel de la Ville de Paris | Spectacles, événements, création"/>
<meta property="og:description" content="Une Maison ouverte, fédératrice et populaire proposant une programmation artistique pluridisciplinaire audacieuse et populaire, explorant les enjeux sociétaux contemporains." />
<link rel="stylesheet" href="/build/app.9d1d8b86.css">
<style>/* Gestion responsive des colonnes */
@media (max-width: 767px){
.column-container{
flex-direction: column;
}
.column-container div{
width:100%!important;
}
}
.fiche-text .blockFiche__raw table tbody tr td{padding-right:5px;}
.section-home h2 {
opacity: 0;
transform: translateX(50px);
transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.section-home h2.visible {
opacity: 1;
transform: translateX(0);
}
/* État normal + animation prête */
.mySwiperTimeline .swiper-slide .number{
color:#fff;
transition: color 1s ease;
}
/* Jaune pendant le clic (mousedown/touch) */
.mySwiperTimeline .swiper-slide:active .number{
color:#fff200; /* jaune */
}
/* Jaune quand le slide est sélectionné par ton JS/Swiper */
.mySwiperTimeline .swiper-slide.is-selected .number,
.mySwiperTimeline .swiper-slide.swiper-slide-active .number{
color:#fff200;
}
/* Si quelque chose réécrit la couleur, dé-commente la ligne suivante */
// .mySwiperTimeline .swiper-slide.is-selected .number{ color:#fff200 !important; }
@media (max-width: 1024px) {
.blockFiche__title {
font-size: 3.0rem;
}
h2 {
color: #100842;
font-family: modaleAntiqueBold;
font-size: 2.875rem;
line-height: 50px;
}
.fiche-text .blockFiche__raw h3 {
color: #100842;
font-family: modaleAntiqueBold;
font-size: 2.0rem;
line-height: 40px;
padding-bottom: 10px;
}
}
</style>
</head>
<body data-controller="ajax" >
<div class="o-menuContainer">
<div class="o-menuContainer__section" >
<ul class="o-menuContainer__section__list">
<li class="o-menuContainer__section__list__item" >
<a class="o-menuContainer__section__list__item__link" style="cursor:pointer">La Maison des Métallos
<div class="o-menuContainer__section__list__item__submenu" >
<ul class="o-menuContainer__section__list__item__submenu__list">
<li class="o-menuContainer__section__list__item__submenu__list__item">
<a href="/la-maison-des-metallos/projet"
class="o-menuContainer__section__list__item__submenu__list__item__link">édito</a>
</li>
<li class="o-menuContainer__section__list__item__submenu__list__item">
<a href="/la-maison-des-metallos/informations-pratiques"
class="o-menuContainer__section__list__item__submenu__list__item__link">informations pratiques</a>
</li>
<li class="o-menuContainer__section__list__item__submenu__list__item">
<a href="/la-maison-des-metallos/equipe-contact"
class="o-menuContainer__section__list__item__submenu__list__item__link">l'équipe</a>
</li>
<li class="o-menuContainer__section__list__item__submenu__list__item">
<a href="/la-maison-des-metallos/histoire"
class="o-menuContainer__section__list__item__submenu__list__item__link">histoire</a>
</li>
<li class="o-menuContainer__section__list__item__submenu__list__item">
<a href="/la-maison-des-metallos/artistes-iels-sont-passe-es-aux-metallos"
class="o-menuContainer__section__list__item__submenu__list__item__link">Iels sont passé·es à la Maison</a>
</li>
<li class="o-menuContainer__section__list__item__submenu__list__item">
<a href="/la-maison-des-metallos/partenaires-211c9aff"
class="o-menuContainer__section__list__item__submenu__list__item__link">Nos partenaires</a>
</li>
</ul>
</div>
</a>
</li>
<li class="o-menuContainer__section__list__item">
<a href="le-programme" class="o-menuContainer__section__list__item__link" style="cursor:pointer">Le programme</a>
</li>
<li class="o-menuContainer__section__list__item">
<a href="vous-et-nous-projets" class="o-menuContainer__section__list__item__link" style="cursor:pointer">Vous et nous</a>
</li>
<li class="o-menuContainer__section__list__item" >
<a class="o-menuContainer__section__list__item__link" style="cursor:pointer">Vous êtes...
<div class="o-menuContainer__section__list__item__submenu" >
<ul class="o-menuContainer__section__list__item__submenu__list">
<li class="o-menuContainer__section__list__item__submenu__list__item">
<a href="/vous-etes/usagers"
class="o-menuContainer__section__list__item__submenu__list__item__link">un·e visiteur·euse / usager·ère</a>
</li>
<li class="o-menuContainer__section__list__item__submenu__list__item">
<a href="/vous-etes/artistes"
class="o-menuContainer__section__list__item__submenu__list__item__link">un·e artiste</a>
</li>
<li class="o-menuContainer__section__list__item__submenu__list__item">
<a href="/vous-etes/journaliste"
class="o-menuContainer__section__list__item__submenu__list__item__link">journaliste</a>
</li>
<li class="o-menuContainer__section__list__item__submenu__list__item">
<a href="/vous-etes/privatisation-espaces"
class="o-menuContainer__section__list__item__submenu__list__item__link">une entreprise</a>
</li>
</ul>
</div>
</a>
</li>
<li class="o-menuContainer__section__list__item">
<a href="blog" class="o-menuContainer__section__list__item__link" style="cursor:pointer">On vous raconte</a>
</li>
</ul>
<div class="opened-menu-bottom">
<div class="socials_menu">
<li>
<a href="https://www.facebook.com/maisondesmetallos/" class="o-facebook socialItem" target="_blank" alt="lien vers facebook">
<img src="/build/images/fb_black.b221b914.svg" alt="logo facebook">
</a>
</li>
<li>
<a href="https://www.instagram.com/maisondesmetallos/" class="o-instagram" target="_blank" alt="lien vers instagram">
<img src="/build/images/ig_black.13625d0b.svg" alt="logo instagram">
</a>
</li>
<li>
<a href="https://youtube.com/@maisondesmetallos75011?si=f-Br7BqHIK-iCCRo" class="o-youtube" target="_blank" alt="lien vers youtube">
<img src="/build/images/yt.0665b2d6.svg" alt="logo youtube">
</a>
</li>
<li>
<a href="https://www.tiktok.com/@maisondesmetallos?lang=fr" class="o-youtube" target="_blank" alt="lien vers tiktok">
<img src="/build/images/mm_25/tiktok.5ed3ad80.svg" alt="logo tiktok">
</a>
</li>
</div>
<div class="o-header__content__navigation__top">
<a href="https://maisondesmetallos-billetterie.mapado.com/" >Billetterie</a>
<a href="/newsletter" >Newsletter</a>
<a href="/acces" >Infos pratiques</a>
</div>
</div>
</div>
</div>
<div class="o-barSearch">
<div class="o-barSearch__section">
<form action="/recherche" method="GET">
<input name="term" type="text" placeholder="Votre recherche...">
<button type="submit"><img src="/build/images/mm_25/loupe.80516eff.svg" ></button>
</form>
</div>
</div>
<header >
<div class="o-header">
<div class="o-header__content" >
<div class="o-header__content__title" >
<a href="/" >
<img src="/build/images/mm_25/logo25.9515e483.svg" alt="logo maison des metallos">
</a>
</div>
<nav class="o-header__content__navigation">
<div class="o-header__content__navigation__bottom">
<div class="o-header__content__navigation__search header-button">
<svg width="27" height="28" viewbox="0 0 27 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0571 4.2585C7.57252 4.2585 3.93707 7.89395 3.93707 12.3785C3.93707 16.8631 7.57252 20.4985 12.0571 20.4985C16.5416 20.4985 20.1771 16.8631 20.1771 12.3785C20.1771 7.89395 16.5416 4.2585 12.0571 4.2585ZM-0.00292969 12.3785C-0.00292969 5.71795 5.39651 0.318501 12.0571 0.318501C18.7176 0.318501 24.1171 5.71794 24.1171 12.3785C24.1171 19.0391 18.7176 24.4385 12.0571 24.4385C5.39651 24.4385 -0.00292969 19.0391 -0.00292969 12.3785Z" fill="#100842"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.2141 27.6815L17.6141 21.0815L20.4001 18.2955L27.0001 24.8955L24.2141 27.6815Z" fill="#100842"/>
</svg>
</div>
<div class="o-barSearch__close header-button">
<svg width="26" height="26" viewbox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.68994 1.51129L24.3099 24.1313" stroke="#100842" stroke-width="3.94" stroke-miterlimit="10"/>
<path d="M24.3099 1.51129L1.68994 24.1313" stroke="#100842" stroke-width="3.94" stroke-miterlimit="10"/>
</svg>
</div>
<div class="o-header__content__navigation__link header-button">
<a href="https://maisondesmetallos-billetterie.mapado.com/" class="o-blackLinks" alt="lien vers billeterie" target="_blank">
<svg width="38" height="28" viewbox="0 0 38 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M35.9609 11.1769L37.5812 10.9947V0.656738H0.407593V10.998L2.02787 11.1803C3.61833 11.3592 4.8178 12.6879 4.8178 14.275C4.8178 15.8622 3.61833 17.1909 2.02787 17.3698L0.407593 17.552V27.3433H37.5812V17.552L35.9609 17.3698C34.3705 17.1909 33.171 15.8622 33.171 14.275C33.171 12.6879 34.3705 11.3592 35.9609 11.1803V11.1769ZM33.9364 7.9397C31.3353 8.90723 29.5262 11.3956 29.5262 14.2717C29.5262 17.1478 31.3353 19.6395 33.9364 20.6037V23.6919H15.2287V18.6587H13.9033V23.6919H4.05239V20.6037C6.65345 19.6395 8.46259 17.1478 8.46259 14.2717C8.46259 11.3956 6.65345 8.90392 4.05239 7.9397V4.29822H13.8933L13.9066 9.29159H15.232L15.2187 4.29822H33.9397V7.9397H33.9364Z" fill="#100842"/>
<path d="M15.2158 10.8929L13.8904 10.8964L13.9065 17.0527L15.2319 17.0493L15.2158 10.8929Z" fill="#100842"/>
</svg>
</a>
</div>
<div class="o-header__content__navigation___link header-button">
<a href="/le-programme" class="o-blackLinks">
<svg width="32" height="30.750" viewbox="0 0 32 30" fill="none" xmlns="http://www.w3.org/2000/svg" style="margin-top: -3px;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.88931 3.49242L6.88567 0.00390278L11.0086 0L11.0123 3.49242H21.0021V0.00195139H25.125V3.49242H32.0001V30H0.00012207V16.7462V3.49242H6.88931ZM6.8934 7.42168H4.12308V26.0707H27.8772V7.42168H25.125V10.0844H21.0021V7.42168H11.0164L11.0191 10.0426L6.89614 10.0465L6.8934 7.42168ZM25.0936 16.7063H17.0466V12.7771H25.0936V16.7063ZM14.8936 16.7063L6.87789 16.7163L6.87251 12.787L14.8882 12.7771L14.8936 16.7063ZM25.0936 22.6601H17.0466V18.7308H25.0936V22.6601ZM14.8936 22.66L6.87789 22.67L6.87251 18.7408L14.8882 18.7308L14.8936 22.66Z" fill="#100842"/>
</svg>
</a>
</div>
<div class="o-header__content__navigation__menu header-button" style="margin-right: 0">
<svg width="32" height="27.516" viewbox="0 0 32 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M32 4H0V0H32V4Z" fill="#100842"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M32 12H0V8H32V12Z" fill="#100842"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M32 20H0V16H32V20Z" fill="#100842"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M32 28H0V24H32V28Z" fill="#100842"/>
</svg>
</div>
<div class="o-menuContainer__closeContainer__button header-button">
<svg width="26" height="26" viewbox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.68994 1.51129L24.3099 24.1313" stroke="#100842" stroke-width="3.94" stroke-miterlimit="10"/>
<path d="M24.3099 1.51129L1.68994 24.1313" stroke="#100842" stroke-width="3.94" stroke-miterlimit="10"/>
</svg>
</div>
</div>
</nav>
</div>
</div>
</header>
<div class="filter-blur">
<main>
<section class="page home">
<div class="accueil-image">
<img class="accueil-image__img" src="https://cdn.artishoc.coop/eee2cd77-5d7c-41ce-9b95-956a72255222/v1/medias/eyJfcmFpbHMiOnsibWVzc2FnZSI6Ik16QXhOamd4IiwiZXhwIjpudWxsLCJwdXIiOiJtZWRpYS9tZWRpYV9pZCJ9fQ==--0de6c1251db834fec6778022b54b1ef4ac400086470eac8eeccca4832504b6d0/e70d87998713/maison-des-metallos-1.jpg" alt="main-image">
<div class="accueil-image__title">
<img class="accueil-image__img" src="/build/images/mm_25/accueil-home-title.00755c20.svg" alt="main-image">
</div>
<img class="arrow-bottom" src="/build/images/mm_25/arrow-home.5a0a4dba.svg">
</div>
<section class="home_programme section-home">
<div class="yellow-border" style="margin-top: 10px"></div>
<h2>En ce moment</h2>
<div class="home_programme__contents mySwiperProgramme">
<div class="swiper-wrapper">
<div class="blockContentAgenda blockContentAgendaHome blockContent col1 js-preview o-js-preview swiper-slide" style="--bgColor:#00bbff" >
<a href="girlxcott-fetes-interconnectees-de-la-bande-dessinee" class="with-image">
<img class="blockContent__background" src="https://cdn.artishoc.coop/eee2cd77-5d7c-41ce-9b95-956a72255222/v1/medias/eyJfcmFpbHMiOnsibWVzc2FnZSI6Ik16Z3dORFkwIiwiZXhwIjpudWxsLCJwdXIiOiJtZWRpYS9tZWRpYV9pZCJ9fQ==--f5304fbf151a0a012b7f58de855f3f301d1b9a8445fe2180053e275bb09d73c9/4b04d26c12cc/image-de-liste-girlxcott.png" alt="">
<div class="blockDescription blockDescriptionAgenda">
<div class="blockDescription__resume title">
<p class="blockDescription__resume__type">rencontre</p>
<p class="blockDescription__resume__title">Fêtes Interconnectées de la Bande Dessinée</p>
<div class="blockDescription__resume__subtitleWysiwyg"></div>
<p class="blockDescription__resume__subtitle">Collective Girlxcott</p>
</div>
<span class="blockDescription__resume blockDescription__resume date">SAM. 31 JAN.</span>
</div>
</a>
</div>
<div class="blockContentAgenda blockContentAgendaHome blockContent col1 js-preview o-js-preview swiper-slide" style="--bgColor:#FFFF00" >
<a href="pas-de-souci-solal-bouloudnine-maxime-mikolajczak-olivier-veillon" class="with-image">
<img class="blockContent__background" src="https://cdn.artishoc.coop/eee2cd77-5d7c-41ce-9b95-956a72255222/v1/medias/eyJfcmFpbHMiOnsibWVzc2FnZSI6Ik16ZzFNREExIiwiZXhwIjpudWxsLCJwdXIiOiJtZWRpYS9tZWRpYV9pZCJ9fQ==--b3c384a2ac9ab2f847522ce5b9a3484684d498e59c6d4781df505a14a7665d51/09936ddf525f/image-de-liste-pas-de-souci.png" alt="">
<div class="blockDescription blockDescriptionAgenda">
<div class="blockDescription__resume title">
<p class="blockDescription__resume__type">spectacle</p>
<p class="blockDescription__resume__title">Pas de souci</p>
<div class="blockDescription__resume__subtitleWysiwyg"></div>
<p class="blockDescription__resume__subtitle">Solal Bouloudnine, Maxime Mikolajczak & Olivier Veillon</p>
</div>
<span class="blockDescription__resume blockDescription__resume date">3—13 FÉV.</span>
</div>
</a>
</div>
<div class="blockContentAgenda blockContentAgendaHome blockContent col1 js-preview o-js-preview swiper-slide" style="--bgColor:#fb565d" >
<a href="a-definir-dans-un-futur-proche-fevrier" class="with-image">
<img class="blockContent__background" src="https://cdn.artishoc.coop/eee2cd77-5d7c-41ce-9b95-956a72255222/v1/medias/eyJfcmFpbHMiOnsibWVzc2FnZSI6Ik16Z3lPRGswIiwiZXhwIjpudWxsLCJwdXIiOiJtZWRpYS9tZWRpYV9pZCJ9fQ==--fc4233655dbdaffc40a251c20e83b946e1b4a60d8d8dd94dbb96c0eb0c0bb2a9/8c15d190a1ae/image-de-liste-adfp.png" alt="">
<div class="blockDescription blockDescriptionAgenda">
<div class="blockDescription__resume title">
<p class="blockDescription__resume__type">performance</p>
<p class="blockDescription__resume__title">À définir dans un futur proche #17</p>
<div class="blockDescription__resume__subtitleWysiwyg"></div>
<p class="blockDescription__resume__subtitle"></p>
</div>
<span class="blockDescription__resume blockDescription__resume date">JEU. 5 FÉV.</span>
</div>
</a>
</div>
<div class="blockContentAgenda blockContentAgendaHome blockContent col1 js-preview o-js-preview swiper-slide" style="--bgColor:#FFFF00" >
<a href="rumba-ascanio-celestini-david-murgia" class="with-image">
<img class="blockContent__background" src="https://cdn.artishoc.coop/eee2cd77-5d7c-41ce-9b95-956a72255222/v1/medias/eyJfcmFpbHMiOnsibWVzc2FnZSI6Ik16Z3lOemt4IiwiZXhwIjpudWxsLCJwdXIiOiJtZWRpYS9tZWRpYV9pZCJ9fQ==--b261c72fcee8d0ac48493d3194fbba4a3d8263cef26daee5630b2324097e0b2d/06dd6a894a5b/image-de-liste-rumba.png" alt="">
<div class="blockDescription blockDescriptionAgenda">
<div class="blockDescription__resume title">
<p class="blockDescription__resume__type">spectacle</p>
<p class="blockDescription__resume__title">RUMBA</p>
<div class="blockDescription__resume__subtitleWysiwyg"><p id="isPasted">L’âne et le boeuf de la crèche de saint François sur le parking du supermarché</p></div>
<p class="blockDescription__resume__subtitle">Ascanio Celestini & David Murgia</p>
</div>
<span class="blockDescription__resume blockDescription__resume date">17—21 FÉV.</span>
</div>
</a>
</div>
<div class="blockContentAgenda blockContentAgendaHome blockContent col1 js-preview o-js-preview swiper-slide" style="--bgColor:#FFFF00" >
<a href="j-etais-parti-e-pardon-collectif-mind-the-gap" class="with-image">
<img class="blockContent__background" src="https://cdn.artishoc.coop/eee2cd77-5d7c-41ce-9b95-956a72255222/v1/medias/eyJfcmFpbHMiOnsibWVzc2FnZSI6Ik16Z3lPREE0IiwiZXhwIjpudWxsLCJwdXIiOiJtZWRpYS9tZWRpYV9pZCJ9fQ==--bc7e9e6145af077d65e24728fa2ead07574b836a6606bac6e85b229fa2ae3be8/282e10b63db0/image-de-liste-j-etais-partie.png" alt="">
<div class="blockDescription blockDescriptionAgenda">
<div class="blockDescription__resume title">
<p class="blockDescription__resume__type">spectacle</p>
<p class="blockDescription__resume__type">jeune public</p>
<p class="blockDescription__resume__title">J’étais parti·e, pardon (dans un autre univers)</p>
<div class="blockDescription__resume__subtitleWysiwyg"></div>
<p class="blockDescription__resume__subtitle">Collectif Mind The Gap & Théophile Dubus</p>
</div>
<span class="blockDescription__resume blockDescription__resume date">18—21 MARS</span>
</div>
</a>
</div>
<div class="blockContentAgenda blockContentAgendaHome blockContent col1 js-preview o-js-preview swiper-slide" style="--bgColor:#FFFF00" >
<a href="sauvez-vos-projets-antoine-defoort" class="with-image">
<img class="blockContent__background" src="https://cdn.artishoc.coop/eee2cd77-5d7c-41ce-9b95-956a72255222/v1/medias/eyJfcmFpbHMiOnsibWVzc2FnZSI6Ik16UTBOamN6IiwiZXhwIjpudWxsLCJwdXIiOiJtZWRpYS9tZWRpYV9pZCJ9fQ==--437a5f45c64453bd404e091a6169c3e740d60936e6fb16ba48ae70db4ea94389/f5f0723091f4/plan-de-travail-17.png" alt="">
<div class="blockDescription blockDescriptionAgenda">
<div class="blockDescription__resume title">
<p class="blockDescription__resume__type">spectacle</p>
<p class="blockDescription__resume__title">Sauvez vos projets</p>
<div class="blockDescription__resume__subtitleWysiwyg"><p id="isPasted">(et peut-être le monde) avec la méthode itérative</p></div>
<p class="blockDescription__resume__subtitle">Antoine Defoort</p>
</div>
<span class="blockDescription__resume blockDescription__resume date">17—28 MARS</span>
</div>
</a>
</div>
<div class="blockContentAgenda blockContentAgendaHome blockContent col1 js-preview o-js-preview swiper-slide" style="--bgColor:#FFFF00" >
<a href="pode-ser-c-est-toi-qu-on-adore-leila-ka" class="with-image">
<img class="blockContent__background" src="https://cdn.artishoc.coop/eee2cd77-5d7c-41ce-9b95-956a72255222/v1/medias/eyJfcmFpbHMiOnsibWVzc2FnZSI6Ik16UTBOamd4IiwiZXhwIjpudWxsLCJwdXIiOiJtZWRpYS9tZWRpYV9pZCJ9fQ==--2b07df9b1ae60ad1d4ec49cb978e2dbf21ead73d5900ad7c5087a221fb8ce5f1/e2d29e8e0204/plan-de-travail-17.png" alt="">
<div class="blockDescription blockDescriptionAgenda">
<div class="blockDescription__resume title">
<p class="blockDescription__resume__type">spectacle</p>
<p class="blockDescription__resume__title">Pode Ser + C’est toi qu’on adore</p>
<div class="blockDescription__resume__subtitleWysiwyg"></div>
<p class="blockDescription__resume__subtitle">Leïla Ka</p>
</div>
<span class="blockDescription__resume blockDescription__resume date">24—28 MARS</span>
</div>
</a>
</div>
<div class="blockContentAgenda blockContentAgendaHome blockContent col1 js-preview o-js-preview swiper-slide" style="--bgColor:#fb565d" >
<a href="concert-victor-solf" class="with-image">
<img class="blockContent__background" src="https://cdn.artishoc.coop/eee2cd77-5d7c-41ce-9b95-956a72255222/v1/medias/eyJfcmFpbHMiOnsibWVzc2FnZSI6Ik16ZzBNVEl6IiwiZXhwIjpudWxsLCJwdXIiOiJtZWRpYS9tZWRpYV9pZCJ9fQ==--a2141668f96c45f09eaa75e871e02258d780ed299187c88315be7d52c50f567a/b6ae0051c742/image-de-liste-a-tribute-to-blonde.png" alt="">
<div class="blockDescription blockDescriptionAgenda">
<div class="blockDescription__resume title">
<p class="blockDescription__resume__type">concert</p>
<p class="blockDescription__resume__title">A tribute to Blond(e) Frank Ocean</p>
<div class="blockDescription__resume__subtitleWysiwyg"></div>
<p class="blockDescription__resume__subtitle">Victor Solf, avec KALUPTO</p>
</div>
<span class="blockDescription__resume blockDescription__resume date">MAR. 5 MAI</span>
</div>
</a>
</div> </div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
<p class="home_raconte__toProgram" >
<a id="11a" href="/le-programme">Découvrez</a> le programme</p>
</p>
<div class="yellow-border"></div>
</section>
<section class="home_raconte section-home">
<h2>On vous raconte</h2>
<div class="home_raconte__contents mySwiperRaconte">
<div class="swiper-wrapper">
<div class="blogListContent js-item big video swiper-slide">
<a href="https://www.youtube.com/embed/AlDnpD-zW0Y" class="fancybox-video blogListContentItem video" data-fancybox="gallery">
<img src="https://cdn.artishoc.coop/eee2cd77-5d7c-41ce-9b95-956a72255222/v1/medias/eyJfcmFpbHMiOnsibWVzc2FnZSI6Ik16ZzBNRGsyIiwiZXhwIjpudWxsLCJwdXIiOiJtZWRpYS9tZWRpYV9pZCJ9fQ==--80bca26529fd84294c39a135bf437e8f8cf17923f8bd394cd9839697c910b79a/3553edeea038/couv_reels_template_1080-x-1920px-tp-gras.jpg" alt="">
<span class="blogListContentItem__title">Voir</span>
<div class="blogListContentDescription">
<div class="blogListContentblockContent__text">
<p>Théâtre partagé : les projets avec les publics</p>
</div>
</div>
</a>
</div>
<div class="blogListContent js-item big video swiper-slide">
<a href="https://www.youtube.com/embed/tT6NEOL3-dk" class="fancybox-video blogListContentItem video" data-fancybox="gallery">
<img src="https://cdn.artishoc.coop/eee2cd77-5d7c-41ce-9b95-956a72255222/v1/medias/eyJfcmFpbHMiOnsibWVzc2FnZSI6Ik16Y3pOekF6IiwiZXhwIjpudWxsLCJwdXIiOiJtZWRpYS9tZWRpYV9pZCJ9fQ==--4142bc5e30be81b5a8d6c4a4ace240b0acd247988b47ce9420da423faa90c04d/45639be6a4a7/couv_reels_template_1080-x-1920px2.jpg" alt="">
<span class="blogListContentItem__title">Voir</span>
<div class="blogListContentDescription">
<div class="blogListContentblockContent__text">
<p>L’Été des Métallos : une aventure théâtrale collective à revivre en images</p>
</div>
</div>
</a>
</div>
<div class="blogListContent js-item small actu swiper-slide">
<a href="/actu-retour-en-images-sur-art-emergence-what-the-world-needs-now" class="blogListContentItem actu">
<img src="https://cdn.artishoc.coop/eee2cd77-5d7c-41ce-9b95-956a72255222/v1/medias/eyJfcmFpbHMiOnsibWVzc2FnZSI6Ik16Y3hOakV5IiwiZXhwIjpudWxsLCJwdXIiOiJtZWRpYS9tZWRpYV9pZCJ9fQ==--c5e0f43eded95c1444bdedce69b82eee201297cc4a3823e030a427abcf451982/71d40b57a433/image-de-liste-actu-home.png" alt="">
<span class="blogListContentItem__title">Lire</span>
<div class="blogListContentDescription">
<div class="blogListContentblockContent__text">
<p>What the world needs now : retour en images sur la première édition d'Art Emergence</p>
</div>
</div>
</a>
</div>
<div class="blogListContent js-item big video swiper-slide">
<a href="https://www.youtube.com/embed/w8kM8cTtpn8" class="fancybox-video blogListContentItem video" data-fancybox="gallery">
<img src="https://cdn.artishoc.coop/eee2cd77-5d7c-41ce-9b95-956a72255222/v1/medias/eyJfcmFpbHMiOnsibWVzc2FnZSI6Ik16Y3dPVEk0IiwiZXhwIjpudWxsLCJwdXIiOiJtZWRpYS9tZWRpYV9pZCJ9fQ==--00f9e8a2680ceffae78db389bbada2e21bd2795984857bc064a505dfe7bfdf95/d07e5cac4069/image-de-liste-actu-home.png" alt="">
<span class="blogListContentItem__title">Voir</span>
<div class="blogListContentDescription">
<div class="blogListContentblockContent__text">
<p>Carte Blanche Casa do Povo</p>
</div>
</div>
</a>
</div>
<div class="blogListContent js-item small actu swiper-slide">
<a href="/actu-carte-blanche-casa-do-povo" class="blogListContentItem actu">
<img src="https://cdn.artishoc.coop/eee2cd77-5d7c-41ce-9b95-956a72255222/v1/medias/eyJfcmFpbHMiOnsibWVzc2FnZSI6Ik16Y3dPRGszIiwiZXhwIjpudWxsLCJwdXIiOiJtZWRpYS9tZWRpYV9pZCJ9fQ==--22db5056a2e24ca571013a4cdbe91aac83904cdd2492370801fb6cec4ea2915f/30de4208ab27/image-de-liste-actu-home.png" alt="">
<span class="blogListContentItem__title">Lire</span>
<div class="blogListContentDescription">
<div class="blogListContentblockContent__text">
<p>Carte Blanche Casa do Povo</p>
</div>
</div>
</a>
</div>
<div class="blogListContent js-item small actu swiper-slide">
<a href="/actualite-inauguration-salle-regis-huvier" class="blogListContentItem actu">
<img src="https://cdn.artishoc.coop/eee2cd77-5d7c-41ce-9b95-956a72255222/v1/medias/eyJfcmFpbHMiOnsibWVzc2FnZSI6Ik16WTROalUyIiwiZXhwIjpudWxsLCJwdXIiOiJtZWRpYS9tZWRpYV9pZCJ9fQ==--7c8b934ca9d2f04ee38fe2c10af2bbff9f0bcb5e2c86ed58e1e7a1ae2556bf0e/26d374216125/image-principale-fiche-actu-copie.png" alt="">
<span class="blogListContentItem__title">Lire</span>
<div class="blogListContentDescription">
<div class="blogListContentblockContent__text">
<p>Inauguration de la salle Régis Huvier</p>
</div>
</div>
</a>
</div>
<div class="blogListContent js-item small actu swiper-slide">
<a href="/actu-retour-en-images-sur-la-soiree-d-ouverture-de-saison" class="blogListContentItem actu">
<img src="https://cdn.artishoc.coop/eee2cd77-5d7c-41ce-9b95-956a72255222/v1/medias/eyJfcmFpbHMiOnsibWVzc2FnZSI6Ik16WTJNVGMwIiwiZXhwIjpudWxsLCJwdXIiOiJtZWRpYS9tZWRpYV9pZCJ9fQ==--43c948f2b5dd6e69ba2e1f3e8782d5e7e3a0319f04f24e9d6c930f6156ff9071/578967605e03/image-principale-fiche-actu.png" alt="">
<span class="blogListContentItem__title">Lire</span>
<div class="blogListContentDescription">
<div class="blogListContentblockContent__text">
<p>Retour sur une soirée inoubliable</p>
</div>
</div>
</a>
</div>
<div class="blogListContent js-item big video swiper-slide">
<a href="https://www.youtube.com/embed/Bv7drZLc1qs" class="fancybox-video blogListContentItem video" data-fancybox="gallery">
<img src="https://cdn.artishoc.coop/eee2cd77-5d7c-41ce-9b95-956a72255222/v1/medias/eyJfcmFpbHMiOnsibWVzc2FnZSI6Ik16WXhNamc0IiwiZXhwIjpudWxsLCJwdXIiOiJtZWRpYS9tZWRpYV9pZCJ9fQ==--69625f18824467c20ed6b1e89b736f75c0860571be23fba641016b06bd46f4bf/f58bba470a50/vlcsnap-2025-08-27-11h34m34s005.png" alt="">
<span class="blogListContentItem__title">Voir</span>
<div class="blogListContentDescription">
<div class="blogListContentblockContent__text">
<p>Découvrez les artistes programmé·es en 2025—26 à la Maison des Métallos !</p>
</div>
</div>
</a>
</div>
<div class="blogListContent js-item small actu swiper-slide">
<a href="/actu-l-ete-des-metallos" class="blogListContentItem actu">
<img src="https://cdn.artishoc.coop/eee2cd77-5d7c-41ce-9b95-956a72255222/v1/medias/eyJfcmFpbHMiOnsibWVzc2FnZSI6Ik16WXhNREV5IiwiZXhwIjpudWxsLCJwdXIiOiJtZWRpYS9tZWRpYV9pZCJ9fQ==--e4ac52f1678e2e5bfa9cff552656fea577e9e52c28546b8f573a57e087ac240d/3d6e2b3cc3eb/image-de-liste-actu-home.png" alt="">
<span class="blogListContentItem__title">Lire</span>
<div class="blogListContentDescription">
<div class="blogListContentblockContent__text">
<p>L’Été des Métallos : scène ouverte aux jeunes</p>
</div>
</div>
</a>
</div>
<div class="blogListContent js-item small actu swiper-slide">
<a href="/programmation-2025-2026" class="blogListContentItem actu">
<img src="https://cdn.artishoc.coop/eee2cd77-5d7c-41ce-9b95-956a72255222/v1/medias/eyJfcmFpbHMiOnsibWVzc2FnZSI6Ik16UTFOVGN5IiwiZXhwIjpudWxsLCJwdXIiOiJtZWRpYS9tZWRpYV9pZCJ9fQ==--174545c7166c76294509af754149f04527eb2f86571845d9b1ac97a1f881b927/056ee55c556c/image-de-liste-actu-home.png" alt="">
<span class="blogListContentItem__title">Lire</span>
<div class="blogListContentDescription">
<div class="blogListContentblockContent__text">
<p>Découvrez la programmation 2025/26 !</p>
</div>
</div>
</a>
</div>
<div class="blogListContent js-item big video swiper-slide">
<a href="https://www.youtube.com/embed/LSZ8C9Wt23Y" class="fancybox-video blogListContentItem video" data-fancybox="gallery">
<img src="https://cdn.artishoc.coop/eee2cd77-5d7c-41ce-9b95-956a72255222/v1/medias/eyJfcmFpbHMiOnsibWVzc2FnZSI6Ik16Y3pOekV4IiwiZXhwIjpudWxsLCJwdXIiOiJtZWRpYS9tZWRpYV9pZCJ9fQ==--5a53b4614d2c1cd18d7a4bb52138fa1fb2ebc18b4ade7747715ebe51f9e1ff80/13162453539e/couv_reels_template_1080-x-1920px-visites.jpg" alt="">
<span class="blogListContentItem__title">Voir</span>
<div class="blogListContentDescription">
<div class="blogListContentblockContent__text">
<p>Découvrez la Maison des Métallos grâce aux visites guidées mensuelles</p>
</div>
</div>
</a>
</div>
<div class="blogListContent js-item small actu swiper-slide">
<a href="/actu-arpentage-telerama" class="blogListContentItem actu">
<img src="https://cdn.artishoc.coop/eee2cd77-5d7c-41ce-9b95-956a72255222/v1/medias/eyJfcmFpbHMiOnsibWVzc2FnZSI6Ik16RXlPVFEzIiwiZXhwIjpudWxsLCJwdXIiOiJtZWRpYS9tZWRpYV9pZCJ9fQ==--38526e682bffce303142be64e40b4ad973b09b1fd24faa4fa70c5fd7b51c90a4/b0b1d2096850/vertical-rs-julio-pendilhe.jpg" alt="">
<span class="blogListContentItem__title">Lire</span>
<div class="blogListContentDescription">
<div class="blogListContentblockContent__text">
<p>Arpenter ensemble : la lecture collective fait parler d'elle</p>
</div>
</div>
</a>
</div>
<div class="blogListContent js-item small actu swiper-slide">
<a href="/lancement-territoires-en-resistance-de-la-lutte-a-la-victoire-de-socialter" class="blogListContentItem actu">
<img src="https://cdn.artishoc.coop/eee2cd77-5d7c-41ce-9b95-956a72255222/v1/medias/eyJfcmFpbHMiOnsibWVzc2FnZSI6Ik16VTJPREExIiwiZXhwIjpudWxsLCJwdXIiOiJtZWRpYS9tZWRpYV9pZCJ9fQ==--0c0879f868432396799fbe39b612a13db50ce75ae7940981995bd29bfd7e81da/493f0aaf3d7b/25-06-25-sociatelier-lancement-hors-serie-la-maison-des-metallos-8.jpg" alt="">
<span class="blogListContentItem__title">Lire</span>
<div class="blogListContentDescription">
<div class="blogListContentblockContent__text">
<p>Soirée de lancement Socialter : « Territoires en résistance : de la lutte à la victoire »</p>
</div>
</div>
</a>
</div>
<div class="blogListContent js-item small actu swiper-slide">
<a href="/recit-labo-2-utopia-56" class="blogListContentItem actu">
<img src="https://cdn.artishoc.coop/eee2cd77-5d7c-41ce-9b95-956a72255222/v1/medias/eyJfcmFpbHMiOnsibWVzc2FnZSI6Ik16VXdPRE00IiwiZXhwIjpudWxsLCJwdXIiOiJtZWRpYS9tZWRpYV9pZCJ9fQ==--f93f5c921dd95ad5b332ea4c4d2ac8fc91d171ac907731922397adf0119cbf6b/a17eb55e1838/fichier-1.png" alt="">
<span class="blogListContentItem__title">Lire</span>
<div class="blogListContentDescription">
<div class="blogListContentblockContent__text">
<p>Concert solidaire au profit d’Utopia 56</p>
</div>
</div>
</a>
</div>
<div class="blogListContent js-item small actu swiper-slide">
<a href="/reamenagement-salle-rol-tanguy" class="blogListContentItem actu">
<img src="https://cdn.artishoc.coop/eee2cd77-5d7c-41ce-9b95-956a72255222/v1/medias/eyJfcmFpbHMiOnsibWVzc2FnZSI6Ik16TTVNams0IiwiZXhwIjpudWxsLCJwdXIiOiJtZWRpYS9tZWRpYV9pZCJ9fQ==--57bc9e478aaea9b85a81ead220c412ab77662147194f8167d1f360eb9bb7cbb5/c4b71ec873e0/image-de-liste-actu-home.png" alt="">
<span class="blogListContentItem__title">Lire</span>
<div class="blogListContentDescription">
<div class="blogListContentblockContent__text">
<p>La salle Rol-Tanguy fait peau neuve !</p>
</div>
</div>
</a>
</div>
<div class="blogListContent js-item small actu swiper-slide">
<a href="/actu-les-nouveaux-metallos-laureats" class="blogListContentItem actu">
<img src="https://cdn.artishoc.coop/eee2cd77-5d7c-41ce-9b95-956a72255222/v1/medias/eyJfcmFpbHMiOnsibWVzc2FnZSI6Ik16TTJNVEEwIiwiZXhwIjpudWxsLCJwdXIiOiJtZWRpYS9tZWRpYV9pZCJ9fQ==--f9ee292543d580ec7fdaadf74403bd5585407f636c011eadedd5a0331e348fd4/3d10e4af0acf/image-de-liste-actu-home.png" alt="">
<span class="blogListContentItem__title">Lire</span>
<div class="blogListContentDescription">
<div class="blogListContentblockContent__text">
<p>Les Nouveaux Métallos : découvrez les 6 lauréat·es !</p>
</div>
</div>
</a>
</div>
<div class="blogListContent js-item small actu swiper-slide">
<a href="/la-buvette-passe-a-l-heure-d-ete" class="blogListContentItem actu">
<img src="https://cdn.artishoc.coop/eee2cd77-5d7c-41ce-9b95-956a72255222/v1/medias/eyJfcmFpbHMiOnsibWVzc2FnZSI6Ik16STNPRFUwIiwiZXhwIjpudWxsLCJwdXIiOiJtZWRpYS9tZWRpYV9pZCJ9fQ==--0b80d3b4ab8fbb91cf66dbbb118a0057d3040f11aa2bf39769e10331524cd340/b6d944685685/0a4a5912-2.jpg" alt="">
<span class="blogListContentItem__title">Lire</span>
<div class="blogListContentDescription">
<div class="blogListContentblockContent__text">
<p>La buvette passe à l’heure d’été !</p>
</div>
</div>
</a>
</div>
<div class="blogListContent js-item small actu swiper-slide">
<a href="/actu-puissance-quatre" class="blogListContentItem actu">
<img src="https://cdn.artishoc.coop/eee2cd77-5d7c-41ce-9b95-956a72255222/v1/medias/eyJfcmFpbHMiOnsibWVzc2FnZSI6Ik16SXpOelV5IiwiZXhwIjpudWxsLCJwdXIiOiJtZWRpYS9tZWRpYV9pZCJ9fQ==--1b9f09abeeef649c5e27a4ebb689ed0cd42052052c485afd3c2ce0ce8fe63b43/46471c604555/photo-02.png" alt="">
<span class="blogListContentItem__title">Lire</span>
<div class="blogListContentDescription">
<div class="blogListContentblockContent__text">
<p>La Maison des Métallos rejoint le Réseau Puissance Quatre</p>
</div>
</div>
</a>
</div>
<div class="blogListContent js-item small actu swiper-slide">
<a href="/debout-pour-la-culture" class="blogListContentItem actu">
<img src="https://cdn.artishoc.coop/eee2cd77-5d7c-41ce-9b95-956a72255222/v1/medias/eyJfcmFpbHMiOnsibWVzc2FnZSI6Ik16RXlORGd4IiwiZXhwIjpudWxsLCJwdXIiOiJtZWRpYS9tZWRpYV9pZCJ9fQ==--f42811c6b3aaa6119e851a0b48f340266b304a256053388b76c9c2c989863542/64ac5e3bf984/sans-titre-6.jpg" alt="">
<span class="blogListContentItem__title">Lire</span>
<div class="blogListContentDescription">
<div class="blogListContentblockContent__text">
<p>La Maison des Métallos se lève #DeboutPourLaCulture</p>
</div>
</div>
</a>
</div>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
<p class="home_raconte__toProgram" >
<a id="11a" href="/blog">Parcourez</a> les actualités</p>
</p>
<div class="yellow-border"></div>
</section>
<section class="lieux-de-vie section-home">
<h2>Lieu de vie</h2>
<div class="lieux-de-vie__contents">
<div class="blockContent lieu_de_vie col1 js-item">
<a href="/accueil/lieux-de-vie/accueil-billetterie" target="_self">
<img class="blockContent__background" src="https://cdn.artishoc.coop/eee2cd77-5d7c-41ce-9b95-956a72255222/v1/medias/eyJfcmFpbHMiOnsibWVzc2FnZSI6Ik16WXlOall4IiwiZXhwIjpudWxsLCJwdXIiOiJtZWRpYS9tZWRpYV9pZCJ9fQ==--e48cad16e0fdf656a65b1c7e3dd6151f385adb934e434dd7344851bcf94100a6/57314daffc71/image-de-liste-lieux-de-vie.png" alt="">
<div class="blockDescription lieu_de_vie__description">
<span class="blockDescription__resume title">Accueil-billetterie</span>
</div>
</a>
</div>
<div class="blockContent lieu_de_vie col1 js-item">
<a href="/accueil/lieux-de-vie/librairie-libertalia" target="_self">
<img class="blockContent__background" src="https://cdn.artishoc.coop/eee2cd77-5d7c-41ce-9b95-956a72255222/v1/medias/eyJfcmFpbHMiOnsibWVzc2FnZSI6Ik16WTBNVGMzIiwiZXhwIjpudWxsLCJwdXIiOiJtZWRpYS9tZWRpYV9pZCJ9fQ==--cf8e2a24d7cdb0890aa5d9833f683c2ddafe7289b585e1e68523457a88b0febb/33600ae9db74/image-de-liste-lieux-de-vie.png" alt="">
<div class="blockDescription lieu_de_vie__description">
<span class="blockDescription__resume title">Librairie Libertalia</span>
</div>
</a>
</div>
<div class="blockContent lieu_de_vie col1 js-item">
<a href="/accueil/lieux-de-vie/salle-noire" target="_self">
<img class="blockContent__background" src="https://cdn.artishoc.coop/eee2cd77-5d7c-41ce-9b95-956a72255222/v1/medias/eyJfcmFpbHMiOnsibWVzc2FnZSI6Ik16QXpNVFV4IiwiZXhwIjpudWxsLCJwdXIiOiJtZWRpYS9tZWRpYV9pZCJ9fQ==--c2c0983204d1bb4644935440f9995918180ce1e65ce3498c6074ed744ad403d5/d2566f50328a/image-de-liste-lieux-de-vie.png" alt="">
<div class="blockDescription lieu_de_vie__description">
<span class="blockDescription__resume title">Salle noire</span>
</div>
</a>
</div>
<div class="blockContent lieu_de_vie col1 js-item">
<a href="/accueil/lieux-de-vie/salle-claire" target="_self">
<img class="blockContent__background" src="https://cdn.artishoc.coop/eee2cd77-5d7c-41ce-9b95-956a72255222/v1/medias/eyJfcmFpbHMiOnsibWVzc2FnZSI6Ik16WXlOakl3IiwiZXhwIjpudWxsLCJwdXIiOiJtZWRpYS9tZWRpYV9pZCJ9fQ==--0554ebabbbbec309a89c9ecb7a22ab08996aa0f2f5866cf3d4f9b35e495d4fc6/5c07bc423e94/image-de-liste-lieux-de-vie.png" alt="">
<div class="blockDescription lieu_de_vie__description">
<span class="blockDescription__resume title">Salle claire</span>
</div>
</a>
</div>
<div class="blockContent lieu_de_vie col1 js-item">
<a href="/accueil/lieux-de-vie/buvette" target="_self">
<img class="blockContent__background" src="https://cdn.artishoc.coop/eee2cd77-5d7c-41ce-9b95-956a72255222/v1/medias/eyJfcmFpbHMiOnsibWVzc2FnZSI6Ik16QXpNVFUyIiwiZXhwIjpudWxsLCJwdXIiOiJtZWRpYS9tZWRpYV9pZCJ9fQ==--4ea5e8f7f6a79eca1b4fc353fd2fa74bb87e1b59c457f207e4727d86796c0762/deeaa2e346d6/image-de-liste-lieux-de-vie.png" alt="">
<div class="blockDescription lieu_de_vie__description">
<span class="blockDescription__resume title">Buvette</span>
</div>
</a>
</div>
<div class="blockContent lieu_de_vie col1 js-item">
<a href="/accueil/lieux-de-vie/bar" target="_self">
<img class="blockContent__background" src="https://cdn.artishoc.coop/eee2cd77-5d7c-41ce-9b95-956a72255222/v1/medias/eyJfcmFpbHMiOnsibWVzc2FnZSI6Ik16STNPRFF4IiwiZXhwIjpudWxsLCJwdXIiOiJtZWRpYS9tZWRpYV9pZCJ9fQ==--a598f3532cde1658accdc3c138ffe6cd3e3bf1b6055c221c667f4eec1e64d034/f86e87516ecf/0a4a5432-2-1.jpg" alt="">
<div class="blockDescription lieu_de_vie__description">
<span class="blockDescription__resume title">Bar</span>
</div>
</a>
</div>
</div>
<div class="yellow-border"></div>
</section>
</section>
<section class="timeline-section">
<div
class="o-timeline-wrapper"
data-controller="timeline"
data-timeline-target="wrapper"
data-path="/timeline/2025-07-01/2026-07-12"
>
<div class="loader-timeline">Chargement de la programmation en cours...</div>
</div>
</section>
</main>
<div class="newsletter-footer">
<p>
<a href="https://www.maisondesmetallos.paris/newsletter">Abonnez-vous</a> à notre newsletter !</p>
</div>
<footer>
<div class="footer">
<div class="footer__content">
<div class="main-logo desktop">
<img src="/build/images/mm_25/bigLogoFooter.f0c17dd5.svg" alt="logo">
</div>
<div class="main-logo mobile">
<img src="/build/images/mm_25/logfooter-mobile.8f23b301.svg" alt="logo">
</div>
<div class="footer__content__informations">
<div class="footer__content__informations__thirdCol footer-col">
<p>EPCC - Établissement culturel de la ville de Paris</p>
<div class="logo-relatives">
<img src="/build/images/paris_logo.24f47d72.svg" alt="logo paris" width="47px" style="margin-right: 15px; align-self: flex-start;">
<img src="/build/images/mm_25/logo-st-denis.108cca86.svg" alt="logo ssd" width="39px" style="margin-right: 15px; align-self: flex-start;">
</div>
<div class="footer_horizontal_bas">
<a href=/footer-horizontal-bas/mentions-legales-553ef9ae>Mentions légales et Conditions Générales d'Utilisation</a>
—
<a href=/footer-horizontal-bas/politique-de-confidentialite>Politique de confidentialité</a>
—
<a href=/footer-horizontal-bas/conditions-generales-de-vente>Conditions Générales de Vente</a>
—
<a href=/footer-horizontal-bas/credits>Crédits</a>
</div>
</div>
<div class="footer__content__informations__firstCol footer-col">
<ul class="footer__content__informations__firstCol__links">
<li>
<a href="/politique-environnementale-rse">Notre politique environnementale et RSE</a>
</li>
<li>
<a href="/acces">informations pratiques</a>
</li>
<li>
<a href="/contact-2a50bc49">contact</a>
</li>
<li>
<a href="/offres-d-emploi">recrutements</a>
</li>
<li>
<a href="/privatisation-c4c42ec9">privatisation</a>
</li>
<li>
<a href="/espace-presse-8cb15b86">espace presse</a>
</li>
<li>
<a href="/archives">archives</a>
</li>
</ul>
<ul class="socials">
<li>
<a href="https://www.facebook.com/maisondesmetallos/" class="o-facebook socialItem" target="_blank" alt="lien vers facebook">
<img src="/build/images/fb_black.b221b914.svg" alt="logo facebook">
</a>
</li>
<li>
<a href="https://www.instagram.com/maisondesmetallos/" class="o-instagram" target="_blank" alt="lien vers instagram">
<img src="/build/images/ig_black.13625d0b.svg" alt="logo instagram">
</a>
</li>
<li>
<a href="https://youtube.com/@maisondesmetallos75011?si=f-Br7BqHIK-iCCRo" class="o-youtube" target="_blank" alt="lien vers youtube">
<img src="/build/images/yt.0665b2d6.svg" alt="logo youtube">
</a>
</li>
<li>
<a href="https://www.tiktok.com/@maisondesmetallos?lang=fr" class="o-youtube" target="_blank" alt="lien vers tiktok">
<img src="/build/images/mm_25/tiktok.5ed3ad80.svg" alt="logo tiktok">
</a>
</li>
</ul>
</div>
<div class="footer__content__informations__secondCol footer-col">
<div class="coordonnees"><p><br></p><p><strong>Adresse</strong></p><p>94 rue Jean-Pierre Timbaud<br>75011 Paris</p><p><br></p><p><strong>Horaires</strong><br>Ouverture du mardi au samedi<br>de 14h à 19h et lors d’évènements</p><p><br><strong>Accueil </strong></p><p>01 48 05 88 27</p><p><br><strong>Réservation</strong><strong> </strong></p><p>01 47 00 25 20<br><a href="mailto:billetterie@maisondesmetallos.paris"><span>billetterie@maisondesmetallos.paris</span></a></p></div>
</div>
</div>
</div>
</div>
</footer>
</div>
<noscript>
<iframe
src="//www.googletagmanager.com/ns.html?id=GTM-MZJ5LSF"
height="0"
width="0"
style="display:none;visibility:hidden"
></iframe>
</noscript>
<script>
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MZJ5LSF');
</script>
<script src="/build/runtime.188fa053.js"></script><script src="/build/694.3ef3dc46.js"></script><script src="/build/392.c3e35dc3.js"></script><script src="/build/app.a8b1d50a.js"></script>
<script src="https://tarteaucitron.io/load.js?domain=www.maisondesmetallos.paris&uuid=3f101e544741a515235b9619bac69a4018a30dc1"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
let observer = new IntersectionObserver(entries => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add("visible");
}
});
}, { threshold: 0.2 });
let targets = document.querySelectorAll(".section-home h2"); // Cible tous les h2
targets.forEach(target => observer.observe(target));
});
</script>
</body>
</html>
