<!DOCTYPE html>
<html  lang="fr" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/  dc: http://purl.org/dc/terms/  foaf: http://xmlns.com/foaf/0.1/  og: http://ogp.me/ns#  rdfs: http://www.w3.org/2000/01/rdf-schema#  schema: http://schema.org/  sioc: http://rdfs.org/sioc/ns#  sioct: http://rdfs.org/sioc/types#  skos: http://www.w3.org/2004/02/skos/core#  xsd: http://www.w3.org/2001/XMLSchema# " class="document--regular">
  <head>
    <meta charset="utf-8" />
<script async src="https://www.googletagmanager.com/gtag/js?id=G-QCMPJGHB3X"></script>
<script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments)};gtag("js", new Date());gtag("set", "developer_id.dMDhkMT", true);gtag("config", "G-QCMPJGHB3X", {"groups":"default","page_placeholder":"PLACEHOLDER_page_location"});</script>
<link rel="canonical" href="https://www.mahmah.ch/" />
<link rel="shortlink" href="https://www.mahmah.ch/" />
<meta property="og:site_name" content="Musées d&#039;art et d&#039;histoire de Genève" />
<meta property="og:url" content="https://www.mahmah.ch/accueil" />
<meta property="og:title" content="Accueil | Musées d&#039;art et d&#039;histoire de Genève" />
<meta property="og:image:url" content="https://www.mahmah.ch/themes/custom/mah/assets/img/logo-mah-meta.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Accueil | Musées d&#039;art et d&#039;histoire de Genève" />
<meta name="twitter:url" content="https://www.mahmah.ch/accueil" />
<meta name="twitter:image" content="https://www.mahmah.ch/themes/custom/mah/assets/img/logo-mah-meta.png" />
<meta name="Generator" content="Drupal 9 (https://www.drupal.org)" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script type="application/ld+json">{
    "@context": "https://schema.org",
    "@graph": [
        {
            "@type": "Organization",
            "additionalType": "ArtGallery",
            "@id": "https://mahmah.ch",
            "name": "Musée d\u0027art et d\u0027histoire de Genève",
            "url": "https://mahmah.ch",
            "telephone": "+41 (0)22 418 26 00",
            "contactPoint": {
                "@type": "ContactPoint",
                "telephone": "+41-22-418-26-00",
                "email": "mah@ville-ge.ch",
                "url": "https://mahmah.ch",
                "areaServed": {
                    "@type": "City",
                    "name": "Genève",
                    "url": "https://www.geneve.ch"
                }
            },
            "logo": {
                "@type": "ImageObject",
                "url": "https://www.mahmah.ch/themes/custom/mah/assets/img/logo-mah-meta.png"
            },
            "address": {
                "@type": "PostalAddress",
                "streetAddress": "Rue Charles-Galland 2",
                "addressLocality": "Genève",
                "postalCode": "1206",
                "addressCountry": "Suisse"
            }
        },
        {
            "@type": "WebSite",
            "@id": "https://mahmah.ch",
            "name": "Musée d’art et d\u0027histoire de Genève",
            "url": "https://mahmah.ch",
            "publisher": {
                "@type": "GovernmentOrganization",
                "@id": "https://www.geneve.ch",
                "name": "Ville de Genève",
                "url": "https://www.geneve.ch",
                "logo": {
                    "@type": "ImageObject",
                    "url": "https://www.geneve.ch/themes/custom/vdg_theme/logo.svg"
                }
            },
            "inLanguage": "fr"
        }
    ]
}</script>
<link rel="icon" href="/themes/custom/mah/favicon.ico" type="image/vnd.microsoft.icon" />

    <title>MAH | Musées d&#039;art et d&#039;histoire de Genève</title>
    <link rel="apple-touch-icon" sizes="180x180" href="/themes/custom/mah/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/themes/custom/mah/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/themes/custom/mah/favicon-16x16.png">
    <link rel="manifest" href="/themes/custom/mah/site.webmanifest">
    <link rel="mask-icon" href="/themes/custom/mah/safari-pinned-tab.svg" color="#38d530">
    <link rel="shortcut icon" href="/themes/custom/mah/favicon.ico">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-config" content="/themes/custom/mah/browserconfig.xml">
    <meta name="theme-color" content="#ffffff">
    <link rel="stylesheet" media="all" href="/sites/default/files/css/css_37UvJ2Gwa1Ye8-4MErnW9B8WNGX8g5aeFGWVSPXpIDU.css" />
<link rel="stylesheet" media="all" href="/sites/default/files/css/css_yGtKHzuYbeNVB3eX5LqCJ-F7W0bz_BIeOt4lqy_d1l8.css" />

    
  </head>
  <body class="path-frontpage page-node-type-mah-landing">
    <a href="#main-content" class="visually-hidden focusable skip-link">
      Aller au contenu principal
    </a>
    
      <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas>
    

<div class="mah-container mah-container--wrapper ">

              
      <header class="navbar navbar-default mah-container mah-container--header" id="navbar" role="banner" aria-label="Site header">
                  
<nav class="mah-menu-bar " aria-label="Navigation principale">
  <div class="mah-menu-bar__grid">
    <div class="mah-menu-bar-contents ">
      <div class="mah-menu-bar-contents__start">
        <a class="mah-logo mah-logo--noscript-stroke " href="https://www.mahmah.ch/" hidden="screen" aria-label="Musée d’Art et d’Histoire" title="Musée d’Art et d’Histoire">
  <span class="mah-logo__span" hidden="screen">Musée d’Art et d’Histoire</span>

  <svg class="mah-logo__svg" x="0" y="0" width="1266" height="416" viewBox="0 0 1266 416" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title hidden="screen">Musée d’Art et d’Histoire</title>

    <g fill="none" stroke="currentColor" stroke-width="1" vector-effect="non-scaling-stroke">
      <g class="mah-logo__mah">
        <path d="M415.29 414V2l-308.6 153.2H309.6L1 2v412l105.69-155.28L206.03 414 309.6 258.72 415.3 414Zm0 0L630.89 2l215.6 412m-431.2 0 314.94-155.28H527.31L846.5 414m0 0V2l306.48 153.2H950.06L1265 2v412L950.06 258.72h202.91L846.48 414Z"/>
      </g>
    </g>
  </svg>

</a>


            
  <a class="mah-button mah-button--regular    mah-button--home" href="https://www.mahmah.ch/"   aria-label="Musée d’Art et d’Histoire" title="Musée d’Art et d’Histoire" >
        <span class="mah-button__icon mah-button__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="1266" height="416" viewBox="0 0 1266 416" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-width="1" vector-effect="non-scaling-stroke">
  <title hidden="screen">Musée d’Art et d’Histoire de Genève (MAH)</title>

  <g class="logo__mah">
    <path d="M415.29 414V2l-308.6 153.2H309.6L1 2v412l105.69-155.28L206.03 414 309.6 258.72 415.3 414Zm0 0L630.89 2l215.6 412m-431.2 0 314.94-155.28H527.31L846.5 414m0 0V2l306.48 153.2H950.06L1265 2v412L950.06 258.72h202.91L846.48 414Z"/>
  </g>
</svg>

    </span>
  
      <span class="mah-button__span">Musée d’Art et d’Histoire</span>
  
  
  
  </a>

      </div>

      <div class="mah-menu-bar-contents__end">
        <div class="mah-menu-bar-contents__buttons">
          
  
  
  

  
  
  

  
                
  <a class="mah-button mah-button--regular    mah-button--visible-on-desktop" href="/visite/horaires-acces"    >
    
      <span class="mah-button__span">Horaires &amp; Accès</span>
  
  
  
  </a>

  
                
  <a class="mah-button mah-button--regular    " href="/collection"    >
    
      <span class="mah-button__span">Collection</span>
  
  
  
  </a>

  
                
  <a class="mah-button mah-button--regular    " href="/mah-recherche"    >
    
      <span class="mah-button__span">MAH recherche</span>
  
  
  
  </a>

  
                
  <a class="mah-button mah-button--regular    " href="/agenda"    >
    
      <span class="mah-button__span">Agenda</span>
  
  
  
  </a>

  
    

  
  

  
  



        </div>

            
  <a class="mah-button mah-button--primary   mah-button--square mah-button--highlight" href="https://billetterie.mahmah.ch/content" target="_blank" rel="noopener noreferrer"  >
        <span class="mah-button__icon mah-button__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="no-scaling-stroke" d="M10.2 37.5 5.6 6H1"/>
  <path vector-effect="no-scaling-stroke" d="M10.93 10.5H47l-4.6 18H13.45"/>
  <path vector-effect="no-scaling-stroke" d="M43.87 36.38H10.2"/>
  <path vector-effect="no-scaling-stroke" d="m40.1 37.5-2.3 2.25L40.1 42l2.3-2.25-2.3-2.25Z"/>
  <path vector-effect="no-scaling-stroke" d="m10.2 37.5-2.3 2.25L10.2 42l2.3-2.25-2.3-2.25Z"/>
</svg>

    </span>
  
  
      <span class="mah-link__long-title" hidden="screen">Boutique</span>
  
  
  </a>


            
  <a class="mah-button mah-button--regular   mah-button--square mah-button--search" href="/recherche"    >
        <span class="mah-button__icon mah-button__icon--before">
      
<svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M28.1 34.5c-2.2 1.1-4.8 1.7-7.4 1.7-9.3 0-16.8-7.5-16.8-16.8S11.3 2.7 20.6 2.7s16.8 7.5 16.8 16.8c0 5.2-2.3 9.8-6 12.9m0 0 12.8 13"/>
</svg>

    </span>
  
  
      <span class="mah-link__long-title" hidden="screen">Faire une recherche sur le site</span>
  
  
  </a>


                      <button class="mah-button mah-button--regular  mah-button--square mah-button--accessibility"   aria-label="" >
        <span class="mah-button__icon mah-button__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M28.17 23.66v4.21L34.7 45.3 30.55 47l-6.57-17.48L17.45 47l-4.15-1.71 6.53-17.42 8.18-10 13.16-4.2-1.32-4.2-15.85 5-15.85-5-1.32 4.2 13.16 4.2v4.2"/>
  <path vector-effect="non-scaling-stroke" d="m25.77 9.57 2.51-2.51V3.5L25.78 1h-3.55l-2.51 2.5v3.56l2.5 2.5"/>
</svg>

    </span>
  
  
      <span class="mah-link__long-title" hidden="screen">Accessibilité</span>
  
  
  </button>



              <button class="mah-button mah-button--regular  mah-button--square mah-button--language"   aria-label="" >
    
      <span class="mah-button__span">FR</span>
  
  
  
  </button>



              <button class="mah-button mah-button--regular   mah-button--menu"   aria-label="" >
        <span class="mah-button__icon mah-button__icon--before">
      
<svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M47 8 1 15.5 47 23 1 30.5 47 38"/>
</svg>

    </span>
  
      <span class="mah-button__span">Menu</span>
  
  
  
  </button>


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






                                            <div class="mah-notification-bar " role="status" aria-hidden="true" hidden>
    <div class="mah-notification-bar__grid">
      <div class="mah-notification-bar__wrapper">
        <div class="mah-notification-bar__text alert-message">
      <h4>Information importante</h4>
    <p>En raison de travaux, la salle du retable Konrad Witz est fermée jusqu'au 5 mai inclus.</p>

      <a class="mah-notification-bar__text-link more-link" href="/last-minute#info-21104655" >En savoir plus</a>
  </div>
<div class="mah-notification-bar__text alert-message">
      <h4>Information importante </h4>
    <p>Ce jeudi 4 mai, le musée fermera exceptionnellement à 20h afin de permettre le déroulement du spectacle de La Ribot Ensemble.</p>

      <a class="mah-notification-bar__text-link more-link" href="/last-minute#info-21104660" >En savoir plus</a>
  </div>


        <div class="mah-notification-bar__buttons">
                <button class="mah-button mah-button--regular   mah-button--close"   aria-label="" >
        <span class="mah-button__icon mah-button__icon--before">
      
<svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M43 5 24 24M5 43l19-19M5 5l9.5 9.5 4.75 4.75L24 24m19 19L28.07 28.07"/>
</svg>

    </span>
  
      <span class="mah-button__span">Fermer</span>
  
  
  
  </button>

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

              </header>
      
        <div role="main" class="mah-container--content mah-container js-quickedit-main-content" aria-label="Main content">


                              <div class="highlighted">  <div>
    <div data-drupal-messages-fallback class="hidden"></div>

  </div>
</div>
              
                          
            <div class="row main-layout">
                
                <section>

                    
                                <a id="main-content"></a>
                                      <div>
    <div id="block-mah-content" class="block-system-main-block">
  
    
        
                                <div  class="mah-homepage-grid "  data-enable-animations="true">
    <div class="mah-homepage-grid__grid">
      <div class="mah-homepage-grid__wrapper">
        
                  <div class="mah-homepage-grid__set mah-homepage-grid__set--cluster-01" data-variant="cluster-01">
            <div class="mah-homepage-grid__items">
                
  
      
  <div class="mah-card mah-card--regular  "
    >
    <a class="mah-card__link"  href="/programme/expositions/gravure-en-clair-obscur">
      <div class="mah-card__wrapper">
        <div class="mah-card__image-wrapper">
          <picture class="mah-picture mah-picture--background" data-dither="true">
            <source srcset="/sites/default/files/styles/max_650x650/public/image/2023-03/Gravure_carrousel.jpg.webp"  style="object-fit: cover; object-position:50% 50%;" />

  <img class="mah-picture__image mah-picture--background" src="/sites/default/files/styles/max_650x650/public/image/2023-03/Gravure_carrousel.jpg.webp" loading="lazy" alt=""   style="object-fit: cover; object-position:50% 50%;">

  <canvas class="mah-picture__canvas" aria-hidden="true"/>
</picture>


        </div>

        <div class="mah-card__title-wrapper">
          <span class="mah-card__icon">
            <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>
          </span>

          <p class="mah-card__title">Gravure en clair-obscur
</p>
                                <p class="mah-card__subtitle">Exposition</p>
                  </div>
      </div>
    </a>
  </div>



          
          
  <div class="mah-card mah-card--regular  "
    >
    <a class="mah-card__link"  href="https://www.mahmah.ch/agenda?f%5B0%5D=event_type_institutions%3A%23visites">
      <div class="mah-card__wrapper">
        <div class="mah-card__image-wrapper">
          <picture class="mah-picture mah-picture--background" data-dither="true">
            <source srcset="/sites/default/files/styles/max_650x650/public/openagenda/1163251.jpg.webp"  style="object-fit: cover; object-position:50% 50%;" />

  <img class="mah-picture__image mah-picture--background" src="/sites/default/files/styles/max_650x650/public/openagenda/1163251.jpg.webp" loading="lazy" alt=""   style="object-fit: cover; object-position:50% 50%;">

  <canvas class="mah-picture__canvas" aria-hidden="true"/>
</picture>


        </div>

        <div class="mah-card__title-wrapper">
          <span class="mah-card__icon">
            <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>
          </span>

          <p class="mah-card__title">La flûte enchantée</p>
                      <p class="mah-card__title">Mercredi family</p>
                                <p class="mah-card__subtitle">Mercredi 10 mai, 15h00</p>
                  </div>
      </div>
    </a>
  </div>

  
  
      
  <div class="mah-card mah-card--regular  "
    >
    <a class="mah-card__link"  href="/programme/expositions/when-sun-goes-down-and-moon-comes">
      <div class="mah-card__wrapper">
        <div class="mah-card__image-wrapper">
          <picture class="mah-picture mah-picture--background" data-dither="true">
            <source srcset="/sites/default/files/styles/max_650x650/public/image/2023-04/poster_horizontal.jpg.webp"  style="object-fit: cover; object-position:50% 50%;" />

  <img class="mah-picture__image mah-picture--background" src="/sites/default/files/styles/max_650x650/public/image/2023-04/poster_horizontal.jpg.webp" loading="lazy" alt=""   style="object-fit: cover; object-position:50% 50%;">

  <canvas class="mah-picture__canvas" aria-hidden="true"/>
</picture>


        </div>

        <div class="mah-card__title-wrapper">
          <span class="mah-card__icon">
            <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>
          </span>

          <p class="mah-card__title">When the sun goes down and the moon comes up
</p>
                                <p class="mah-card__subtitle">Exposition</p>
                  </div>
      </div>
    </a>
  </div>


  
      
  <div class="mah-card mah-card--regular  "
    >
    <a class="mah-card__link"  href="/programme/expositions/jean-dunand">
      <div class="mah-card__wrapper">
        <div class="mah-card__image-wrapper">
          <picture class="mah-picture mah-picture--background" data-dither="true">
            <source srcset="/sites/default/files/styles/max_650x650/public/image/2023-03/2023_Carousel_Dunand.jpg.webp"  style="object-fit: cover; object-position:50% 50%;" />

  <img class="mah-picture__image mah-picture--background" src="/sites/default/files/styles/max_650x650/public/image/2023-03/2023_Carousel_Dunand.jpg.webp" loading="lazy" alt=""   style="object-fit: cover; object-position:50% 50%;">

  <canvas class="mah-picture__canvas" aria-hidden="true"/>
</picture>


        </div>

        <div class="mah-card__title-wrapper">
          <span class="mah-card__icon">
            <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>
          </span>

          <p class="mah-card__title">Jean Dunand 
</p>
                                <p class="mah-card__subtitle">Exposition</p>
                  </div>
      </div>
    </a>
  </div>



          
          
  <div class="mah-card mah-card--regular  "
    >
    <a class="mah-card__link"  href="https://www.mahmah.ch/agenda?f%5B0%5D=event_type_institutions%3A%23visites">
      <div class="mah-card__wrapper">
        <div class="mah-card__image-wrapper">
          <picture class="mah-picture mah-picture--background" data-dither="true">
            <source srcset="/sites/default/files/styles/max_650x650/public/openagenda/16543556.jpg.webp"  style="object-fit: cover; object-position:50% 50%;" />

  <img class="mah-picture__image mah-picture--background" src="/sites/default/files/styles/max_650x650/public/openagenda/16543556.jpg.webp" loading="lazy" alt=""   style="object-fit: cover; object-position:50% 50%;">

  <canvas class="mah-picture__canvas" aria-hidden="true"/>
</picture>


        </div>

        <div class="mah-card__title-wrapper">
          <span class="mah-card__icon">
            <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>
          </span>

          <p class="mah-card__title">De toutes les couleurs</p>
                      <p class="mah-card__title">Visite à tout petits pas</p>
                                <p class="mah-card__subtitle">Mercredi 10 mai, 10h30, 15h30</p>
                  </div>
      </div>
    </a>
  </div>

  

            </div>
          </div>
                  <div class="mah-homepage-grid__set mah-homepage-grid__set--cluster-02" data-variant="cluster-02">
            <div class="mah-homepage-grid__items">
                                    
  <div class="mah-card mah-card--regular  "
    >
    <a class="mah-card__link"  href="/voir-et-en-parler/publications/jean-dunand-une-fascination-pour-lasie">
      <div class="mah-card__wrapper">
        <div class="mah-card__image-wrapper">
          <picture class="mah-picture mah-picture--background" data-dither="true">
            <source srcset="/sites/default/files/styles/max_650x650/public/image/2022-09/PEL_ExpoDunand_Bonzon_33_bis.jpg.webp"  style="object-fit: cover; object-position:50% 50%;" />

  <img class="mah-picture__image mah-picture--background" src="/sites/default/files/styles/max_650x650/public/image/2022-09/PEL_ExpoDunand_Bonzon_33_bis.jpg.webp" loading="lazy" alt=""   style="object-fit: cover; object-position:50% 50%;">

  <canvas class="mah-picture__canvas" aria-hidden="true"/>
</picture>


        </div>

        <div class="mah-card__title-wrapper">
          <span class="mah-card__icon">
            <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>
          </span>

          <p class="mah-card__title">
<span>Jean Dunand. Une fascination pour l&#039;Asie<br />
</span>
</p>
                                <p class="mah-card__subtitle">Publication / 
            mars 2023

      </p>
                  </div>
      </div>
    </a>
  </div>

  
                      
  <div class="mah-card mah-card--regular  "
    >
    <a class="mah-card__link"  href="/voir-et-en-parler/articles/articles-magmah/le-musee-du-futur">
      <div class="mah-card__wrapper">
        <div class="mah-card__image-wrapper">
          <picture class="mah-picture mah-picture--background" data-dither="true">
            <source srcset="/sites/default/files/styles/max_650x650/public/image/2023-03/230309_MAH_danse%20%28139%20sur%20139%29.jpg.webp"  style="object-fit: cover; object-position:50% 50%;" />

  <img class="mah-picture__image mah-picture--background" src="/sites/default/files/styles/max_650x650/public/image/2023-03/230309_MAH_danse%20%28139%20sur%20139%29.jpg.webp" loading="lazy" alt=""   style="object-fit: cover; object-position:50% 50%;">

  <canvas class="mah-picture__canvas" aria-hidden="true"/>
</picture>


        </div>

        <div class="mah-card__title-wrapper">
          <span class="mah-card__icon">
            <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>
          </span>

          <p class="mah-card__title">
<span>Le musée du futur</span>
</p>
                                <p class="mah-card__subtitle">Magmah / 
            décembre 2022

      </p>
                  </div>
      </div>
    </a>
  </div>

  
                      
  <div class="mah-card mah-card--regular  "
    >
    <a class="mah-card__link"  href="/voir-et-en-parler/articles/articles-blog/le-fonds-galeries-moos-au-mah">
      <div class="mah-card__wrapper">
        <div class="mah-card__image-wrapper">
          <picture class="mah-picture mah-picture--background" data-dither="true">
            <source srcset="/sites/default/files/styles/max_650x650/public/image/2023-04/Une_Moos.jpg.webp"  style="object-fit: cover; object-position:51% 33%;" />

  <img class="mah-picture__image mah-picture--background" src="/sites/default/files/styles/max_650x650/public/image/2023-04/Une_Moos.jpg.webp" loading="lazy" alt=""   style="object-fit: cover; object-position:51% 33%;">

  <canvas class="mah-picture__canvas" aria-hidden="true"/>
</picture>


        </div>

        <div class="mah-card__title-wrapper">
          <span class="mah-card__icon">
            <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>
          </span>

          <p class="mah-card__title">
<span>Le fonds Galeries Moos au MAH</span>
</p>
                                <p class="mah-card__subtitle">Blog / 
            28 février 2023

      </p>
                  </div>
      </div>
    </a>
  </div>

  
                    
  <div class="mah-card mah-card--regular  "
    >
    <a class="mah-card__link"  href="/voir-et-en-parler/publications/surimono">
      <div class="mah-card__wrapper">
        <div class="mah-card__image-wrapper">
          <picture class="mah-picture mah-picture--background" data-dither="true">
            <source srcset="/sites/default/files/styles/max_650x650/public/image/2022-03/e_2013_0168_%C2%A9_MAH_Geneve_photographe_Andre_Longchamp.jpg.webp"  style="object-fit: cover; object-position:50% 50%;" />

  <img class="mah-picture__image mah-picture--background" src="/sites/default/files/styles/max_650x650/public/image/2022-03/e_2013_0168_%C2%A9_MAH_Geneve_photographe_Andre_Longchamp.jpg.webp" loading="lazy" alt=""   style="object-fit: cover; object-position:50% 50%;">

  <canvas class="mah-picture__canvas" aria-hidden="true"/>
</picture>


        </div>

        <div class="mah-card__title-wrapper">
          <span class="mah-card__icon">
            <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>
          </span>

          <p class="mah-card__title">
<span>Surimono<br />
</span>
</p>
                                <p class="mah-card__subtitle">Publication / 
            mars 2022

      </p>
                  </div>
      </div>
    </a>
  </div>

  

  
      
  <div class="mah-card mah-card--regular  "
    >
    <a class="mah-card__link"  href="/voir-et-en-parler/revue-magmah">
      <div class="mah-card__wrapper">
        <div class="mah-card__image-wrapper">
          <picture class="mah-picture mah-picture--background" data-dither="true">
            <source srcset="/sites/default/files/styles/max_650x650/public/image/2023-02/magmah-3-site-678x283.jpg.webp"  style="object-fit: cover; object-position:48% 27%;" />

  <img class="mah-picture__image mah-picture--background" src="/sites/default/files/styles/max_650x650/public/image/2023-02/magmah-3-site-678x283.jpg.webp" loading="lazy" alt=""   style="object-fit: cover; object-position:48% 27%;">

  <canvas class="mah-picture__canvas" aria-hidden="true"/>
</picture>


        </div>

        <div class="mah-card__title-wrapper">
          <span class="mah-card__icon">
            <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>
          </span>

          <p class="mah-card__title">Revue MAGMAH</p>
                                <p class="mah-card__subtitle">Magazine bi-annuel</p>
                  </div>
      </div>
    </a>
  </div>



            </div>
          </div>
                  <div class="mah-homepage-grid__set mah-homepage-grid__set--cluster-03" data-variant="cluster-03">
            <div class="mah-homepage-grid__items">
                
    
  <div class="mah-card mah-card--call-to-action   "
    >
        <a class="mah-card__link" href="https://soundcloud.com/mahgeneve/sets/jean-dunand-audioguide" >
          <div class="mah-card__wrapper">
        <div class="mah-card__content-wrapper">
          <p class="mah-card__title">Audioguide</p>
                                <span class="mah-card__icon mah-card__icon--before">
              <?xml version="1.0" encoding="UTF-8"?>
<svg width="14.5" height="14.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" version="1.1" viewBox="0 0 29 29" xmlns="http://www.w3.org/2000/svg">
 <path d="m0.5 28.5 14-14-14-14h28v28l-10.15-10.15" vector-effect="non-scaling-stroke"/>
</svg>
            </span>
          
                      <p class="mah-card__subtitle">Exposition Jean Dunand</p>
          
                      <span class="mah-card__icon mah-card__icon--after">
              <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" stroke-width="1.5" d="m6.4 32.8 4.4-4.4V46L2 37.2v-22L15.2 2h17.6L46 15.2v22L37.2 46V28.4l4.4 4.4"/>
</svg>
            </span>
                  </div>
      </div>
        </a>
      </div>


    
  <div class="mah-card mah-card--call-to-action   "
    >
        <a class="mah-card__link" href="https://www.youtube.com/watch?v=mAtVJFpPSsQ" >
          <div class="mah-card__wrapper">
        <div class="mah-card__content-wrapper">
          <p class="mah-card__title">Billet commémoratif OFS 500</p>
                                <span class="mah-card__icon mah-card__icon--before">
              <?xml version="1.0" encoding="UTF-8"?>
<svg width="14.5" height="14.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" version="1.1" viewBox="0 0 29 29" xmlns="http://www.w3.org/2000/svg">
 <path d="m0.5 28.5 14-14-14-14h28v28l-10.15-10.15" vector-effect="non-scaling-stroke"/>
</svg>
            </span>
          
                      <p class="mah-card__subtitle">Collection</p>
          
                      <span class="mah-card__icon mah-card__icon--after">
              
<svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M24.12 10h.2c1.85 0 11.22.08 13.74.78a4.5 4.5 0 0 1 2.02 1.2c.56.58.96 1.3 1.17 2.08.23.88.39 2.04.5 3.24l.02.24.05.6.01.25c.15 2.11.17 4.1.17 4.52v.18c0 .45-.02 2.56-.18 4.76l-.02.25-.02.24a23.52 23.52 0 0 1-.53 3.6 4.54 4.54 0 0 1-3.19 3.28c-2.6.73-12.53.78-13.9.78h-.32c-.7 0-3.57-.01-6.59-.12l-.38-.01-.2-.01-.38-.02-.38-.02c-2.5-.1-4.88-.3-5.98-.6a4.49 4.49 0 0 1-2.02-1.2 4.68 4.68 0 0 1-1.16-2.08c-.25-.96-.42-2.28-.53-3.6l-.02-.25-.02-.24a74.67 74.67 0 0 1-.18-4.7v-.3c0-.49.02-2.2.14-4.1l.02-.24v-.12l.02-.24.05-.6.03-.25c.1-1.2.26-2.36.5-3.24a4.49 4.49 0 0 1 3.18-3.29c1.1-.3 3.47-.48 5.97-.6l.38-.01.39-.02h.19l.39-.02c2.14-.07 4.28-.11 6.42-.12h.44Zm-3.72 7.43v11.14L29.75 23l-9.35-5.57Z"/>
</svg>
            </span>
                  </div>
      </div>
        </a>
      </div>


    
  <div class="mah-card mah-card--call-to-action   "
    >
        <a class="mah-card__link" href="https://soundcloud.com/mahgeneve/sets/divagations" >
          <div class="mah-card__wrapper">
        <div class="mah-card__content-wrapper">
          <p class="mah-card__title">Résidence d&#039;artiste - J. de Weck et P. Berger</p>
                                <span class="mah-card__icon mah-card__icon--before">
              <?xml version="1.0" encoding="UTF-8"?>
<svg width="14.5" height="14.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" version="1.1" viewBox="0 0 29 29" xmlns="http://www.w3.org/2000/svg">
 <path d="m0.5 28.5 14-14-14-14h28v28l-10.15-10.15" vector-effect="non-scaling-stroke"/>
</svg>
            </span>
          
                      <p class="mah-card__subtitle">Podcast</p>
          
                  </div>
      </div>
        </a>
      </div>


    
  <div class="mah-card mah-card--call-to-action   "
    >
        <a class="mah-card__link" href="https://www.youtube.com/watch?v=HwGbpAERACs" >
          <div class="mah-card__wrapper">
        <div class="mah-card__content-wrapper">
          <p class="mah-card__title">Carte blanche à Ugo Rondinone</p>
                                <span class="mah-card__icon mah-card__icon--before">
              <?xml version="1.0" encoding="UTF-8"?>
<svg width="14.5" height="14.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" version="1.1" viewBox="0 0 29 29" xmlns="http://www.w3.org/2000/svg">
 <path d="m0.5 28.5 14-14-14-14h28v28l-10.15-10.15" vector-effect="non-scaling-stroke"/>
</svg>
            </span>
          
                      <p class="mah-card__subtitle">Teaser de l&#039;expo</p>
          
                      <span class="mah-card__icon mah-card__icon--after">
              
<svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M24.12 10h.2c1.85 0 11.22.08 13.74.78a4.5 4.5 0 0 1 2.02 1.2c.56.58.96 1.3 1.17 2.08.23.88.39 2.04.5 3.24l.02.24.05.6.01.25c.15 2.11.17 4.1.17 4.52v.18c0 .45-.02 2.56-.18 4.76l-.02.25-.02.24a23.52 23.52 0 0 1-.53 3.6 4.54 4.54 0 0 1-3.19 3.28c-2.6.73-12.53.78-13.9.78h-.32c-.7 0-3.57-.01-6.59-.12l-.38-.01-.2-.01-.38-.02-.38-.02c-2.5-.1-4.88-.3-5.98-.6a4.49 4.49 0 0 1-2.02-1.2 4.68 4.68 0 0 1-1.16-2.08c-.25-.96-.42-2.28-.53-3.6l-.02-.25-.02-.24a74.67 74.67 0 0 1-.18-4.7v-.3c0-.49.02-2.2.14-4.1l.02-.24v-.12l.02-.24.05-.6.03-.25c.1-1.2.26-2.36.5-3.24a4.49 4.49 0 0 1 3.18-3.29c1.1-.3 3.47-.48 5.97-.6l.38-.01.39-.02h.19l.39-.02c2.14-.07 4.28-.11 6.42-.12h.44Zm-3.72 7.43v11.14L29.75 23l-9.35-5.57Z"/>
</svg>
            </span>
                  </div>
      </div>
        </a>
      </div>


    
  <div class="mah-card mah-card--call-to-action   "
    >
        <a class="mah-card__link" href="https://www.youtube.com/watch?v=M6klrdLENug" >
          <div class="mah-card__wrapper">
        <div class="mah-card__content-wrapper">
          <p class="mah-card__title">Résidence d&#039;artiste - Gautier Teuscher</p>
                                <span class="mah-card__icon mah-card__icon--before">
              <?xml version="1.0" encoding="UTF-8"?>
<svg width="14.5" height="14.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" version="1.1" viewBox="0 0 29 29" xmlns="http://www.w3.org/2000/svg">
 <path d="m0.5 28.5 14-14-14-14h28v28l-10.15-10.15" vector-effect="non-scaling-stroke"/>
</svg>
            </span>
          
                      <p class="mah-card__subtitle">Vidéo</p>
          
                      <span class="mah-card__icon mah-card__icon--after">
              
<svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M24.12 10h.2c1.85 0 11.22.08 13.74.78a4.5 4.5 0 0 1 2.02 1.2c.56.58.96 1.3 1.17 2.08.23.88.39 2.04.5 3.24l.02.24.05.6.01.25c.15 2.11.17 4.1.17 4.52v.18c0 .45-.02 2.56-.18 4.76l-.02.25-.02.24a23.52 23.52 0 0 1-.53 3.6 4.54 4.54 0 0 1-3.19 3.28c-2.6.73-12.53.78-13.9.78h-.32c-.7 0-3.57-.01-6.59-.12l-.38-.01-.2-.01-.38-.02-.38-.02c-2.5-.1-4.88-.3-5.98-.6a4.49 4.49 0 0 1-2.02-1.2 4.68 4.68 0 0 1-1.16-2.08c-.25-.96-.42-2.28-.53-3.6l-.02-.25-.02-.24a74.67 74.67 0 0 1-.18-4.7v-.3c0-.49.02-2.2.14-4.1l.02-.24v-.12l.02-.24.05-.6.03-.25c.1-1.2.26-2.36.5-3.24a4.49 4.49 0 0 1 3.18-3.29c1.1-.3 3.47-.48 5.97-.6l.38-.01.39-.02h.19l.39-.02c2.14-.07 4.28-.11 6.42-.12h.44Zm-3.72 7.43v11.14L29.75 23l-9.35-5.57Z"/>
</svg>
            </span>
                  </div>
      </div>
        </a>
      </div>



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




  </div>

  </div>

                  </section>

                      </div>
    </div>
  
  
                                                                                                                  
        
  
                      
  
              
      
          
  <footer class="mah-container mah-container--footer">
    

<div class="mah-footer-bar ">
      <div class="mah-footer-bar__grid">
      <div class="mah-footer-bar__text">
              </div>
    </div>
    <div class="mah-footer-bar__grid">
    <a class="mah-logo mah-logo--noscript-stroke " href="/"  aria-label="Musée d’Art et d’Histoire" title="Musée d’Art et d’Histoire">
  <span class="mah-logo__span" hidden="screen">Musée d’Art et d’Histoire</span>

  <svg class="mah-logo__svg" x="0" y="0" width="1266" height="416" viewBox="0 0 1266 416" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title hidden="screen">Musée d’Art et d’Histoire</title>

    <g fill="none" stroke="currentColor" stroke-width="1" vector-effect="non-scaling-stroke">
      <g class="mah-logo__mah">
        <path d="M415.29 414V2l-308.6 153.2H309.6L1 2v412l105.69-155.28L206.03 414 309.6 258.72 415.3 414Zm0 0L630.89 2l215.6 412m-431.2 0 314.94-155.28H527.31L846.5 414m0 0V2l306.48 153.2H950.06L1265 2v412L950.06 258.72h202.91L846.48 414Z"/>
      </g>
    </g>
  </svg>

</a>


          <p class="mah-footer-bar__slogan">Come to MAHMAH</p>
      </div>

      <div class="mah-footer-bar__grid">
      <div class="mah-footer-bar__column-logo mah-footer-bar__column-logo-top">
        <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="218" height="158" viewBox="0 0 218 158" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M85.5 144h0m0 0V69.6m0 74.4H1m84.5 0v11l-21.1-11h21.1zm0 0v11h0l23-21.5m0-132.5v41.4M5.4 61.1v-6.6m0 6.6L1 69.5v0m4.4-8.4 2.2 4.4m77.9 4H1m84.5 0 23 21.4m-23-21.4h46.1M1 144V69.5M1 144v11l21.1-11M1 144h21.1M1 69.5h8.7m-8.7 0L43.2 91M1 69.5h84.5M64.3 144l-21.1 11-21.1-11h42.2zm0 0h11.5v-21.8a5.8 5.8 0 0 0-11.6 0V144zm-42.2 0v-21.8a5.8 5.8 0 0 0-11.6 0V144h11.6zm109.4 0v11h0l-23-21.5m23 10.5V69.6m0 74.4H216V69.5M131.5 144v11l21.1-11h-21.1zm-23-10.5 11.6-10.8H96.9l11.6 10.8zm0-42.6 23-21.4m-23 21.4-11.6 10.7H120l-11.5-10.7zm23-21.4H216m-84.5 0-7.7-3.8m7.7 3.8h0m0 0h-15.4m0 0-7.6-3.8m7.6 3.8-7.6-15m7.6 15h-15.3m15.3 0v-15l7.7 3.7m-7.7 11.3 7.7-3.8m-15.3 0 3.7-1.9h-7.5l3.8 1.9zm0 0-7.6 3.8m-.1 0 7.6-15m-7.6 15h-7.7m7.7 0L97 63.8l-3.8 5.8m7.6-.1V54.3m7.7.3V42.4m0 12.2-7.7 15V54.3m7.7-11.9H46.2L7.7 65.5m100.8-23.1h62.3l38.5 23.2M100.8 54.3l-7.7 3.8m.1 0-7.7-3.8v15.3m7.7-11.5L89.3 60H97l-3.8-1.9zm-7.7 11.4H9.7m75.8 0L43.2 91m42.3-21.5h7.7m-7.7 0 3.8-5.8 3.8 5.8m-83.4 0-2-4M43.2 91l-21.1 10.7h42.2L43.2 91zm88.3 53h0m80.1-89.5v6.6m4.4 8.4h0l-4.4-8.4-2.2 4.4m6.6 4h-8.7m8.7 0L173.8 91l-42.2-21.4m84.4-.1h-84.5m21.2 74.5 21.1 11 21.1-11h-42.2zm0 0h-11.5v-21.8a5.8 5.8 0 0 1 11.6 0V144zm42.2 0 21.1 11v-11h-21.1zm0 0v-21.8a5.8 5.8 0 0 1 11.6 0V144h-11.6zm12.4-74.5 2-4m-2 4h-75.8m0 0v-15l-7.7 3.7m0 .1-3.8 1.9h7.7l-3.9-1.9zm0 7.5 3.8-1.9H120l3.8 1.9zM40 122.1V144H28.5v-21.8c0-3.2 2.6-5.8 5.8-5.8 3.2-.1 5.7 2.5 5.7 5.7zm18 0V144H46.4v-21.8c0-3.2 2.6-5.8 5.8-5.8 3.2-.1 5.8 2.5 5.8 5.7zm119 0V144h11.5v-21.8c0-3.2-2.6-5.8-5.8-5.8-3.2-.1-5.7 2.5-5.7 5.7zm-18 0V144h11.5v-21.8c0-3.2-2.6-5.8-5.8-5.8-3.1-.1-5.7 2.5-5.7 5.7zm-6.4-20.4h42.2l-21-10.7-21.2 10.7z"/>
</svg>
      </div>
    </div>
  
      <div class="mah-footer-bar__grid">
              <div class="mah-footer-bar__column mah-footer-bar__column-large">
          
          <div class="mah-richtext mah-richtext--introduction">
  <p><a href="https://www.google.fr/maps/place/Rue+Charles-Galland+2,+1206+Gen%C3%A8ve,+Switzerland/">Rue Charles-Galland 2<br />
1206 Genève</a></p>
</div>


        </div>
              <div class="mah-footer-bar__column mah-footer-bar__column-large">
          
          <div class="mah-richtext mah-richtext--introduction">
  <div>
<div>
<p><a href="tel:+41224182600">+41 (0)22 418 26 00</a><br /><a href="mailto:infos@mahmah.ch">infos@mahmah.ch</a></p>
</div>
</div>
</div>


        </div>
              <div class="mah-footer-bar__column mah-footer-bar__column-large">
          
          <div class="mah-richtext mah-richtext--introduction">
  <p>Mardi - dimanche 11h-18h<br />
Jeudis 12h-21h</p>
</div>


        </div>
          </div>
  
      <div class="mah-footer-bar__grid mah-footer-bar__grid-small">
              <div class="mah-footer-bar__column mah-footer-bar__column-small">
                      <div class="mah-footer-bar__column-logo">
              <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="206" height="162" viewBox="0 0 206 162" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M1.5 86.5v74.4h11.4M1.5 86.5h59.8m-59.8 0 11.1-29h48.7m-59.8 29 29.9 13.7m-18.5 60.7v-28.8m0 28.8h18.5m-18.5 0v-7.5m0-21.2h5.9m-5.9 0v10.6m0-10.6h0m5.8 0c3-3.6 7.6-5.9 12.7-5.9m-12.7 5.9h-5.9m18.6-6c5.1 0 9.6 2.3 12.7 5.9m-12.7-5.9v5.9m12.7.1H50m-5.9 0H50m-.1 0V161m0-28.8v10.6m0-10.6h0m0 28.7h11.4m-11.4 0v-7.5m0 7.5H31.4m29.9 0V86.5m0 74.4 11.1-19.1m-11.1 19.1v-52.1m0-22.3v-29m0 29-29.9 13.7m0 31.9-9.3 4.8-9.3-4.8m18.6 0 9.3 4.8 9.3-4.8m-18.6 0v10.7m41-111.9v5.7m11.1 72.2L77.9 99l-5.6 9.8-5.5-9.8-5.6 9.8m22.3 0V57.5m0 51.3v52.1l-11.1-19.1m0 0 5.6-9.6H66.8l5.6 9.6zm-11.1-33V57.5m0 0 11.1-5.3m-11.1 5.3 11.1-20.9 11.1 20.9m-22.2 0 11.1 5.3m11.1-5.3-11.1-5.3m11.1 5.3-11.1 5.3m0-10.6 5.4-2.6H67l5.4 2.6zm0 10.6L67 65.4h10.8l-5.4-2.6zm-41 37.4-18.8 8.6h37.6l-18.8-8.6zm0 42.6-9.3 4.8-9.3-4.8m18.6 0 9.3 4.8 9.3-4.8m-18.6 0v10.6m-18.5-10.6v10.6m37-10.6v10.6m-18.5 0v7.5m0-7.5-9.3 4.8-9.3-4.8m18.6 0 9.3 4.8 9.3-4.8M8 112.7h9.3v10H8v-10zm18.8 0H36v10h-9.3v-10zm18.8 0h9.3v10h-9.3v-10z"/>
</svg>
            </div>
          
                      <p class="mah-footer-bar__column-title">MAISON TAVEL</p>
          
                      <div class="mah-richtext mah-richtext--caption">
  <div>
<p><a href="https://www.google.fr/maps/place/Rue+du+Puits-Saint-Pierre,+1204+Gen%C3%A8ve,+Switzerland/">Rue du Puits-St-Pierre 6<br />
1204 Genève</a><br /><a href="tel:+41224183700">+41 (0)22 418 37 00</a></p>

<p>11h-18h<br />
Fermé le lundi</p>
</div>
</div>

          
          
                  </div>
              <div class="mah-footer-bar__column mah-footer-bar__column-small">
                      <div class="mah-footer-bar__column-logo">
              <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="206" height="162" viewBox="0 0 206 162" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M130.7 155H38m92.7 0-6-6m6 6 5.8 5.9H32.2M38 155l6-6m-6 6-5.8 5.9M44 149h80.6M44 149l5.8-5.9M44 149l-11.8 11.9m92.5-11.9-5.8-5.9h-69m-17.7 17.8H6.3v-17.7h43.6M8.5 99.9h38m-38 0v43.2m0-43.2v-5.2m0 5.2 19 9.6 19-9.6m0 0v43.2m0-43.2h4.2m-4.2 0v-5.2m0 48.5h-38m38 0h4.2m-4.2 0h-19m19 0-9.5-4.9-9.5 4.9m-19 0h19m-19 0 9.5-4.9 9.5 4.9M129 87.9H39.7m89.3 0L84.4 69.1 39.7 87.9m89.3 0-1.5 1.5-5.3 5.3m-82.5-6.8 1.5 1.5M61 99.9h4.2m-4.2 0v43.2m0-43.2H50.7m10.3 0h18m-13.8 0v43.2m0-43.2h9.7m-9.7 43.3H61m4.2 0h9.7m-13.9 0H50.7m24.1-43.3H79m-4.2 0v43.2M79 99.9v43.2m0-43.2v19.3m0-19.3h10.6M79 143.2h-4.2m4.2 0h10.7m-10.7 0v-23.9M50.7 99.9v43.2m39-43.2v19.3m0-19.3h4.2m-4.2 0v43.2m0-43.2h18m-18 19.3H79m10.7 0v23.9m0 .1h4.2M8.5 94.8h38m-38 0-7-5.3h39.7m5.3 5.3h75.7m-75.7 0-5.3-5.3m81 5.3v5.2m0-5.2h38v5.2h-38m0-.1h38m-38 0v43.2m0-43.2 19 9.6 19-9.6m0 0v43.2m0 .1h-38m38 0h-19m19 0-9.5-4.9-9.5 4.9m-19 0h19m-19 0 9.5-4.9 9.5 4.9m-37.6-43.3h4.2m-4.2 0v43.2m0-43.2h-9.7m13.8 0v43.2m0-43.2H118m-10.3 43.3h-4.2m4.2 0H118m-14.4 0h-9.7m0-43.3v43.2M118 99.9h4.2m-4.2 0v43.2m4.2-43.2v43.2H118m-81-28.8H18l9.5-4.8 9.5 4.8zm81.8 28.9h43.6v17.7h-25.9l-17.7-17.7zm3.4-48.4h38l7-5.3h-39.7l-5.3 5.3zm9.5 19.5h19l-9.5-4.8-9.5 4.8z"/>
</svg>
            </div>
          
                      <p class="mah-footer-bar__column-title">MUSÉE RATH</p>
          
                      <div class="mah-richtext mah-richtext--caption">
  <p>Musée Rath</p>

<div>
<p><a href="https://www.google.fr/maps/place/Pl.+de+Neuve,+1204+Gen%C3%A8ve,+Switzerland/">Place Neuve<br />
1204 Genève</a><br /><a href="tel:+41224183340">+41 (0)22 418 33 40</a></p>

<p>Ouvert uniquement durant les expositions temporaires<br />
11h-18h. Fermé le lundi</p>
</div>
</div>

          
          
                  </div>
              <div class="mah-footer-bar__column mah-footer-bar__column-small">
                      <div class="mah-footer-bar__column-logo">
              <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="206" height="162" viewBox="0 0 206 162" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M40.7 102.2 15 81.1m25.7 21.1L15 68.9v12.2m25.7 21.1 25.7-21m-25.7 21 25.7-33.3v12.3m-25.7 21L8.3 85.9m32.4 16.3 32.5-16.3M15 81.1l-6.8-5.5v10.2m58.2-4.6 6.8-5.5v10.2m-64.9 0-6.8-3.4V161l19.6-29.6L40.7 161l19.6-29.6L80 160.9V82.4l-6.8 3.4"/>
</svg>
            </div>
          
                      <p class="mah-footer-bar__column-title">BAA</p>
          
                      <div class="mah-richtext mah-richtext--caption">
  <div>
<p><a href="https://www.google.fr/maps/place/Prom.+du+Pin+5,+1204+Gen%C3%A8ve,+Switzerland/">Promenade du Pin 5<br />
1204 Genève</a><br /><a href="tel:+41224182707">+41 (0)22 418 27 07</a></p>

<p>Lundi - vendredi 10h-18h<br />
Samedi et dimanche fermé</p>
</div>
</div>

          
          
                  </div>
              <div class="mah-footer-bar__column mah-footer-bar__column-small">
                      <div class="mah-footer-bar__column-logo">
              <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="206" height="162" viewBox="0 0 206 162" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M47.3 160.9 70.4 115l23.2 45.9-34.5-17.3h22.4l-34.2 17.3zm0 0V115L13 132.3h23.7L1.5 115v45.9L13 143.7l11.1 17.2 12-17.3 11.2 17.3zm57.8-17.3h23.4l-34.8 17.3V115l35.6 17.3h-23.9L140 115v45.9l-34.9-17.3zm-11.4-28.7V69l35.6 17.3h-23.9L140 69v45.9l-11.2-17.3-12.2 17.3-11.3-17.2-11.6 17.2zm-92.2-46v46h45.8V97.6H25.8v14.1l21.4-42.8H1.5zm45.8 46L70.4 69l23.2 45.9-34.5-17.3h22.4l-34.2 17.3z"/>
</svg>
            </div>
          
                      <p class="mah-footer-bar__column-title">GAMMAH</p>
          
                      <div class="mah-richtext mah-richtext--caption">
  <div>
<p><a href="https://www.google.fr/maps/place/Prom.+du+Pin+5,+1204+Gen%C3%A8ve,+Switzerland/">Promenade du Pin 5<br />
1204 Genève</a><br /><a href="tel:+41224182600">+41 (0)22 418 26 00</a></p>

<p>Mardi - dimanche 11h-18h<br />
Jeudis 12h-21h</p>
</div>
</div>

          
          
                  </div>
            <div class="mah-footer-bar__column mah-footer-bar__column-small">

        <div class="mah-footer-bar__column-logo"></div>

        <div class="block-mah-newsletter-block">
  
    
      <form class="mah-newsletter-form inf-form" target="_blank" data-drupal-selector="mah-newsletter-form" action="https://newsletter.infomaniak.com/external/submit" method="post" id="mah-newsletter-form" accept-charset="UTF-8">
  <input data-drupal-selector="edit-key" type="hidden" name="key" value="eyJpdiI6Im1ESStVSCs5bkRaTkFySFo3Z1h5c2pXelwvd2NoMzI0MlJaMnVoXC96czRCdz0iLCJ2YWx1ZSI6IjRmdTBMcFBzZW5JQTNEUXJoNHRqbUF3WGZGTEVXN2J0emFibVwvcHlqVWJjPSIsIm1hYyI6ImUxMTcwNTgzYTY4ZTU1NTkyMDdlNjZlNDE5ZTU0ZWIzYWI4NWJkM2Q2OTBjNTAwNWRkYzkyMWQ4OTFlOTMwYjEifQ==" />
<input data-drupal-selector="edit-webform-id" type="hidden" name="webform_id" value="1728" />
<div class="inf-main js-form-wrapper form-wrapper" data-drupal-selector="edit-inf-main" id="edit-inf-main"><p class="mah-footer-bar__column-title">Inscrivez-vous à la Newsletter</p><div class="inf-success js-form-wrapper form-wrapper" data-drupal-selector="edit-inf-success" id="edit-inf-success"><h4>Inscription enregistrée !</h4></div>
<div class="inf-content mah-text-field mah-text-field--text js-form-wrapper form-wrapper" data-drupal-selector="edit-inf-content" id="edit-inf-content"><div class='mah-form-row'><div class='mah-text-field__wrapper'>  <div class="js-form-item form-item js-form-type-email form-item-email js-form-item-email form-no-label">
                <input data-inf-meta="1" data-inf-error="Merci de renseigner une adresse email" class="mah-text-field__input form-email required" data-drupal-selector="edit-email" type="email" id="edit-email" name="email" value="" size="60" maxlength="254" placeholder="Email" required="required" aria-required="true" />

                  </div>
</div></div><div class='inf-submit mah-footer-bar__column-buttons mah-form-row'><input class="mah-button mah-button--outline mah-button--newsletter button js-form-submit form-submit mah-button--primary" data-drupal-selector="edit-submit" type="submit" id="edit-submit" name="op" value="Valider" />
</div></div>
</div>
<input autocomplete="off" data-drupal-selector="form-2pabzaca1al9pf18ikd-tdfrpo84ggsaecap2t0qcgm" type="hidden" name="form_build_id" value="form-2pabzACA1al9pF18ikd_TDFRPo84gGSAECaP2t0QcgM" />
<input data-drupal-selector="edit-mah-newsletter-form" type="hidden" name="form_id" value="mah_newsletter_form" />
<input data-drupal-selector="edit-honeypot-time" type="hidden" name="honeypot_time" value="FyY1psf9wwu3heVlWIK3VfZU3O7fkrHrn0ckNpFtHGw" />
<div class="url-textfield js-form-wrapper form-wrapper" style="display: none !important;">  <div class="js-form-item form-item js-form-type-textfield form-item-url js-form-item-url">
          <label for="edit-url" class="control-label">Leave this field blank</label>
                <input autocomplete="off" data-drupal-selector="edit-url" type="text" id="edit-url" name="url" value="" size="20" maxlength="128" class="form-text" />

                  </div>
</div>

</form>

  </div>


                  <div class="mah-footer-bar__column-links">
                              
          <a class="mah-link mah-link--social" href="https://www.facebook.com/mahgeneve"   aria-label="Facebook" >
          <span class="mah-link__icon mah-link__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" vector-effect="non-scaling-stroke">
  <path d="M15.7,12.3v-1.3c0-0.4,0.1-0.6,0.1-0.7c0.1-0.1,0.2-0.2,0.8-0.2h2.1V6.3l-0.5-0.1c-0.3,0-1.3-0.1-2.4-0.1 c-1.3,0-2.4,0.4-3.2,1.2c-0.8,0.9-1.3,2.1-1.2,3.3v1.6H8.9v4.1h2.6v6.5H1.7c-0.3,0-0.5-0.2-0.5-0.5c0,0,0,0,0,0V1.7 c0-0.3,0.2-0.5,0.5-0.5h20.7c0.3,0,0.5,0.2,0.5,0.5v20.7c0,0.3-0.2,0.5-0.5,0.5h-6.6v-6.5h2.5l0.1-0.5l0.4-3l0.1-0.6 C18.7,12.3,15.7,12.3,15.7,12.3z"/>
</svg>

    </span>
  
      <span class="mah-link__span">Facebook</span>
  
  
  
  </a>

                              
          <a class="mah-link mah-link--social" href="http://www.flickr.com/photos/mahgeneve"   aria-label="Flickr" >
          <span class="mah-link__icon mah-link__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="-1 -1 22 22" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" vector-effect="non-scaling-stroke">
  <path d="M16.25 1c.9 0 1.66.31 2.3.95.64.64.95 1.4.95 2.3v12.5c0 .9-.31 1.66-.95 2.3-.64.64-1.4.95-2.3.95H3.75c-.9 0-1.66-.31-2.3-.95a3.11 3.11 0 0 1-.95-2.3V4.25c0-.9.31-1.66.95-2.3.64-.64 1.4-.95 2.3-.95h12.5Z"/>
  <circle cx="7.17" cy="10.53" r="1.83"/>
  <circle cx="12.83" cy="10.53" r="1.83"/>
</svg>

    </span>
  
      <span class="mah-link__span">Flickr</span>
  
  
  
  </a>

                              
          <a class="mah-link mah-link--social" href="https://www.instagram.com/mahgeneve/"   aria-label="Instagram" >
          <span class="mah-link__icon mah-link__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" vector-effect="non-scaling-stroke">
  <circle cx="12" cy="12" r="5.1"/>
  <path d="M18.9,5.7c0,0.3-0.3,0.6-0.6,0.6c-0.3,0-0.6-0.3-0.6-0.6c0-0.3,0.3-0.6,0.6-0.6C18.6,5.1,18.9,5.4,18.9,5.7z"/>
  <path d="M22.1,12c0,3.2,0,3.5-0.1,4.8c-0.2,3.4-1.8,5.1-5.2,5.3c-1.3,0-1.6,0.1-4.8,0.1c-3.2,0-3.6,0-4.8-0.1 c-3.4-0.1-5.1-1.8-5.2-5.2c-0.1-1.3-0.1-1.6-0.1-4.8c0-3.2,0-3.5,0.1-4.8C2.1,3.8,3.8,2.1,7.2,2C8.4,1.9,8.8,1.9,12,1.9 c3.2,0,3.5,0,4.8,0.1c3.4,0.2,5.1,1.8,5.2,5.2C22.1,8.4,22.1,8.8,22.1,12C22.1,12,22.1,12,22.1,12z"/>
</svg>

    </span>
  
      <span class="mah-link__span">Instagram</span>
  
  
  
  </a>

                              
          <a class="mah-link mah-link--social" href="https://twitter.com/MAHgeneve"   aria-label="Twitter" >
          <span class="mah-link__icon mah-link__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" vector-effect="non-scaling-stroke">
  <path d="M3.4,5.5l0.1-0.4C5.7,7.6,8.8,9,12.1,8.9c0.3,0,0.6-0.3,0.6-0.6v-1l0,0c0-2.1,1.6-3.8,3.7-3.9 c1.1,0,2.2,0.5,2.9,1.3C19.6,5,19.8,5,20,5c0.5-0.1,1.1-0.4,1.6-0.7c-0.3,0.6-0.7,1.3-1.2,1.8c-0.1,0.1-0.2,0.3-0.2,0.5 c0,0.2,0.1,0.5,0.1,0.7c0,5.5-2.6,9.3-6.2,11.2c-3.3,1.7-7.1,1.9-10.5,0.5c1.7-0.3,3.4-0.9,4.8-1.9c0.3-0.2,0.3-0.6,0.1-0.8 c-0.1-0.1-0.1-0.2-0.2-0.2c-1.7-0.7-3.2-1.9-4.2-3.4C3.5,11.5,3.1,10.2,3,8.8C3,7.7,3.1,6.6,3.4,5.5L3.4,5.5z"/>
</svg>

    </span>
  
      <span class="mah-link__span">Twitter</span>
  
  
  
  </a>

                              
          <a class="mah-link mah-link--social" href="http://www.youtube.com/user/mahgeneve"   aria-label="YouTube" >
          <span class="mah-link__icon mah-link__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" vector-effect="non-scaling-stroke">
  <path d="M22.9,6.5c-0.3-1-1-1.8-2-2C19.5,4,6.7,3.7,3,4.5c-1,0.3-1.7,1-2,2c-0.6,2.6-0.7,8.3,0,11c0.3,1,1,1.7,2,2 c2.6,0.6,15.1,0.7,17.9,0c1-0.3,1.8-1,2-2C23.5,14.6,23.6,9.3,22.9,6.5C22.9,6.5,22.9,6.5,22.9,6.5z"/>
  <path d="M10.1,9.9l3.6,2.1L10.1,14C10.1,14,10.1,9.9,10.1,9.9z"/>
</svg>

    </span>
  
      <span class="mah-link__span">YouTube</span>
  
  
  
  </a>

                      </div>
        
      </div>
    </div>
  
      <div class="mah-footer-bar__grid">
      <div class="mah-footer-bar__text">

                  <div class="mah-richtext mah-richtext--caption">
  <p><a href="/conditions-generales-dutilisation" target="_self">Mentions légales</a> © Musée d’art et d’histoire de la Ville de Genève</p>
</div>

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

    
<div class="mah-subfooter-bar ">
  <div class="mah-subfooter-bar__grid">
    <div class="mah-subfooter-bar__wrapper">
            <a class="mah-subfooter-bar__link" href="https://www.geneve.ch" title="Accéder au site de la Ville de Genève" target="_blank">
              <img class="mah-subfooter-bar__image" src="/sites/default/files/2022-09/footer_text_noir.png" width="300" height="143" alt="Site web de la Ville de Genève" loading="lazy"/>
            </a>
      
            <a class="mah-subfooter-bar__link" href="https://www.geneve.ch" title="Accéder au site de la Ville de Genève" target="_blank">
              <img class="mah-subfooter-bar__image" src="/sites/default/files/2022-09/footer_logo_vdg_noir.png" width="255" height="150" alt="Site web de la Ville de Genève" loading="lazy"/>
            </a>
          </div>
  </div>
</div>

  </footer>
</div>
<button type="button" id="jsScrollToTopBtn"><svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M24 44V24H4L24 4l20 20H29.5"/>
</svg>
</button>

<div class="mah-container mah-container--overlays" role="dialog" aria-label="Content overlay">
      
  
<div class="mah-menu-overlay " aria-label="Navigation principale" role="dialog">
  <div class="mah-menu-overlay__scroll-container">
    <div class="mah-menu-overlay__scroll-object" role="document">
      <div class="mah-menu-overlay__grid mah-menu-overlay__header">
        <div class="mah-menu-bar-contents">
          <div class="mah-menu-bar-contents__start">
                
  <a class="mah-button mah-button--regular    mah-button--home" href="https://www.mahmah.ch/"    >
        <span class="mah-button__icon mah-button__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="1266" height="416" viewBox="0 0 1266 416" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-width="1" vector-effect="non-scaling-stroke">
  <title hidden="screen">Musée d’Art et d’Histoire de Genève (MAH)</title>

  <g class="logo__mah">
    <path d="M415.29 414V2l-308.6 153.2H309.6L1 2v412l105.69-155.28L206.03 414 309.6 258.72 415.3 414Zm0 0L630.89 2l215.6 412m-431.2 0 314.94-155.28H527.31L846.5 414m0 0V2l306.48 153.2H950.06L1265 2v412L950.06 258.72h202.91L846.48 414Z"/>
  </g>
</svg>

    </span>
  
      <span class="mah-button__span">Musée d’Art et d’Histoire</span>
  
  
  
  </a>

                      </div>
          <div class="mah-menu-bar-contents__end">
                  <button class="mah-button mah-button--regular   mah-button--close-menu"   aria-label="" >
        <span class="mah-button__icon mah-button__icon--before">
      
<svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M43 5 24 24M5 43l19-19M5 5l9.5 9.5 4.75 4.75L24 24m19 19L28.07 28.07"/>
</svg>

    </span>
  
      <span class="mah-button__span">Fermer</span>
  
      <span class="mah-link__long-title" hidden="screen">Fermer</span>
  
  
  </button>


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

      <div class="mah-menu-overlay__grid">
                          <div class="mah-menu-overlay__link-list-column">
                          <div class="mah-menu-overlay__link-list">
                                    
  <a class="mah-button mah-button--primary    mah-button--menu-item" href="/programme"    >
    
      <span class="mah-button__span">Programme</span>
  
  
  
  </a>


                                  <ul class="mah-menu-overlay__link-list">
                                          <li class="mah-menu-overlay__link-list-item">
                                                    
  <a class="mah-button mah-button--clean    mah-button--menu-item" href="/programme/expositions"    >
        <span class="mah-button__icon mah-button__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>

    </span>
  
      <span class="mah-button__span">Expositions</span>
  
  
  
  </a>

                      </li>
                                          <li class="mah-menu-overlay__link-list-item">
                                                    
  <a class="mah-button mah-button--clean    mah-button--menu-item" href="/programme/activites-evenements"    >
        <span class="mah-button__icon mah-button__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>

    </span>
  
      <span class="mah-button__span">Activités &amp; Événements</span>
  
  
  
  </a>

                      </li>
                                          <li class="mah-menu-overlay__link-list-item">
                                                    
  <a class="mah-button mah-button--clean    mah-button--menu-item" href="/programme/jeudi-au-mah"    >
        <span class="mah-button__icon mah-button__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>

    </span>
  
      <span class="mah-button__span">Jeudi au MAH</span>
  
  
  
  </a>

                      </li>
                                          <li class="mah-menu-overlay__link-list-item">
                                                    
  <a class="mah-button mah-button--clean    mah-button--menu-item" href="/programme/afterworks"    >
        <span class="mah-button__icon mah-button__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>

    </span>
  
      <span class="mah-button__span">Afterworks</span>
  
  
  
  </a>

                      </li>
                                          <li class="mah-menu-overlay__link-list-item">
                                                    
  <a class="mah-button mah-button--clean    mah-button--menu-item" href="/programme/colloques-journees-detudes"    >
        <span class="mah-button__icon mah-button__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>

    </span>
  
      <span class="mah-button__span">Colloques &amp; Journées d&#039;études</span>
  
  
  
  </a>

                      </li>
                                          <li class="mah-menu-overlay__link-list-item">
                                                    
  <a class="mah-button mah-button--clean    mah-button--menu-item" href="/agenda"    >
        <span class="mah-button__icon mah-button__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>

    </span>
  
      <span class="mah-button__span">Agenda</span>
  
  
  
  </a>

                      </li>
                                      </ul>
                              </div>
                          <div class="mah-menu-overlay__link-list">
                                    
  <a class="mah-button mah-button--primary    mah-button--menu-item" href="/visite"    >
    
      <span class="mah-button__span">Visite</span>
  
  
  
  </a>


                                  <ul class="mah-menu-overlay__link-list">
                                          <li class="mah-menu-overlay__link-list-item">
                                                    
  <a class="mah-button mah-button--clean    mah-button--menu-item" href="/visite/horaires-acces"    >
        <span class="mah-button__icon mah-button__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>

    </span>
  
      <span class="mah-button__span">Horaires &amp; Accès</span>
  
  
  
  </a>

                      </li>
                                          <li class="mah-menu-overlay__link-list-item">
                                                    
  <a class="mah-button mah-button--clean    mah-button--menu-item" href="/visite/tarifs-reservations"    >
        <span class="mah-button__icon mah-button__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>

    </span>
  
      <span class="mah-button__span">Tarifs &amp; Réservations</span>
  
  
  
  </a>

                      </li>
                                          <li class="mah-menu-overlay__link-list-item">
                                                    
  <a class="mah-button mah-button--clean    mah-button--menu-item" href="/visite/enseignants-ecoles"    >
        <span class="mah-button__icon mah-button__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>

    </span>
  
      <span class="mah-button__span">Enseignants &amp; Écoles</span>
  
  
  
  </a>

                      </li>
                                          <li class="mah-menu-overlay__link-list-item">
                                                    
  <a class="mah-button mah-button--clean    mah-button--menu-item" href="/visite/accueil-jeune-public"    >
        <span class="mah-button__icon mah-button__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>

    </span>
  
      <span class="mah-button__span">Accueil Jeune Public</span>
  
  
  
  </a>

                      </li>
                                          <li class="mah-menu-overlay__link-list-item">
                                                    
  <a class="mah-button mah-button--clean    mah-button--menu-item" href="/visite/accessibilite"    >
        <span class="mah-button__icon mah-button__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>

    </span>
  
      <span class="mah-button__span">Accessibilité</span>
  
  
  
  </a>

                      </li>
                                          <li class="mah-menu-overlay__link-list-item">
                                                    
  <a class="mah-button mah-button--clean    mah-button--menu-item" href="/visite/visites-la-demande"    >
        <span class="mah-button__icon mah-button__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>

    </span>
  
      <span class="mah-button__span">Visites à la demande</span>
  
  
  
  </a>

                      </li>
                                      </ul>
                              </div>
                      </div>
                  <div class="mah-menu-overlay__link-list-column">
                          <div class="mah-menu-overlay__link-list">
                                    
  <a class="mah-button mah-button--primary    mah-button--menu-item" href="/voir-et-en-parler"    >
    
      <span class="mah-button__span">Voir et en parler</span>
  
  
  
  </a>


                                  <ul class="mah-menu-overlay__link-list">
                                          <li class="mah-menu-overlay__link-list-item">
                                                    
  <a class="mah-button mah-button--clean    mah-button--menu-item" href="/voir-et-en-parler/articles"    >
        <span class="mah-button__icon mah-button__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>

    </span>
  
      <span class="mah-button__span">Articles</span>
  
  
  
  </a>

                      </li>
                                          <li class="mah-menu-overlay__link-list-item">
                                                    
  <a class="mah-button mah-button--clean    mah-button--menu-item" href="/voir-et-en-parler/publications-en-ligne"    >
        <span class="mah-button__icon mah-button__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>

    </span>
  
      <span class="mah-button__span">Publications en ligne</span>
  
  
  
  </a>

                      </li>
                                          <li class="mah-menu-overlay__link-list-item">
                                                    
  <a class="mah-button mah-button--clean    mah-button--menu-item" href="/voir-et-en-parler/experiences"    >
        <span class="mah-button__icon mah-button__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>

    </span>
  
      <span class="mah-button__span">Expériences</span>
  
  
  
  </a>

                      </li>
                                          <li class="mah-menu-overlay__link-list-item">
                                                    
  <a class="mah-button mah-button--clean    mah-button--menu-item" href="/voir-et-en-parler/revue-magmah"    >
        <span class="mah-button__icon mah-button__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>

    </span>
  
      <span class="mah-button__span">Revue MAGMAH</span>
  
  
  
  </a>

                      </li>
                                      </ul>
                              </div>
                          <div class="mah-menu-overlay__link-list">
                                    
  <a class="mah-button mah-button--primary    mah-button--menu-item" href="/agrandissement-restauration"    >
    
      <span class="mah-button__span">Agrandissement &amp; Restauration</span>
  
  
  
  </a>


                                  <ul class="mah-menu-overlay__link-list">
                                          <li class="mah-menu-overlay__link-list-item">
                                                    
  <a class="mah-button mah-button--clean    mah-button--menu-item" href="/agrandissement-restauration/le-mah-de-demain"    >
        <span class="mah-button__icon mah-button__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>

    </span>
  
      <span class="mah-button__span">Le MAH de demain</span>
  
  
  
  </a>

                      </li>
                                          <li class="mah-menu-overlay__link-list-item">
                                                    
  <a class="mah-button mah-button--clean    mah-button--menu-item" href="/agrandissement-restauration/les-grandes-etapes-du-projet"    >
        <span class="mah-button__icon mah-button__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>

    </span>
  
      <span class="mah-button__span">Chronologie</span>
  
  
  
  </a>

                      </li>
                                          <li class="mah-menu-overlay__link-list-item">
                                                    
  <a class="mah-button mah-button--clean    mah-button--menu-item" href="/faq#projet-dagrandissement-et-de-restauration-du-mah"    >
        <span class="mah-button__icon mah-button__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>

    </span>
  
      <span class="mah-button__span">FAQ</span>
  
  
  
  </a>

                      </li>
                                      </ul>
                              </div>
                      </div>
                  <div class="mah-menu-overlay__link-list-column">
                          <div class="mah-menu-overlay__link-list">
                                    
  <a class="mah-button mah-button--primary    mah-button--menu-item" href="/mah-recherche"    >
    
      <span class="mah-button__span">MAH Recherche</span>
  
  
  
  </a>


                                  <ul class="mah-menu-overlay__link-list">
                                          <li class="mah-menu-overlay__link-list-item">
                                                    
  <a class="mah-button mah-button--clean    mah-button--menu-item" href="/mah-recherche/bibliotheque-dart-et-darcheologie"    >
        <span class="mah-button__icon mah-button__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>

    </span>
  
      <span class="mah-button__span">Bibliothèque d&#039;art et d&#039;archéologie</span>
  
  
  
  </a>

                      </li>
                                          <li class="mah-menu-overlay__link-list-item">
                                                    
  <a class="mah-button mah-button--clean    mah-button--menu-item" href="/mah-recherche/centre-de-documentation-et-de-recherche"    >
        <span class="mah-button__icon mah-button__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>

    </span>
  
      <span class="mah-button__span">Centre de documentation et de recherche</span>
  
  
  
  </a>

                      </li>
                                          <li class="mah-menu-overlay__link-list-item">
                                                    
  <a class="mah-button mah-button--clean    mah-button--menu-item" href="/mah-recherche/projets-de-recherche"    >
        <span class="mah-button__icon mah-button__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>

    </span>
  
      <span class="mah-button__span">Projets de recherche</span>
  
  
  
  </a>

                      </li>
                                          <li class="mah-menu-overlay__link-list-item">
                                                    
  <a class="mah-button mah-button--clean    mah-button--menu-item" href="/mah-recherche/bases-de-donnees"    >
        <span class="mah-button__icon mah-button__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>

    </span>
  
      <span class="mah-button__span">Bases de données</span>
  
  
  
  </a>

                      </li>
                                          <li class="mah-menu-overlay__link-list-item">
                                                    
  <a class="mah-button mah-button--clean    mah-button--menu-item" href="/mah-recherche/phototheque"    >
        <span class="mah-button__icon mah-button__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>

    </span>
  
      <span class="mah-button__span">Photothèque</span>
  
  
  
  </a>

                      </li>
                                      </ul>
                              </div>
                          <div class="mah-menu-overlay__link-list">
                                    
  <a class="mah-button mah-button--primary    mah-button--menu-item" href="/collection"    >
    
      <span class="mah-button__span">Collection</span>
  
  
  
  </a>


                                  <ul class="mah-menu-overlay__link-list">
                                          <li class="mah-menu-overlay__link-list-item">
                                                    
  <a class="mah-button mah-button--clean    mah-button--menu-item" href="/collection/propos-de-la-collection"    >
        <span class="mah-button__icon mah-button__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>

    </span>
  
      <span class="mah-button__span">À propos de la Collection</span>
  
  
  
  </a>

                      </li>
                                          <li class="mah-menu-overlay__link-list-item">
                                                    
  <a class="mah-button mah-button--clean    mah-button--menu-item" href="/collection/recherche"    >
        <span class="mah-button__icon mah-button__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>

    </span>
  
      <span class="mah-button__span">Recherche dans la collection</span>
  
  
  
  </a>

                      </li>
                                          <li class="mah-menu-overlay__link-list-item">
                                                    
  <a class="mah-button mah-button--clean    mah-button--menu-item" href="/collection/artistes"    >
        <span class="mah-button__icon mah-button__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>

    </span>
  
      <span class="mah-button__span">Liste des artistes</span>
  
  
  
  </a>

                      </li>
                                          <li class="mah-menu-overlay__link-list-item">
                                                    
  <a class="mah-button mah-button--clean    mah-button--menu-item" href="/collection/galeries-mah"    >
        <span class="mah-button__icon mah-button__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>

    </span>
  
      <span class="mah-button__span">Galeries du MAH</span>
  
  
  
  </a>

                      </li>
                                          <li class="mah-menu-overlay__link-list-item">
                                                    
  <a class="mah-button mah-button--clean    mah-button--menu-item" href="/collection/galeries-visiteurs"    >
        <span class="mah-button__icon mah-button__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>

    </span>
  
      <span class="mah-button__span">Galeries des visiteurs</span>
  
  
  
  </a>

                      </li>
                                          <li class="mah-menu-overlay__link-list-item">
                                                    
  <a class="mah-button mah-button--clean    mah-button--menu-item" href="/collection/dons-et-acquisitions"    >
        <span class="mah-button__icon mah-button__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>

    </span>
  
      <span class="mah-button__span">Dons &amp; acquisitions</span>
  
  
  
  </a>

                      </li>
                                          <li class="mah-menu-overlay__link-list-item">
                                                    
  <a class="mah-button mah-button--clean    mah-button--menu-item" href="/collection/prets-partenariats-internationaux"    >
        <span class="mah-button__icon mah-button__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M4 24h20V4l20 20-20 20V29.5"/>
</svg>

    </span>
  
      <span class="mah-button__span">Prêts &amp; partenariats</span>
  
  
  
  </a>

                      </li>
                                      </ul>
                              </div>
                      </div>
              </div>

      <div class="mah-menu-overlay__grid">
        
  
  
  

  
  
  

  
  
  <ul class="mah-menu-overlay__links">

          <li class="mah-menu-overlay__links-item">
                
  <a class="mah-button mah-button--clean    " href="/contact"    >
    
      <span class="mah-button__span">Contact</span>
  
  
  
  </a>

  
</li>
          <li class="mah-menu-overlay__links-item">
                
  <a class="mah-button mah-button--clean    " href="/communiques-de-presse"    >
    
      <span class="mah-button__span">Presse et communiqués</span>
  
  
  
  </a>

  
</li>
          <li class="mah-menu-overlay__links-item">
                
  <a class="mah-button mah-button--clean    " href="/privatisation-despaces"    >
    
      <span class="mah-button__span">Privatisation d&#039;espaces</span>
  
  
  
  </a>

  
</li>
          <li class="mah-menu-overlay__links-item">
                
  <a class="mah-button mah-button--clean    " href="https://shop.mahmah.ch/list/goods"    >
    
      <span class="mah-button__span">Boutique</span>
  
  
  
  </a>

  
</li>
          <li class="mah-menu-overlay__links-item">
                
  <a class="mah-button mah-button--clean    " href="/soutenir-le-mah"    >
    
      <span class="mah-button__span">Soutenir le MAH</span>
  
  
  
  </a>

  
</li>
          <li class="mah-menu-overlay__links-item">
                
  <a class="mah-button mah-button--clean    " href="/histoire-du-mah"    >
    
      <span class="mah-button__span">À propos</span>
  
  
  
  </a>

  
</li>
          <li class="mah-menu-overlay__links-item">
                
  <a class="mah-button mah-button--clean    " href="/travailler-au-mah"    >
    
      <span class="mah-button__span">Emplois</span>
  
  
  
  </a>

  
</li>
          <li class="mah-menu-overlay__links-item">
                
  <a class="mah-button mah-button--clean    " href="/faq"    >
    
      <span class="mah-button__span">FAQ</span>
  
  
  
  </a>

  
</li>
          <li class="mah-menu-overlay__links-item">
                
  <a class="mah-button mah-button--clean    " href="/inscrivez-vous-la-newsletter"    >
    
      <span class="mah-button__span">Newsletter</span>
  
  
  
  </a>

  
</li>
    
  </ul>



    

  
  

  
  



      </div>
    </div>
  </div>
</div>
    
        <div class="mah-notification-bar vdg-weglot-modal" role="status" aria-hidden="true" hidden>
    <div class="mah-notification-bar__grid">
      <div class="mah-notification-bar__wrapper">
        Vous consultez une version de notre site automatiquement traduite. Certaines traductions peuvent contenir des erreurs. Merci pour votre indulgence et bonne visite.

        <div class="mah-notification-bar__buttons">
                <button class="mah-button mah-button--regular   mah-button--close"   aria-label="" >
        <span class="mah-button__icon mah-button__icon--before">
      
<svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M43 5 24 24M5 43l19-19M5 5l9.5 9.5 4.75 4.75L24 24m19 19L28.07 28.07"/>
</svg>

    </span>
  
      <span class="mah-button__span">Fermer</span>
  
  
  
  </button>

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


<div class="mah-language-overlay " aria-label="" role="dialog">
  <div class="mah-language-overlay__scroll-container">
    <div class="mah-language-overlay__scroll-object" role="document">
      <div class="mah-menu-overlay__grid mah-language-overlay__header">
        <div class="mah-menu-bar-contents">
          <div class="mah-menu-bar-contents__start">
                              
  <a class="mah-button mah-button--regular    mah-button--home" href="https://www.mahmah.ch/"    >
        <span class="mah-button__icon mah-button__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="1266" height="416" viewBox="0 0 1266 416" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-width="1" vector-effect="non-scaling-stroke">
  <title hidden="screen">Musée d’Art et d’Histoire de Genève (MAH)</title>

  <g class="logo__mah">
    <path d="M415.29 414V2l-308.6 153.2H309.6L1 2v412l105.69-155.28L206.03 414 309.6 258.72 415.3 414Zm0 0L630.89 2l215.6 412m-431.2 0 314.94-155.28H527.31L846.5 414m0 0V2l306.48 153.2H950.06L1265 2v412L950.06 258.72h202.91L846.48 414Z"/>
  </g>
</svg>

    </span>
  
      <span class="mah-button__span">Musée d’Art et d’Histoire</span>
  
  
  
  </a>

                      </div>
          <div class="mah-menu-bar-contents__end">
                  <button class="mah-button mah-button--regular   mah-button--close-language"   aria-label="" >
        <span class="mah-button__icon mah-button__icon--before">
      
<svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M43 5 24 24M5 43l19-19M5 5l9.5 9.5 4.75 4.75L24 24m19 19L28.07 28.07"/>
</svg>

    </span>
  
      <span class="mah-button__span">Fermer</span>
  
      <span class="mah-link__long-title" hidden="screen">Fermer</span>
  
  
  </button>


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

      <div class="mah-language-overlay__grid">
      </div>
    </div>
  </div>
</div>

    


<div class="mah-accessibility-overlay " aria-label="Sélectionner la langue" role="dialog">
  <div class="mah-accessibility-overlay__scroll-container">
    <div class="mah-accessibility-overlay__scroll-object" role="document">
      <div class="mah-accessibility-overlay__grid mah-accessibility-overlay__header">
        <div class="mah-menu-bar-contents">
          <div class="mah-menu-bar-contents__start">
                        <a href="#" class="sr-only"></a>
                              
  <a class="mah-button mah-button--regular    mah-button--home" href="https://www.mahmah.ch/"    >
        <span class="mah-button__icon mah-button__icon--before">
      <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="1266" height="416" viewBox="0 0 1266 416" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-width="1" vector-effect="non-scaling-stroke">
  <title hidden="screen">Musée d’Art et d’Histoire de Genève (MAH)</title>

  <g class="logo__mah">
    <path d="M415.29 414V2l-308.6 153.2H309.6L1 2v412l105.69-155.28L206.03 414 309.6 258.72 415.3 414Zm0 0L630.89 2l215.6 412m-431.2 0 314.94-155.28H527.31L846.5 414m0 0V2l306.48 153.2H950.06L1265 2v412L950.06 258.72h202.91L846.48 414Z"/>
  </g>
</svg>

    </span>
  
      <span class="mah-button__span">Musée d’Art et d’Histoire</span>
  
  
  
  </a>

                      </div>
          <div class="mah-menu-bar-contents__end">
                  <button class="mah-button mah-button--regular   mah-button--close-accessibility"   aria-label="" >
        <span class="mah-button__icon mah-button__icon--before">
      
<svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 48 48" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M43 5 24 24M5 43l19-19M5 5l9.5 9.5 4.75 4.75L24 24m19 19L28.07 28.07"/>
</svg>

    </span>
  
      <span class="mah-button__span">Fermer</span>
  
      <span class="mah-link__long-title" hidden="screen">Fermer la fenêtre la langue</span>
  
  
  </button>


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

      <div class="mah-accessibility-overlay__grid">
        <div class="mah-accessibility-overlay__wrapper">
                      <h1 class="mah-accessibility-overlay__title">Accessibilité </h1>
          
          <div class="mah-accessibility-overlay__toggles">
                                <div class="mah-toggle-field   ">
          <label class="mah-toggle-field__label" for="bionic-reading" hidden="screen">Baculer sur le Bionic Reading</label>
    
    <div class="mah-toggle-field__wrapper">
      <button class="mah-button mah-toggle-field__button" type="button" id="bionic-reading" role="switch" aria-checked="">
        <span class="mah-toggle-field__button-span mah-toggle-field__button-span--off">Désactivé </span>
        <span class="mah-toggle-field__button-span mah-toggle-field__button-span--text">Bionic Reading</span>
        <span class="mah-toggle-field__button-span mah-toggle-field__button-span--on">Activé</span>
      </button>
    </div>

          <div class="mah-toggle-field__description">
        <div class="mah-richtext mah-richtext--simple">
  <p>Cette option permet d'épaissir certaines lettres dans les mots. Pour plus d'information, voir <a href="https://bionic-reading.com" target="_blank">Site du Bionic Reading</a>.</p>
</div>

      </div>
    
      </div>

                                <div class="mah-toggle-field   ">
          <label class="mah-toggle-field__label" for="dark-mode" hidden="screen">Utilisez Mode Sombre</label>
    
    <div class="mah-toggle-field__wrapper">
      <button class="mah-button mah-toggle-field__button" type="button" id="dark-mode" role="switch" aria-checked="">
        <span class="mah-toggle-field__button-span mah-toggle-field__button-span--off">Désactivé </span>
        <span class="mah-toggle-field__button-span mah-toggle-field__button-span--text">Mode Sombre</span>
        <span class="mah-toggle-field__button-span mah-toggle-field__button-span--on">Activé</span>
      </button>
    </div>

          <div class="mah-toggle-field__description">
        <div class="mah-richtext mah-richtext--simple">
  <p>Utilisez cette option si le texte blanc sur fond noir est plus confortable à lire.</p>
</div>

      </div>
    
      </div>

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

  
      

<div class="mah-cookie-bar" aria-label="Préférences de cookies" role="dialog">
      <div id="mah-cookie-bar__details" class="mah-cookie-bar__details">
      <div class="mah-cookie-bar__grid">
        <div class="mah-cookie-bar__categories">
                      <div class="mah-cookie-bar__category">
                                    <div class="mah-option-field mah-option-field--1    mah-cookie-bar--category">
    
    <div class="mah-option-field__wrapper">
                                
        <div class="mah-option-field__item">
                      <input id="id_fonctionnel_agree" class="mah-option-field__input" type="checkbox" name="fonctionnel"   />
          
          <label class="mah-option-field__input-label" for="id_fonctionnel_agree">
            <span class="mah-option-field__input-label-span">Cookies fonctionnels</span>

                          <span class="mah-option-field__icon mah-option-field__icon-background"></span>
              <span class="mah-option-field__icon mah-option-field__icon-foreground">
                
<svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 32 32" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M1 14.78 11.71 27 31 5"/>
</svg>
              </span>
                      </label>
        </div>
          </div>

      </div>


              
              <p class="mah-cookie-bar__category-text" data-for="id_fonctionnel_agree">Ces cookies sont nécessaires au bon fonctionnement du site web. Veuillez noter que vous ne pouvez pas les désactiver.</p>
            </div>
                      <div class="mah-cookie-bar__category">
                                    <div class="mah-option-field mah-option-field--1    mah-cookie-bar--category">
    
    <div class="mah-option-field__wrapper">
                                
        <div class="mah-option-field__item">
                      <input id="id_embeds_agree" class="mah-option-field__input" type="checkbox" name="embeds"   />
          
          <label class="mah-option-field__input-label" for="id_embeds_agree">
            <span class="mah-option-field__input-label-span">Cookies tiers</span>

                          <span class="mah-option-field__icon mah-option-field__icon-background"></span>
              <span class="mah-option-field__icon mah-option-field__icon-foreground">
                
<svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 32 32" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M1 14.78 11.71 27 31 5"/>
</svg>
              </span>
                      </label>
        </div>
          </div>

      </div>


              
              <p class="mah-cookie-bar__category-text" data-for="id_embeds_agree">Cela permet d'intégrer du contenu provenant de sites web tiers, comme par exemple YouTube, Vimeo ou SoundCloud. Si vous désactivez cette fonction, vous risquez de supprimer certaine fonctionnalité du site web.</p>
            </div>
                      <div class="mah-cookie-bar__category">
                                    <div class="mah-option-field mah-option-field--1    mah-cookie-bar--category">
    
    <div class="mah-option-field__wrapper">
                                
        <div class="mah-option-field__item">
                      <input id="id_Analyse_agree" class="mah-option-field__input" type="checkbox" name="Analyse"   />
          
          <label class="mah-option-field__input-label" for="id_Analyse_agree">
            <span class="mah-option-field__input-label-span">Cookies d'analyse</span>

                          <span class="mah-option-field__icon mah-option-field__icon-background"></span>
              <span class="mah-option-field__icon mah-option-field__icon-foreground">
                
<svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="24" height="24" viewBox="0 0 32 32" preserveAspectRatio="xMidYMid meet" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1">
  <path vector-effect="non-scaling-stroke" d="M1 14.78 11.71 27 31 5"/>
</svg>
              </span>
                      </label>
        </div>
          </div>

      </div>


              
              <p class="mah-cookie-bar__category-text" data-for="id_Analyse_agree">Cela nous permet de contrôler et d'améliorer les performances de notre site web ainsi qu'effectuer des analyses de l'expérience des utilisateurs de manière anonyme.</p>
            </div>
                  </div>

        <div class="mah-cookie-bar__bar-wrapper">
                      <div class="mah-cookie-bar__text-container">
              <p class="mah-cookie-bar__text">
                <span class="mah-cookie-bar__text-span">La désactivation de certains cookies peut avoir pour conséquence que les fonctionnalités connexes cessent de fonctionner correctement. Vous pouvez modifier vos préférences à tout moment.</span>

                    
          <a class="mah-link " href="/conditions-generales-dutilisation"   aria-label="Pour en savoir plus" >
      
      <span class="mah-link__span">Pour en savoir plus</span>
  
  
  
  </a>

              </p>
            </div>
          
          <div class="mah-cookie-bar__buttons">
                  <button class="mah-button mah-button--regular   mah-button--accept-all"   aria-label="" >
    
      <span class="mah-button__span">Accepter tous les cookies</span>
  
  
  
  </button>

                  <button class="mah-button mah-button--primary   mah-button--save"   aria-label="" >
    
      <span class="mah-button__span">Sauvegarder les préférences</span>
  
  
  
  </button>

          </div>
        </div>
      </div>
    </div>
  
  <div id="mah-cookie-bar__bar" class="mah-cookie-bar__bar">
    <div class="mah-cookie-bar__grid">
      <div class="mah-cookie-bar__bar-wrapper">
        <div class="mah-cookie-bar__text-container">
          <p class="mah-cookie-bar__text">
              <span class="mah-cookie-bar__text-span">
                Nous utilisons les cookies pour améliorer votre expérience utilisateur, mémoriser vos préférences et vous montrer des informations pertinentes en conséquence. En continuant à utiliser ce site web, vous acceptez notre utilisation des cookies.
              </span>

                
          <a class="mah-link " href="/conditions-generales-dutilisation"   aria-label="Pour en savoir plus" >
      
      <span class="mah-link__span">Pour en savoir plus</span>
  
  
  
  </a>


                              
          <a class="mah-link mah-link--details" href="#mah-cookie-bar__details"   aria-label="Modifier les préférences" >
      
      <span class="mah-link__span">Modifier les préférences</span>
  
  
  
  </a>

            
                          <button class="mah-link mah-link--reject">
                <span class="mah-link__span">Rejeter les cookies</span>
              </button>
                      </p>
        </div>

        <div class="mah-cookie-bar__buttons">
                <button class="mah-button mah-button--regular   mah-button--accept"   aria-label="" >
    
      <span class="mah-button__span">Accepter les cookies</span>
  
  
  
  </button>

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

  </div>



  </div>

    
    <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","scriptPath":null,"pathPrefix":"","currentPath":"node\/439744","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"fr"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"google_analytics":{"account":"G-QCMPJGHB3X","trackOutbound":true,"trackMailto":true,"trackDownload":true,"trackDownloadExtensions":"7z|aac|arc|arj|asf|asx|avi|bin|csv|doc(x|m)?|dot(x|m)?|exe|flv|gif|gz|gzip|hqx|jar|jpe?g|js|mp(2|3|4|e?g)|mov(ie)?|msi|msp|pdf|phps|png|ppt(x|m)?|pot(x|m)?|pps(x|m)?|ppam|sld(x|m)?|thmx|qtm?|ra(m|r)?|sea|sit|tar|tgz|torrent|txt|wav|wma|wmv|wpd|xls(x|m|b)?|xlt(x|m)|xlam|xml|z|zip"},"improvedReading":{"minWordLength":"2","minTextLength":"5","boldRatio":"0.4","jquerySelectors":"article .mah-richtext p, article .field--type-text-long p"},"ajaxTrustedUrl":{"https:\/\/newsletter.infomaniak.com\/external\/submit":true},"quicklink":{"admin_link_container_patterns":["#block-local-tasks-block a",".block-local-tasks-block a","#drupal-off-canvas a","#toolbar-administration a"],"ignore_admin_paths":true,"ignore_ajax_links":true,"ignore_file_ext":true,"debug":false,"url_patterns_to_ignore":["user\/logout","#","\/admin","\/edit"]},"token":"wg_89a401dbcffd61e01e0cea3dca0ae8db2","full_name":false,"with_name":true,"is_dropdown":false,"with_flags":false,"invert_flags":false,"wg_container":".mah-language-overlay__grid","user":{"uid":0,"permissionsHash":"acd720fdda4eeac3b7c7d3fb3137e886bfea05072f3ba4dfb464ffd0edb5b183"}}</script>
<script src="https://polyfill.io/v3/polyfill.min.js?features=IntersectionObserver%2CIntersectionObserverEntry%2CURL%2CObject.assign%2CArray.from%2CArray.prototype.includes%2CString.prototype.includes%2CElement.prototype.matches%2CPromise%2CPromise.prototype.finally"></script>
<script src="/sites/default/files/js/js_07UXq_C-UO3tjvFxGzaXPpuozZC66kPAC8b073AMC4k.js"></script>
<script src="https://cdn.weglot.com/weglot.min.js"></script>
<script src="/sites/default/files/js/js_EdKviFuhGHYCOaWSvXqulg5A33pKsNg5DXnFf4ejwFI.js"></script>

  </body>
</html>
