<!--

 /$$       /$$$$$$$$        /$$$$$$  /$$$$$$$$ /$$$$$$  /$$$$$$  /$$      /$$ /$$$$$$$$
| $$      | $$_____/       /$$__  $$| $$_____/|_  $$_/ /$$__  $$| $$$    /$$$| $$_____/
| $$      | $$            | $$  \__/| $$        | $$  | $$  \__/| $$$$  /$$$$| $$      
| $$      | $$$$$         |  $$$$$$ | $$$$$     | $$  |  $$$$$$ | $$ $$/$$ $$| $$$$$   
| $$      | $$__/          \____  $$| $$__/     | $$   \____  $$| $$  $$$| $$| $$__/   
| $$      | $$             /$$  \ $$| $$        | $$   /$$  \ $$| $$\  $ | $$| $$      
| $$$$$$$$| $$$$$$$$      |  $$$$$$/| $$$$$$$$ /$$$$$$|  $$$$$$/| $$ \/  | $$| $$$$$$$$
|________/|________/       \______/ |________/|______/ \______/ |__/     |__/|________/

LE SÉISME
studio@leseis.me

-->
<!DOCTYPE html>
<html lang="fr-CA" class="is-loading">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <link href="/assets/css/app.css?id=e42997bfd5d1114ecb14" rel="stylesheet">
  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  <link rel="manifest" href="/site.webmanifest">
  <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#1f1f1f">
  <meta name="apple-mobile-web-app-title" content="Le FIFA">
  <meta name="application-name" content="Le FIFA">
  <meta name="msapplication-TileColor" content="#1f1f1f">
  <meta name="theme-color" content="#f7f7f5">
<title>Le Festival International du Film sur l&#039;Art</title>
<script>dataLayer = [];
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NLSBN66');
</script><meta name="description" content="Le Festival International du Film sur l’Art (Le FIFA) se consacre à la promotion et au rayonnement international du film sur l’art et des arts médiatiques.">
<meta name="referrer" content="no-referrer-when-downgrade">
<meta name="robots" content="all">
<meta content="festivalinternationaldufilmsurlart" property="fb:profile_id">
<meta content="fr_CA" property="og:locale">
<meta content="en_CA" property="og:locale:alternate">
<meta content="Festival International du Film sur l&#039;Art" property="og:site_name">
<meta content="website" property="og:type">
<meta content="https://lefifa.com/" property="og:url">
<meta content="Le Festival International du Film sur l&#039;Art" property="og:title">
<meta content="Le Festival International du Film sur l’Art (Le FIFA) se consacre à la promotion et au rayonnement international du film sur l’art et des arts médiatiques." property="og:description">
<meta content="https://lefifa.com/uploads/images/_1200x630_crop_center-center_82_none/papillon-fond-carre.png?mtime=1738851207" property="og:image">
<meta content="1200" property="og:image:width">
<meta content="630" property="og:image:height">
<meta content="FIFA44" property="og:image:alt">
<meta content="https://bsky.app/profile/lefifa.bsky.social" property="og:see_also">
<meta content="https://www.tiktok.com/@festival_filmsurlart" property="og:see_also">
<meta content="https://vimeo.com/lefifa" property="og:see_also">
<meta content="https://www.instagram.com/festival_filmsurlart/" property="og:see_also">
<meta content="https://www.youtube.com/channel/UC4lTVnHS7BDYzzQwknmZ46g" property="og:see_also">
<meta content="https://ca.linkedin.com/company/festival-international-du-film-sur-l%27art" property="og:see_also">
<meta content="https://fr.wikipedia.org/wiki/Festival_international_du_film_sur_l%27art" property="og:see_also">
<meta content="https://www.facebook.com/festivalinternationaldufilmsurlart" property="og:see_also">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@ARTFIFA">
<meta name="twitter:creator" content="@ARTFIFA">
<meta name="twitter:title" content="Le Festival International du Film sur l&#039;Art">
<meta name="twitter:description" content="Le Festival International du Film sur l’Art (Le FIFA) se consacre à la promotion et au rayonnement international du film sur l’art et des arts médiatiques.">
<meta name="twitter:image" content="https://lefifa.com/uploads/images/_1200x630_crop_center-center_82_none/papillon-fond-carre.png?mtime=1738851207">
<meta name="twitter:image:width" content="800">
<meta name="twitter:image:height" content="418">
<meta name="twitter:image:alt" content="FIFA44">
<link href="https://lefifa.com" rel="canonical">
<link href="https://lefifa.com" rel="home">
<link type="text/plain" href="https://lefifa.com/humans.txt" rel="author">
<link href="https://lefifa.com/en" rel="alternate" hreflang="en-ca">
<link href="https://lefifa.com" rel="alternate" hreflang="x-default">
<link href="https://lefifa.com" rel="alternate" hreflang="fr-ca"></head>



<body><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NLSBN66"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

    <div class="loading-bar fixed top-0 inset-x-0">
  <div class="loading-bar-progress bg-black"></div>
</div>
<div class="fixed inset-0 w-full h-full loading bg-black text-white flex items-center justify-center p-4">
  <div class="relative loading-title loading-title-desktop uppercase md:text-3xl lg:text-4xl xl:text-5xl hidden md:block">
    <div class="loading-title-first">
            <span>F</span>
            <span>e</span>
            <span>s</span>
            <span>t</span>
            <span>i</span>
            <span>v</span>
            <span>a</span>
            <span>l</span>
            <span>&nbsp;</span>
            <span>I</span>
            <span>n</span>
            <span>t</span>
            <span>e</span>
            <span>r</span>
            <span>n</span>
            <span>a</span>
            <span>t</span>
            <span>i</span>
            <span>o</span>
            <span>n</span>
            <span>a</span>
            <span>l</span>
            <span>&nbsp;</span>
            <span>d</span>
            <span>u</span>
            <span>&nbsp;</span>
            <span>F</span>
            <span>i</span>
            <span>l</span>
            <span>m</span>
            <span>&nbsp;</span>
            <span>s</span>
            <span>u</span>
            <span>r</span>
            <span>&nbsp;</span>
            <span>l</span>
            <span>’</span>
            <span>A</span>
            <span>r</span>
            <span>t</span>
          </div>
    <div class="loading-title-second">
            <span>F</span>
            <span>e</span>
            <span>s</span>
            <span>t</span>
            <span>i</span>
            <span>v</span>
            <span>a</span>
            <span>l</span>
            <span>&nbsp;</span>
            <span>I</span>
            <span>n</span>
            <span>t</span>
            <span>e</span>
            <span>r</span>
            <span>n</span>
            <span>a</span>
            <span>t</span>
            <span>i</span>
            <span>o</span>
            <span>n</span>
            <span>a</span>
            <span>l</span>
            <span>&nbsp;</span>
            <span>d</span>
            <span>u</span>
            <span>&nbsp;</span>
            <span>F</span>
            <span>i</span>
            <span>l</span>
            <span>m</span>
            <span>&nbsp;</span>
            <span>s</span>
            <span>u</span>
            <span>r</span>
            <span>&nbsp;</span>
            <span>l</span>
            <span>’</span>
            <span>A</span>
            <span>r</span>
            <span>t</span>
          </div>
  </div>
  <div class="relative loading-title loading-title-mobile uppercase text-5xl md:hidden">
    <div class="loading-title-first">
            <span>L</span>
            <span>E</span>
            <span>&nbsp;</span>
            <span>F</span>
            <span>I</span>
            <span>F</span>
            <span>A</span>
          </div>
    <div class="loading-title-second">
            <span>L</span>
            <span>E</span>
            <span>&nbsp;</span>
            <span>F</span>
            <span>I</span>
            <span>F</span>
            <span>A</span>
          </div>
  </div>
</div>    <div data-barba="wrapper">
    <div class="bg-white content type-accueil" data-barba="container" data-barba-namespace="accueil">
      <div id="app">
        
<div class="absolute inset-x-0 top-0 z-30 text-base xl:text-lg 2xl:text-xl">
  <div class="items-center justify-end hidden text-white bg-black lg:flex xl:hidden nav-secondary">
        <a href="https://arts.film/" class="p-4 nav-link nav-link-arts-film" @mouseenter="artsNavEnter" @mouseleave="artsNavLeave" @touchstart="artsNavEnter" @touchend="artsNavLeave" target="_blank">
      <div class="nav-link-arts-film-container">
        <div class="nav-link-arts-film-first">
          <span>→&nbsp;</span>
          <span>A</span>
          <span>R</span>
          <span>T</span>
          <span>S</span>
          <span>.</span>
          <span>F</span>
          <span>I</span>
          <span>L</span>
          <span>M</span>
        </div>
        <div class="nav-link-arts-film-second">
          <span>→&nbsp;</span>
          <span>A</span>
          <span>R</span>
          <span>T</span>
          <span>S</span>
          <span>.</span>
          <span>F</span>
          <span>I</span>
          <span>L</span>
          <span>M</span>
        </div>
      </div>
    </a>
        <button class="flex-shrink-0 p-4 outline-none button-search focus:outline-none nav-link" @click.prevent="showSearch = true">
      <div>
        <img src="/assets/images/search-white.svg" alt="Rechercher" />
      </div>
    </button>
    <div class="border-l border-white">
      <a href="https://lefifa.com/en/" class="p-4 uppercase nav-link lang-switch">EN</a>
    </div>
  </div>
  <nav class="w-full uppercase bg-white border-b border-black select-none nav" ref="nav" @mouseleave="menu = null">
    <div class="flex items-center justify-start whitespace-nowrap" ref="navContent" @mouseover="menu = null">
      <div class="flex-shrink-0 p-4">
        <a href="https://lefifa.com/" class="block">
          <img src="/assets/images/logo-black.svg" alt="Festival International du Film sur l’Art" height="23px" width="109px" />
        </a>
      </div>
      <div class="items-stretch self-stretch justify-start flex-grow hidden lg:flex">
                        <div class="relative p-4" @mouseover.stop="menu = 'catalogue'">
          <div class="flex items-center h-full cursor-default prevent nav-link"><span>Catalogue</span></div>
          <div class="absolute invisible text-base normal-case opacity-0" ref="catalogue">
            <div class="flex flex-col items-start pt-2 font-serif text-2xl text-black whitespace-nowrap">
                            <a href="https://lefifa.com/catalogue" target="" class="mt-1 nav-link nav-link-sub"><span>Festival | <span class="numbers">2016</span> à&nbsp;<span class="numbers">2025</span></span></a>
                            <a href="https://lefifa.com/catalogue?editions=1103792" target="" class="mt-1 nav-link nav-link-sub"><span>Plateforme <span class="caps">ARTS</span>.<span class="caps">FILM</span></span></a>
                          </div>
          </div>
        </div>
                                <div class="relative p-4" @mouseover.stop="menu = 'actualites'">
          <div class="flex items-center h-full cursor-default prevent nav-link"><span>Actualités</span></div>
          <div class="absolute invisible text-base normal-case opacity-0" ref="actualites">
            <div class="flex flex-col items-start pt-2 font-serif text-2xl text-black whitespace-nowrap">
                            <a href="https://lefifa.com/nouvelles" target="" class="mt-1 nav-link nav-link-sub"><span>Dernières nouvelles</span></a>
                            <a href="https://lefifa.com/agenda" target="" class="mt-1 nav-link nav-link-sub"><span>Projections à&nbsp;venir</span></a>
                            <a href="https://app.cyberimpact.com/clients/30598/subscribe-forms/17EC2AC1-F155-4A75-B2B5-189DA5CE352A" target="_blank" class="mt-1 nav-link nav-link-sub"><span>Abonnement à&nbsp;nos infolettres</span></a>
                          </div>
          </div>
        </div>
                                <div class="relative p-4" @mouseover.stop="menu = '44EEdition2026'">
          <div class="flex items-center h-full cursor-default prevent nav-link"><span><span class="numbers">44</span><sup class="ordinal">e</sup> édition — <span class="numbers">2026</span></span></div>
          <div class="absolute invisible text-base normal-case opacity-0" ref="44EEdition2026">
            <div class="flex flex-col items-start pt-2 font-serif text-2xl text-black whitespace-nowrap">
                            <a href="https://lefifa.com/billetterie" target="" class="mt-1 nav-link nav-link-sub"><span>Billetterie</span></a>
                            <a href="https://lefifa.com/fifa-connexions" target="" class="mt-1 nav-link nav-link-sub"><span><span class="caps">FIFA</span> Connexions</span></a>
                            <a href="https://lefifa.com/a-propos/benevoles" target="" class="mt-1 nav-link nav-link-sub"><span>Bénévoles</span></a>
                            <a href="https://lefifa.com/ecoresponsabilite" target="" class="mt-1 nav-link nav-link-sub"><span>Écoresponsabilité</span></a>
                          </div>
          </div>
        </div>
                                <div class="relative p-4" @mouseover.stop="menu = 'aPropos'">
          <div class="flex items-center h-full cursor-default prevent nav-link"><span>À propos</span></div>
          <div class="absolute invisible text-base normal-case opacity-0" ref="aPropos">
            <div class="flex flex-col items-start pt-2 font-serif text-2xl text-black whitespace-nowrap">
                            <a href="https://lefifa.com/a-propos/mission-et-historique" target="" class="mt-1 nav-link nav-link-sub"><span>Mission et historique</span></a>
                            <a href="https://lefifa.com/a-propos/equipe-et-c-a" target="" class="mt-1 nav-link nav-link-sub"><span>Équipe et conseil d’administration</span></a>
                            <a href="https://lefifa.com/programmations/se-reperer" target="" class="mt-1 nav-link nav-link-sub"><span>Découvrir Le&nbsp;<span class="caps">FIFA</span></span></a>
                            <a href="https://lefifa.com/programmations/festival" target="" class="mt-1 nav-link nav-link-sub"><span>Festival</span></a>
                            <a href="https://lefifa.com/programmations/plateforme-a-lannee" target="" class="mt-1 nav-link nav-link-sub"><span><span class="caps">ARTS</span>.<span class="caps">FILM</span></span></a>
                            <a href="https://lefifa.com/artsfim-education" target="" class="mt-1 nav-link nav-link-sub"><span><span class="caps">ARTS</span>.<span class="caps">FILM</span> Éducation</span></a>
                            <a href="https://lefifa.com/programmations/le-fifa-pres-de-chez-vous" target="" class="mt-1 nav-link nav-link-sub"><span>Le <span class="caps">FIFA</span> près de chez&nbsp;vous</span></a>
                            <a href="https://lefifa.com/programmations/le-fifa-a-linternational" target="" class="mt-1 nav-link nav-link-sub"><span>Le <span class="caps">FIFA</span> à&nbsp;l’international</span></a>
                            <a href="https://lefifa.com/programmations/femmes-inspirantes-2" target="" class="mt-1 nav-link nav-link-sub"><span>Femmes inspirantes</span></a>
                            <a href="https://lefifa.com/autochtonies-des-ameriques" target="" class="mt-1 nav-link nav-link-sub"><span>Autochtonies des Amériques</span></a>
                            <a href="https://lefifa.com/emergences" target="" class="mt-1 nav-link nav-link-sub"><span>Soutenir l’émergence</span></a>
                            <a href="https://lefifa.com/a-propos/partenaires" target="" class="mt-1 nav-link nav-link-sub"><span>Partenaires</span></a>
                          </div>
          </div>
        </div>
                                <div class="relative p-4" @mouseover.stop="menu = 'soutenirLeFIFA'">
          <div class="flex items-center h-full cursor-default prevent nav-link"><span>Soutenir le&nbsp;<span class="caps">FIFA</span></span></div>
          <div class="absolute invisible text-base normal-case opacity-0" ref="soutenirLeFIFA">
            <div class="flex flex-col items-start pt-2 font-serif text-2xl text-black whitespace-nowrap">
                            <a href="https://fifa-dons.s1.yapla.com/fr/accueil/donate/donnez-au-fifa/37/" target="_blank" class="mt-1 nav-link nav-link-sub"><span>Faire un&nbsp;don</span></a>
                            <a href="https://lefifa.com/soutenir-le-fifa/encan-bénéfice" target="" class="mt-1 nav-link nav-link-sub"><span>Encan-bénéfice</span></a>
                            <a href="https://lefifa.com/soutenir-le-fifa/dons-doeuvres-dart" target="" class="mt-1 nav-link nav-link-sub"><span>Dons d’œuvres d’art</span></a>
                            <a href="https://lefifa.com/soutenir-le-fifa/don-important-en-culture" target="" class="mt-1 nav-link nav-link-sub"><span>Don important en culture</span></a>
                            <a href="https://lefifa.com/soutenir-le-fifa/dons-planifies" target="" class="mt-1 nav-link nav-link-sub"><span>Don planifié</span></a>
                            <a href="https://lefifa.com/soutenir-le-fifa/le-club-des-40" target="" class="mt-1 nav-link nav-link-sub"><span>Le Club des&nbsp;<span class="numbers">40</span></span></a>
                          </div>
          </div>
        </div>
                      </div>
      <div class="items-center justify-end hidden nav-secondary xl:flex">
                <a href="https://arts.film/" class="p-4 nav-link nav-link-arts-film" @mouseenter="artsNavEnter" @mouseleave="artsNavLeave" @touchstart="artsNavEnter" @touchend="artsNavLeave" target="_blank">
          <div class="nav-link-arts-film-container">
            <div class="nav-link-arts-film-first">
              <span>→&nbsp;</span>
              <span>A</span>
              <span>R</span>
              <span>T</span>
              <span>S</span>
              <span>.</span>
              <span>F</span>
              <span>I</span>
              <span>L</span>
              <span>M</span>
            </div>
            <div class="nav-link-arts-film-second">
              <span>→&nbsp;</span>
              <span>A</span>
              <span>R</span>
              <span>T</span>
              <span>S</span>
              <span>.</span>
              <span>F</span>
              <span>I</span>
              <span>L</span>
              <span>M</span>
            </div>
          </div>
        </a>
                <button class="flex-shrink-0 p-4 outline-none button-search focus:outline-none nav-link" @click.prevent="showSearch = true">
          <div>
            <img src="/assets/images/search.svg" alt="Rechercher" />
          </div>
        </button>
        <div class="border-l border-black">
          <a href="https://lefifa.com/en/" class="p-4 uppercase nav-link lang-switch">EN</a>
        </div>
      </div>
      <div class="ml-auto lg:hidden">
        <a href="#" class="block p-4" @click.prevent="menuOpen = true">
          <img src="/assets/images/menu.svg" alt="Ouvrir">
        </a>
      </div>
    </div>
  </nav>
</div>

<transition name="fade" @enter="disableBodyScroll" @leave="enableBodyScroll">
  <div class="fixed inset-0 z-50 flex flex-col items-stretch justify-start w-full h-full text-lg text-white bg-black nav-mobile lg:hidden" v-show="menuOpen" v-cloak>

    <div class="flex items-center justify-start flex-shrink-0 border-b border-white whitespace-nowrap">
      <div class="flex-shrink-0 p-4">
        <a href="https://lefifa.com/" class="block" @click="menuOpen = false">
          <img src="/assets/images/logo-white.svg" alt="Festival International du Film sur l’Art" height="23px" width="109px" />
        </a>
      </div>
      <div class="ml-auto">
        <a href="#" class="block p-4 text-2xl leading-none" @click.prevent="menuOpen = false">
          
        </a>
      </div>
    </div>

    <div class="flex-grow w-full overflow-y-scroll scrolling-touch nav-mobile-scroll md:text-2xl">

      <div class="flex items-center justify-end">
        <button class="p-4 outline-none button-search focus:outline-none nav-link" @click.prevent="showSearch = true">
          <div>
            <img src="/assets/images/search-white.svg" alt="Rechercher" />
          </div>
        </button>
        <div class="border-l border-white">
          <a href="https://lefifa.com/en/" class="p-4 uppercase nav-link lang-switch" @click="menuOpen = false">EN</a>
        </div>
      </div>

      <div class="flex flex-col w-full">
                        <div class="py-4 mx-4 border-b border-white" @click="toggle('catalogue')">
          <div class="flex items-center justify-between prevent nav-link">
            <span>Catalogue</span>
            <div>
              <img src="/assets/images/arrow-white.svg" alt="" :class="{ 'transform rotate-180': toggled != 'catalogue' }" />
            </div>
          </div>
          <transition :css="false" @enter="openDrawer" @leave="closeDrawer">
            <div v-if="toggled == 'catalogue'">
              <div class="h-full overflow-hidden">
                <ul class="flex flex-col items-start pt-1 font-serif lg:pt-2 text-mobile-nav md:text-4xl">
                                    <li class="pt-1 md:pt-2">
                    <a href="https://lefifa.com/catalogue" target="" class="inline-block nav-link nav-link-sub" @click="menuOpen = false"><span>Festival | <span class="numbers">2016</span> à&nbsp;<span class="numbers">2025</span></span></a>
                  </li>
                                    <li class="pt-1 md:pt-2">
                    <a href="https://lefifa.com/catalogue?editions=1103792" target="" class="inline-block nav-link nav-link-sub" @click="menuOpen = false"><span>Plateforme <span class="caps">ARTS</span>.<span class="caps">FILM</span></span></a>
                  </li>
                                  </ul>
              </div>
            </div>
          </transition>
        </div>
                                <div class="py-4 mx-4 border-b border-white" @click="toggle('actualites')">
          <div class="flex items-center justify-between prevent nav-link">
            <span>Actualités</span>
            <div>
              <img src="/assets/images/arrow-white.svg" alt="" :class="{ 'transform rotate-180': toggled != 'actualites' }" />
            </div>
          </div>
          <transition :css="false" @enter="openDrawer" @leave="closeDrawer">
            <div v-if="toggled == 'actualites'">
              <div class="h-full overflow-hidden">
                <ul class="flex flex-col items-start pt-1 font-serif lg:pt-2 text-mobile-nav md:text-4xl">
                                    <li class="pt-1 md:pt-2">
                    <a href="https://lefifa.com/nouvelles" target="" class="inline-block nav-link nav-link-sub" @click="menuOpen = false"><span>Dernières nouvelles</span></a>
                  </li>
                                    <li class="pt-1 md:pt-2">
                    <a href="https://lefifa.com/agenda" target="" class="inline-block nav-link nav-link-sub" @click="menuOpen = false"><span>Projections à&nbsp;venir</span></a>
                  </li>
                                    <li class="pt-1 md:pt-2">
                    <a href="https://app.cyberimpact.com/clients/30598/subscribe-forms/17EC2AC1-F155-4A75-B2B5-189DA5CE352A" target="_blank" class="inline-block nav-link nav-link-sub" @click="menuOpen = false"><span>Abonnement à&nbsp;nos infolettres</span></a>
                  </li>
                                  </ul>
              </div>
            </div>
          </transition>
        </div>
                                <div class="py-4 mx-4 border-b border-white" @click="toggle('44EEdition2026')">
          <div class="flex items-center justify-between prevent nav-link">
            <span><span class="numbers">44</span><sup class="ordinal">e</sup> édition — <span class="numbers">2026</span></span>
            <div>
              <img src="/assets/images/arrow-white.svg" alt="" :class="{ 'transform rotate-180': toggled != '44EEdition2026' }" />
            </div>
          </div>
          <transition :css="false" @enter="openDrawer" @leave="closeDrawer">
            <div v-if="toggled == '44EEdition2026'">
              <div class="h-full overflow-hidden">
                <ul class="flex flex-col items-start pt-1 font-serif lg:pt-2 text-mobile-nav md:text-4xl">
                                    <li class="pt-1 md:pt-2">
                    <a href="https://lefifa.com/billetterie" target="" class="inline-block nav-link nav-link-sub" @click="menuOpen = false"><span>Billetterie</span></a>
                  </li>
                                    <li class="pt-1 md:pt-2">
                    <a href="https://lefifa.com/fifa-connexions" target="" class="inline-block nav-link nav-link-sub" @click="menuOpen = false"><span><span class="caps">FIFA</span> Connexions</span></a>
                  </li>
                                    <li class="pt-1 md:pt-2">
                    <a href="https://lefifa.com/a-propos/benevoles" target="" class="inline-block nav-link nav-link-sub" @click="menuOpen = false"><span>Bénévoles</span></a>
                  </li>
                                    <li class="pt-1 md:pt-2">
                    <a href="https://lefifa.com/ecoresponsabilite" target="" class="inline-block nav-link nav-link-sub" @click="menuOpen = false"><span>Écoresponsabilité</span></a>
                  </li>
                                  </ul>
              </div>
            </div>
          </transition>
        </div>
                                <div class="py-4 mx-4 border-b border-white" @click="toggle('aPropos')">
          <div class="flex items-center justify-between prevent nav-link">
            <span>À propos</span>
            <div>
              <img src="/assets/images/arrow-white.svg" alt="" :class="{ 'transform rotate-180': toggled != 'aPropos' }" />
            </div>
          </div>
          <transition :css="false" @enter="openDrawer" @leave="closeDrawer">
            <div v-if="toggled == 'aPropos'">
              <div class="h-full overflow-hidden">
                <ul class="flex flex-col items-start pt-1 font-serif lg:pt-2 text-mobile-nav md:text-4xl">
                                    <li class="pt-1 md:pt-2">
                    <a href="https://lefifa.com/a-propos/mission-et-historique" target="" class="inline-block nav-link nav-link-sub" @click="menuOpen = false"><span>Mission et historique</span></a>
                  </li>
                                    <li class="pt-1 md:pt-2">
                    <a href="https://lefifa.com/a-propos/equipe-et-c-a" target="" class="inline-block nav-link nav-link-sub" @click="menuOpen = false"><span>Équipe et conseil d’administration</span></a>
                  </li>
                                    <li class="pt-1 md:pt-2">
                    <a href="https://lefifa.com/programmations/se-reperer" target="" class="inline-block nav-link nav-link-sub" @click="menuOpen = false"><span>Découvrir Le&nbsp;<span class="caps">FIFA</span></span></a>
                  </li>
                                    <li class="pt-1 md:pt-2">
                    <a href="https://lefifa.com/programmations/festival" target="" class="inline-block nav-link nav-link-sub" @click="menuOpen = false"><span>Festival</span></a>
                  </li>
                                    <li class="pt-1 md:pt-2">
                    <a href="https://lefifa.com/programmations/plateforme-a-lannee" target="" class="inline-block nav-link nav-link-sub" @click="menuOpen = false"><span><span class="caps">ARTS</span>.<span class="caps">FILM</span></span></a>
                  </li>
                                    <li class="pt-1 md:pt-2">
                    <a href="https://lefifa.com/artsfim-education" target="" class="inline-block nav-link nav-link-sub" @click="menuOpen = false"><span><span class="caps">ARTS</span>.<span class="caps">FILM</span> Éducation</span></a>
                  </li>
                                    <li class="pt-1 md:pt-2">
                    <a href="https://lefifa.com/programmations/le-fifa-pres-de-chez-vous" target="" class="inline-block nav-link nav-link-sub" @click="menuOpen = false"><span>Le <span class="caps">FIFA</span> près de chez&nbsp;vous</span></a>
                  </li>
                                    <li class="pt-1 md:pt-2">
                    <a href="https://lefifa.com/programmations/le-fifa-a-linternational" target="" class="inline-block nav-link nav-link-sub" @click="menuOpen = false"><span>Le <span class="caps">FIFA</span> à&nbsp;l’international</span></a>
                  </li>
                                    <li class="pt-1 md:pt-2">
                    <a href="https://lefifa.com/programmations/femmes-inspirantes-2" target="" class="inline-block nav-link nav-link-sub" @click="menuOpen = false"><span>Femmes inspirantes</span></a>
                  </li>
                                    <li class="pt-1 md:pt-2">
                    <a href="https://lefifa.com/autochtonies-des-ameriques" target="" class="inline-block nav-link nav-link-sub" @click="menuOpen = false"><span>Autochtonies des Amériques</span></a>
                  </li>
                                    <li class="pt-1 md:pt-2">
                    <a href="https://lefifa.com/emergences" target="" class="inline-block nav-link nav-link-sub" @click="menuOpen = false"><span>Soutenir l’émergence</span></a>
                  </li>
                                    <li class="pt-1 md:pt-2">
                    <a href="https://lefifa.com/a-propos/partenaires" target="" class="inline-block nav-link nav-link-sub" @click="menuOpen = false"><span>Partenaires</span></a>
                  </li>
                                  </ul>
              </div>
            </div>
          </transition>
        </div>
                                <div class="py-4 mx-4 border-b border-white" @click="toggle('soutenirLeFIFA')">
          <div class="flex items-center justify-between prevent nav-link">
            <span>Soutenir le&nbsp;<span class="caps">FIFA</span></span>
            <div>
              <img src="/assets/images/arrow-white.svg" alt="" :class="{ 'transform rotate-180': toggled != 'soutenirLeFIFA' }" />
            </div>
          </div>
          <transition :css="false" @enter="openDrawer" @leave="closeDrawer">
            <div v-if="toggled == 'soutenirLeFIFA'">
              <div class="h-full overflow-hidden">
                <ul class="flex flex-col items-start pt-1 font-serif lg:pt-2 text-mobile-nav md:text-4xl">
                                    <li class="pt-1 md:pt-2">
                    <a href="https://fifa-dons.s1.yapla.com/fr/accueil/donate/donnez-au-fifa/37/" target="_blank" class="inline-block nav-link nav-link-sub" @click="menuOpen = false"><span>Faire un&nbsp;don</span></a>
                  </li>
                                    <li class="pt-1 md:pt-2">
                    <a href="https://lefifa.com/soutenir-le-fifa/encan-bénéfice" target="" class="inline-block nav-link nav-link-sub" @click="menuOpen = false"><span>Encan-bénéfice</span></a>
                  </li>
                                    <li class="pt-1 md:pt-2">
                    <a href="https://lefifa.com/soutenir-le-fifa/dons-doeuvres-dart" target="" class="inline-block nav-link nav-link-sub" @click="menuOpen = false"><span>Dons d’œuvres d’art</span></a>
                  </li>
                                    <li class="pt-1 md:pt-2">
                    <a href="https://lefifa.com/soutenir-le-fifa/don-important-en-culture" target="" class="inline-block nav-link nav-link-sub" @click="menuOpen = false"><span>Don important en culture</span></a>
                  </li>
                                    <li class="pt-1 md:pt-2">
                    <a href="https://lefifa.com/soutenir-le-fifa/dons-planifies" target="" class="inline-block nav-link nav-link-sub" @click="menuOpen = false"><span>Don planifié</span></a>
                  </li>
                                    <li class="pt-1 md:pt-2">
                    <a href="https://lefifa.com/soutenir-le-fifa/le-club-des-40" target="" class="inline-block nav-link nav-link-sub" @click="menuOpen = false"><span>Le Club des&nbsp;<span class="numbers">40</span></span></a>
                  </li>
                                  </ul>
              </div>
            </div>
          </transition>
        </div>
                      </div>

      <div class="w-full px-4 pt-10 pb-4">
                <a href="https://arts.film/" class="flex items-center justify-center p-4 uppercase border border-white" @click="menuOpen = false" target="_blank">
          → Arts.film
        </a>
              </div>
    </div>

  </div>
</transition>        <transition :css="false" @enter="searchEnter" @leave="searchLeave">
  <div class="fixed inset-0 w-full h-full text-black bg-gray lg:bg-black lg:text-white z-60 nav-search" v-if="showSearch" v-cloak>
    <div class="absolute top-0 right-0 text-2xl leading-none lg:text-4xl search-close">
      <a href="#" @click.prevent="showSearch = false" class="block p-4 lg:p-8"></a>
    </div>
    <div class="container flex flex-col items-start h-full px-2 pt-20 pb-10 lg:px-4 lg:pt-40 lg:pb-20">
      <form action="/api/search" class="w-full px-2 lg:px-4 search-form" ref="searchForm" @submit.prevent="">
        <div class="flex items-center">
          <img src="/assets/images/search-white.svg" alt="Rechercher" class="hidden h-8 mr-4 lg:block" />
          <img src="/assets/images/search.svg" alt="Rechercher" class="mr-4 lg:hidden" />
          <input ref="searchInput" type="text" placeholder="Rechercher" class="w-full py-2 text-lg font-light placeholder-black bg-transparent border-b border-black rounded-none outline-none appearance-none lg:border-white md:text-3xl lg:text-4xl focus:outline-none lg:placeholder-white" @change="searchVal" />

          <div class="flex items-center self-stretch px-2 border-b">
            <button class="px-2 py-1 text-sm leading-none uppercase transition-opacity duration-200 ease-out border border-current rounded-md outline-none opacity-50 appearance-none focus:outline-none hover:opacity-100" @click="searchVal">
              Entrée
            </button>
          </div>

          <div class="flex items-center self-stretch px-2 border-b">
            <button type="reset" class="rounded-none outline-none appearance-none focus:outline-none md:text-lg lg:text-xl" @click="searchInput = ''"><span></span></button>
          </div>
        </div>
      </form>
      <div class="relative flex-1 w-full px-2 mt-8 overflow-y-auto lg:mt-20 lg:px-4 search-results">
        <transition name="fade">
          <div class="absolute inset-x-0 top-0 flex items-center justify-center w-full px-4 pt-20 pointer-events-none" v-if="busy">
            <div class="text-4xl loader">
              <div class="loader-first">
                <span>L</span>
                <span>E</span>
                <span>&nbsp;</span>
                <span>F</span>
                <span>I</span>
                <span>F</span>
                <span>A</span>
              </div>
              <div class="loader-second">
                <span>L</span>
                <span>E</span>
                <span>&nbsp;</span>
                <span>F</span>
                <span>I</span>
                <span>F</span>
                <span>A</span>
              </div>
            </div>
          </div>
        </transition>
        <div v-if="searchData && searchData.length == 0 && !busy">
          <h3>Aucun résultat</h3>
        </div>
        <ul v-if="searchData && searchData.length > 0">
          <li class="border-b border-black lg:border-white" v-for="(data, index) in searchData" :key="index">
            <a :href="data.url" class="flex flex-wrap items-start py-4">
              <div v-html="data.section" class="w-full text-sm uppercase md:pr-2 lg:pr-4 md:w-1/5 md:text-base"></div>
              <div v-html="data.title" class="w-full text-base md:pl-2 lg:pl-4 md:w-4/5 md:text-xl lg:text-2xl line-clamp"></div>
            </a>
          </li>
        </ul>

      </div>
    </div>
  </div>
</transition>        <main>
          
<div class="pb-10 lg:pb-20">
  <section class="home-featured text-balance">
        <div class="flex items-center w-full py-4 overflow-hidden text-black bg-white home-featured-marquee whitespace-nowrap">
      <h3 class="px-4 text-5xl uppercase md:text-8xl lg:text-9xl lg:px-8"><span class="numbers">44</span><sup class="ordinal">e</sup> Festival International du Film sur l’Art — <span class="numbers">12</span> au <span class="numbers">29</span> mars&nbsp;<span class="numbers">2026</span>&nbsp;—</h3>
      <h3 class="px-4 text-5xl uppercase md:text-8xl lg:text-9xl lg:px-8"><span class="numbers">44</span><sup class="ordinal">e</sup> Festival International du Film sur l’Art — <span class="numbers">12</span> au <span class="numbers">29</span> mars&nbsp;<span class="numbers">2026</span>&nbsp;—</h3>
    </div>
    
    
    
            <article class="relative overflow-hidden text-white home-featured-full">
      <div class="absolute inset-0 w-full h-full bg-black pointer-events-none">
        <img data-src="https://lefifa.com/uploads/images/_filmLarge/45382095/Arts-du-visible_2.jpg" alt="PRÉVENTE DES PASSEPORTS EN SALLE À MONTRÉAL" class="object-cover w-full h-full lazyload">
      </div>
      <a href="https://lefifa.com/billetterie" target="" class="bg-content w-full h-screen-nav-marquee flex items-end relative z-10">
          <div class="w-full lg:w-1/2 px-4 lg:px-8 pb-4 lg:pb-8">
            <h2 class="mb-8 text-3xl md:text-5xl"><span class="caps">PRÉVENTE</span> <span class="caps">DES</span> <span class="caps">PASSEPORTS</span> <span class="caps">EN</span> <span class="caps">SALLE</span> À&nbsp;<span class="caps">MONTRÉAL</span></h2>
            <span class="text-sm button-rounded whitespace-nowrap hover:text-black hover:bg-white hover:border-white md:text-base">ACHETER OU OFFRIR LE PASSEPORT</span>
          </div>
      </a>
    </article>
    
        <div class="flex flex-wrap border-b border-black">
                  <div class="w-full md:w-1/2 lg:w-3/5 md:border-r md:border-black flex flex-col">
                <article class="home-featured-small">
          <a href="https://lefifa.com/fifa-connexions" target="_blank" class="block">
            <div class="relative ratio-16-9">
              <div class="clip-eye">
                <div>
                  <div class="clip-eye-top">
                    <img src="https://lefifa.com/uploads/images/_filmLarge/45451981/Connexions_Web_1600x900.jpg" alt="" class="absolute object-cover object-top w-full h-full">
                  </div>
                </div>
                <div>
                  <div class="clip-eye-bottom">
                    <img src="https://lefifa.com/uploads/images/_filmLarge/45451981/Connexions_Web_1600x900.jpg" alt="" class="absolute object-cover object-bottom w-full h-full">
                  </div>
                </div>
              </div>
            </div>
            <div class="flex flex-col items-start justify-start pb-10 lg:flex-row lg:justify-between lg:pb-20">
              <div class="px-4 pt-4 pb-4 lg:px-8 lg:pt-8 lg:pb-0">
                                <h2 class="text-xl uppercase lg:text-2xl"><span class="caps">FIFA</span> <span class="caps">CONNEXIONS</span> — Les journées professionnelles arrivent&nbsp;!</h2>
                                <div class="text-xl lg:text-2xl home-featured redactor"></div>
                              </div>
                            <div class="px-4 pb-0 lg:px-8 lg:pt-8">
                <span class="text-sm button-rounded whitespace-nowrap hover:bg-black hover:text-white md:text-base">DÉCOUVREZ LE PROGRAMME</span>
              </div>
                          </div>
          </a>
        </article>
                <article class="home-featured-small">
          <a href="https://lefifa.com/nouvelles/hiver-printemps-2026" target="_blank" class="block">
            <div class="relative ratio-16-9">
              <div class="clip-eye">
                <div>
                  <div class="clip-eye-top">
                    <img src="https://lefifa.com/uploads/images/_filmLarge/ATER_Floreal_01.jpg" alt="" class="absolute object-cover object-top w-full h-full">
                  </div>
                </div>
                <div>
                  <div class="clip-eye-bottom">
                    <img src="https://lefifa.com/uploads/images/_filmLarge/ATER_Floreal_01.jpg" alt="" class="absolute object-cover object-bottom w-full h-full">
                  </div>
                </div>
              </div>
            </div>
            <div class="flex flex-col items-start justify-start pb-10 lg:flex-row lg:justify-between lg:pb-20">
              <div class="px-4 pt-4 pb-4 lg:px-8 lg:pt-8 lg:pb-0">
                                <h2 class="text-xl uppercase lg:text-2xl"><span class="caps">ARTS</span>.<span class="caps">FILM</span> dévoile sa programmation Hiver — Printemps <span class="numbers">2026</span></h2>
                                <div class="text-xl lg:text-2xl home-featured redactor"></div>
                              </div>
                            <div class="px-4 pb-0 lg:px-8 lg:pt-8">
                <span class="text-sm button-rounded whitespace-nowrap hover:bg-black hover:text-white md:text-base">PLUS D&#039;INFORMATION</span>
              </div>
                          </div>
          </a>
        </article>
              </div>
                  <div class="w-full md:w-1/2 lg:w-2/5 flex flex-col">
                <article class="home-featured-small">
          <a href="https://lefifa.com/a-propos/benevoles" target="_blank" class="block">
            <div class="relative ratio-16-9">
              <div class="clip-eye">
                <div>
                  <div class="clip-eye-top">
                    <img src="https://lefifa.com/uploads/images/_filmLarge/FIFA2025_web_credMaryseBoyce_4023.jpg" alt="" class="absolute object-cover object-top w-full h-full">
                  </div>
                </div>
                <div>
                  <div class="clip-eye-bottom">
                    <img src="https://lefifa.com/uploads/images/_filmLarge/FIFA2025_web_credMaryseBoyce_4023.jpg" alt="" class="absolute object-cover object-bottom w-full h-full">
                  </div>
                </div>
              </div>
            </div>
            <div class="flex flex-col items-start justify-start pb-10 lg:flex-row lg:justify-between lg:pb-20">
              <div class="px-4 pt-4 pb-4 lg:px-8 lg:pt-8 lg:pb-0">
                                <h2 class="text-xl uppercase lg:text-2xl">Appel à&nbsp;bénévoles pour la <span class="numbers">44</span><sup class="ordinal">e</sup> édition du&nbsp;<span class="caps">FIFA</span></h2>
                                <div class="text-xl lg:text-2xl home-featured redactor"></div>
                                <span class="pb-10 mt-4 text-sm button-rounded whitespace-nowrap hover:bg-black hover:text-white md:text-base">PARTICIPEZ ICI</span>
                              </div>
                          </div>
          </a>
        </article>
                <article class="home-featured-small">
          <a href="https://lefifa.com/nouvelles/lines" target="_blank" class="block">
            <div class="relative ratio-16-9">
              <div class="clip-eye">
                <div>
                  <div class="clip-eye-top">
                    <img src="https://lefifa.com/uploads/images/_filmLarge/LINES_stills_Danko_by_the_river.jpg" alt="" class="absolute object-cover object-top w-full h-full">
                  </div>
                </div>
                <div>
                  <div class="clip-eye-bottom">
                    <img src="https://lefifa.com/uploads/images/_filmLarge/LINES_stills_Danko_by_the_river.jpg" alt="" class="absolute object-cover object-bottom w-full h-full">
                  </div>
                </div>
              </div>
            </div>
            <div class="flex flex-col items-start justify-start pb-10 lg:flex-row lg:justify-between lg:pb-20">
              <div class="px-4 pt-4 pb-4 lg:px-8 lg:pt-8 lg:pb-0">
                                <h2 class="text-xl uppercase lg:text-2xl">Lines | <span class="caps">GRATUIT</span> <span class="caps">SUR</span> <span class="caps">ARTS</span>.<span class="caps">FILM</span> <span class="caps">EN</span> <span class="caps">JANVIER</span></h2>
                                <div class="text-xl lg:text-2xl home-featured redactor"></div>
                                <span class="pb-10 mt-4 text-sm button-rounded whitespace-nowrap hover:bg-black hover:text-white md:text-base">DÉCOUVRIR LE FILM</span>
                              </div>
                          </div>
          </a>
        </article>
              </div>
          </div>
      </section>

    <section class="pt-4 overflow-hidden lg:pt-8">
    <div class="w-full px-4 lg:px-8">
      <h3 class="text-sm uppercase">Partenaires Majeurs</h3>
    </div>
    <div class="px-4 py-5 swiper-container swiper-container-logos lg:py-10 multiply lg:px-8">
      <div class="items-center swiper-wrapper">
                        <div class="w-auto swiper-slide flex-0">
                    <a href="https://www.canada.ca/fr.html" target="_blank" class="block">
                        <div class="flex items-center justify-center"><img src="https://lefifa.com/uploads/images/gouvernement-du-canada/wordmark_bl_rd_cmyk.jpg" alt="" class="home-major-partners"></div>
                      </a>
                  </div>
                                <div class="w-auto swiper-slide flex-0">
                    <a href="https://telefilm.ca/fr/" target="_blank" class="block">
                        <div class="flex items-center justify-center"><img src="https://lefifa.com/uploads/images/telefilm-canada/Telefilm_Canada_logo_svg.jpg" alt="" class="home-major-partners"></div>
                      </a>
                  </div>
                                <div class="w-auto swiper-slide flex-0">
                    <a href="https://montreal.ca/" target="_blank" class="block">
                        <div class="flex items-center justify-center"><img src="https://lefifa.com/uploads/images/montreal/Partenaire-public_Montreal_2021-1.png" alt="" class="home-major-partners"></div>
                      </a>
                  </div>
                                <div class="w-auto swiper-slide flex-0">
                    <a href="https://conseildesarts.ca/" target="_blank" class="block">
                        <div class="flex items-center justify-center"><img src="https://lefifa.com/uploads/images/conseil-des-arts-du-canada/CCA_RGB_black_e.png" alt="" class="home-major-partners"></div>
                      </a>
                  </div>
                                <div class="w-auto swiper-slide flex-0">
                    <a href="https://www.mtl.org/fr" target="_blank" class="block">
                        <div class="flex items-center justify-center"><img src="https://lefifa.com/uploads/images/tourisme-montreal/Copie_de_TM_logo_corpo_rouge_et_gris_web-rsiz-600x160.png" alt="" class="home-major-partners"></div>
                      </a>
                  </div>
                                <div class="w-auto swiper-slide flex-0">
                    <a href="https://www.artsmontreal.org/fr" target="_blank" class="block">
                        <div class="flex items-center justify-center"><img src="https://lefifa.com/uploads/images/conseil-des-arts-de-montreal/CMYK_Logo_CAM.png" alt="" class="home-major-partners"></div>
                      </a>
                  </div>
                                <div class="w-auto swiper-slide flex-0">
                    <a href="https://www.quebec.ca/" target="_blank" class="block">
                        <div class="flex items-center justify-center"><img src="https://lefifa.com/uploads/images/gouvernement-du-quebec/QUEBEC_imprime_noir.png" alt="" class="home-major-partners"></div>
                      </a>
                  </div>
                      </div>
    </div>
  </section>


          <section class="py-10 lg:py-20">
  <div class="flex items-start">
    <div class="pl-8 pr-4 hidden lg:flex min-144">
      <h2 class="text-8xl text-side"><a href="https://lefifa.com/nouvelles">Nouvelles</a></h2>
    </div>
    <div class="flex-grow overflow-hidden">
      <div class="flex items-center lg:justify-end pb-10 px-2 lg:px-4">
        <div class="px-2 lg:px-4 lg:hidden">
          <h2 class="text-4xl md:text-6xl lg:text-8xl"><a href="https://lefifa.com/nouvelles">Nouvelles</a></h2>
        </div>
        <div class="px-2 lg:px-4 ml-auto lg:ml-0">
          <a href="https://lefifa.com/nouvelles" class="button-rounded whitespace-nowrap hover:text-white hover:bg-black text-sm md:text-base">Voir tout</a>
        </div>
      </div>
      <div class="px-4 lg:px-8">
        <div class="swiper-container swiper-container-normal swiper-container-text">
          <div class="swiper-wrapper">
                        <article class="swiper-slide">
              <a href="https://lefifa.com/nouvelles/notre-collection-de-collectionneur" class="block">
                <div class="ratio-16-9 bg-black relative">
                                    <img data-src="https://lefifa.com/uploads/images/equipe-et-c-a/_filmMedium/La-collection-qui-nexistait-pas.jpg" alt="Notre collection de collectionneur·se·s | Nouvelle collection sur ARTS.FILM" class="absolute inset-0 w-full h-full object-cover lazyload" />
                                  </div>
                <div class="mt-4 absolute">
                  <h4 class="text-sm md:text-lg">16.01.2026</h4>
                  <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Notre collection de collectionneur·se·s | Nouvelle collection sur <span class="caps">ARTS</span>.<span class="caps">FILM</span></h3>
                </div>
              </a>
            </article>
                        <article class="swiper-slide">
              <a href="https://lefifa.com/nouvelles/hiver-printemps-2026" class="block">
                <div class="ratio-16-9 bg-black relative">
                                    <img data-src="https://lefifa.com/uploads/images/arts-film/_filmMedium/Resilience_JuanDavidPadillaV_Still_03.jpg" alt="ARTS.FILM dévoile sa programmation Hiver - Printemps 2026" class="absolute inset-0 w-full h-full object-cover lazyload" />
                                  </div>
                <div class="mt-4 absolute">
                  <h4 class="text-sm md:text-lg">12.01.2026</h4>
                  <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp"><span class="caps">ARTS</span>.<span class="caps">FILM</span> dévoile sa programmation Hiver — Printemps <span class="numbers">2026</span></h3>
                </div>
              </a>
            </article>
                        <article class="swiper-slide">
              <a href="https://lefifa.com/nouvelles/pas-de-planete-b" class="block">
                <div class="ratio-16-9 bg-black relative">
                                    <img data-src="https://lefifa.com/uploads/images/lines/_filmMedium/45391346/ATER_Floreal_01.jpg" alt="Pas de planète B | Nouvelle collection sur ARTS.FILM" class="absolute inset-0 w-full h-full object-cover lazyload" />
                                  </div>
                <div class="mt-4 absolute">
                  <h4 class="text-sm md:text-lg">02.01.2026</h4>
                  <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Pas de planète B | Nouvelle collection sur <span class="caps">ARTS</span>.<span class="caps">FILM</span></h3>
                </div>
              </a>
            </article>
                        <article class="swiper-slide">
              <a href="https://lefifa.com/nouvelles/lines" class="block">
                <div class="ratio-16-9 bg-black relative">
                                    <img data-src="https://lefifa.com/uploads/images/lines/_filmMedium/45388124/LINES_stills_robots.jpg" alt="Lines | Gratuit sur ARTS.FILM" class="absolute inset-0 w-full h-full object-cover lazyload" />
                                  </div>
                <div class="mt-4 absolute">
                  <h4 class="text-sm md:text-lg">01.01.2026</h4>
                  <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Lines | Gratuit sur <span class="caps">ARTS</span>.<span class="caps">FILM</span></h3>
                </div>
              </a>
            </article>
                        <article class="swiper-slide">
              <a href="https://lefifa.com/nouvelles/comment-devenir-une-star" class="block">
                <div class="ratio-16-9 bg-black relative">
                                    <img data-src="https://lefifa.com/uploads/images/equipe-et-c-a/_filmMedium/4_Michiko_Matsumoto.jpg" alt="Comment devenir une star ? | Nouvelle collection sur ARTS.FILM" class="absolute inset-0 w-full h-full object-cover lazyload" />
                                  </div>
                <div class="mt-4 absolute">
                  <h4 class="text-sm md:text-lg">12.12.2025</h4>
                  <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Comment devenir une star&nbsp;? | Nouvelle collection sur <span class="caps">ARTS</span>.<span class="caps">FILM</span></h3>
                </div>
              </a>
            </article>
                        <article class="swiper-slide">
              <a href="https://lefifa.com/nouvelles/akeji-le-souffle-de-la-montagne" class="block">
                <div class="ratio-16-9 bg-black relative">
                                    <img data-src="https://lefifa.com/uploads/images/equipe-et-c-a/_filmMedium/AKEJI_PHOTO_06.jpg" alt="Akeji, le souffle de la montagne | Gratuit sur ARTS.FILM" class="absolute inset-0 w-full h-full object-cover lazyload" />
                                  </div>
                <div class="mt-4 absolute">
                  <h4 class="text-sm md:text-lg">01.12.2025</h4>
                  <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Akeji, le souffle de la montagne | Gratuit sur <span class="caps">ARTS</span>.<span class="caps">FILM</span></h3>
                </div>
              </a>
            </article>
                        <article class="swiper-slide">
              <a href="https://lefifa.com/nouvelles/quand-lart-contemporain-deraille" class="block">
                <div class="ratio-16-9 bg-black relative">
                                    <img data-src="https://lefifa.com/uploads/images/musee-national-des-beaux-arts-du-quebec/_filmMedium/IlComplottoDiTirana2_Credit_Clara_Vannucci-1.jpg" alt="Quand l&#039;art contemporain déraille | Nouvelle collection sur ARTS.FILM" class="absolute inset-0 w-full h-full object-cover lazyload" />
                                  </div>
                <div class="mt-4 absolute">
                  <h4 class="text-sm md:text-lg">28.11.2025</h4>
                  <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Quand l’art contemporain déraille | Nouvelle collection sur <span class="caps">ARTS</span>.<span class="caps">FILM</span></h3>
                </div>
              </a>
            </article>
                        <article class="swiper-slide">
              <a href="https://lefifa.com/nouvelles/eunice-belidor" class="block">
                <div class="ratio-16-9 bg-black relative">
                                    <img data-src="https://lefifa.com/uploads/images/arts-film/_filmMedium/45241448/Capture-decran-le-2025-11-20-a-17.11.24.jpg" alt="Nomination dans l’équipe de programmation du Festival International du Film sur l’Art" class="absolute inset-0 w-full h-full object-cover lazyload" />
                                  </div>
                <div class="mt-4 absolute">
                  <h4 class="text-sm md:text-lg">21.11.2025</h4>
                  <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Nomination dans l’équipe de programmation du Festival International du Film sur l’Art</h3>
                </div>
              </a>
            </article>
                        <article class="swiper-slide">
              <a href="https://lefifa.com/nouvelles/le-festival-international-du-film-sur-lart-devoile-laffiche-de-sa-44e-edition-et-ouvre-sa-billetterie" class="block">
                <div class="ratio-16-9 bg-black relative">
                                    <img data-src="https://lefifa.com/uploads/images/arts-film/_filmMedium/45195403/Web_1600x900.jpg" alt="Le FIFA dévoile l’affiche de sa 44e édition et ouvre sa prévente de passeports en salle à Montréal !" class="absolute inset-0 w-full h-full object-cover lazyload" />
                                  </div>
                <div class="mt-4 absolute">
                  <h4 class="text-sm md:text-lg">19.11.2025</h4>
                  <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Le <span class="caps">FIFA</span> dévoile l’affiche de sa <span class="numbers">44</span><sup class="ordinal">e</sup> édition et ouvre sa prévente de passeports en salle à&nbsp;Montréal&nbsp;!</h3>
                </div>
              </a>
            </article>
                        <article class="swiper-slide">
              <a href="https://lefifa.com/nouvelles/radiographier-la-solitude" class="block">
                <div class="ratio-16-9 bg-black relative">
                                    <img data-src="https://lefifa.com/uploads/images/radiographier-la-solitude/_filmMedium/LINES_stills_linemaker.jpg" alt="Radiographier la solitude | Nouvelle collection sur ARTS.FILM" class="absolute inset-0 w-full h-full object-cover lazyload" />
                                  </div>
                <div class="mt-4 absolute">
                  <h4 class="text-sm md:text-lg">14.11.2025</h4>
                  <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Radiographier la solitude | Nouvelle collection sur <span class="caps">ARTS</span>.<span class="caps">FILM</span></h3>
                </div>
              </a>
            </article>
                        <article class="swiper-slide">
              <a href="https://lefifa.com/nouvelles/sixieme-edition-encan" class="block">
                <div class="ratio-16-9 bg-black relative">
                                    <img data-src="https://lefifa.com/uploads/images/arts-film/_filmMedium/45131111/SITE-WEB-BANDEAU-FR-EN-16.jpg" alt="Encan-bénéfice en ligne du 27 novembre au 7 décembre" class="absolute inset-0 w-full h-full object-cover lazyload" />
                                  </div>
                <div class="mt-4 absolute">
                  <h4 class="text-sm md:text-lg">11.11.2025</h4>
                  <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Encan-bénéfice en ligne du <span class="numbers">27</span> novembre au <span class="numbers">7</span>&nbsp;décembre</h3>
                </div>
              </a>
            </article>
                        <article class="swiper-slide">
              <a href="https://lefifa.com/nouvelles/focus-mexique" class="block">
                <div class="ratio-16-9 bg-black relative">
                                    <img data-src="https://lefifa.com/uploads/images/cinema-du-musee/_filmMedium/44904372/The-Proposal.jpg" alt="FOCUS MEXIQUE | 7 films gratuits sur ARTS.FILM du 31 oct. au 30 nov." class="absolute inset-0 w-full h-full object-cover lazyload" />
                                  </div>
                <div class="mt-4 absolute">
                  <h4 class="text-sm md:text-lg">29.10.2025</h4>
                  <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp"><span class="caps">FOCUS</span> <span class="caps">MEXIQUE</span> | <span class="numbers">7</span>&nbsp;films gratuits sur <span class="caps">ARTS</span>.<span class="caps">FILM</span> du <span class="numbers">31</span> oct. au <span class="numbers">30</span>&nbsp;nov.</h3>
                </div>
              </a>
            </article>
                      </div>
          <div class="swiper-prev"><img src="/assets/images/arrow-prev.svg" alt="Précédent"></div>
          <div class="swiper-next"><img src="/assets/images/arrow-next.svg" alt="Suivant"></div>
        </div>
      </div>
    </div>
  </div>
</section>
              <section class="py-10 agenda lg:py-20 lg:px-4">
    <div class="flex items-start">
      <div class="hidden pl-4 pr-8 lg:flex min-144">
        <h2 class="text-8xl text-side"><a href="https://lefifa.com/agenda">Agenda</a></h2>
      </div>
      <div class="flex-grow">
        <div class="flex items-center px-2 pb-10 lg:justify-end lg:px-0">
          <div class="px-2 lg:px-4 lg:hidden">
            <h2 class="text-4xl md:text-6xl lg:text-8xl"><a href="https://lefifa.com/agenda">Agenda</a></h2>
          </div>
          <div class="px-2 ml-auto lg:px-4 lg:ml-0">
            <a href="https://lefifa.com/agenda" class="text-sm button-rounded whitespace-nowrap hover:text-white hover:bg-black md:text-base">Voir tout</a>
          </div>
        </div>
                <article itemscope itemtype="https://schema.org/Event" class="px-4">
          <a href="https://www.cinematheque.qc.ca/fr/cinema/balomania/" target="_blank" class="block agenda-item" itemprop="url">
            <div class="py-4 lg:py-10 border-b border-black border-t">
              <div class="flex flex-wrap items-start">
                <div class="w-full pb-2 text-base uppercase md:w-3/12 lg:w-2/12 md:text-lg lg:text-xl lg:pb-0" itemprop="startDate" content="2026-02-12T19:00:00-05:00">
                  <h4 class="md:hidden">jeudi 12 février</h4>
                  <h4 class="hidden md:block">jeudi</h4>
                  <h4 class="hidden md:block">12 février</h4>
                                    <h4 class="lowercase">19 h 00</h4>
                                  </div>
                <div class="flex-none w-full md:w-9/12 lg:w-8/12 md:px-4 lg:px-8">
                  <div class="agenda-title">
                    <h3 class="text-xl md:text-2xl lg:text-4xl lg:uppercase" itemprop="name"><span class="caps">BALOMANIA</span> de Sissel Morell-Dargis | Cinémathèque québécoise (Montréal, Canada)</h3>
                                        <h4 class="mt-4">En collaboration avec la Cinémathèque québécoise et le Festival Le Grand Bivouac, Le <span class="caps">FIFA</span> présente le Grand Prix de sa <span class="numbers">43</span><sup class="ordinal">e</sup> édition, <span class="caps">BALOMANIA</span>. Au cœur des favelas brésiliennes, la réalisatrice danoise Sissel Morell Dargis infiltre la clandestine «&nbsp;mafia des ballons&nbsp;». Illégale et criminalisée, cette tradition séculaire mobilise des centaines d’hommes pour créer d’immenses œuvres d’art. Traqués par la police, les baloeiros vivent une obsession aussi dangereuse que spectaculaire.</h4>
                                      </div>
                </div>
                <div class="self-center hidden w-2/12 text-xl uppercase lg:block">
                  <img src="/assets/images/arrow-lg.svg" alt="BALOMANIA de Sissel Morell-Dargis | Cinémathèque québécoise (Montréal, Canada)" class="mx-auto opacity-0 agenda-arrow">
                </div>
              </div>
            </div>
          </a>
        </article>
                <article itemscope itemtype="https://schema.org/Event" class="px-4">
          <a href="https://lepointdevente.com/billets/18o260218001" target="_blank" class="block agenda-item" itemprop="url">
            <div class="py-4 lg:py-10 border-b border-black">
              <div class="flex flex-wrap items-start">
                <div class="w-full pb-2 text-base uppercase md:w-3/12 lg:w-2/12 md:text-lg lg:text-xl lg:pb-0" itemprop="startDate" content="2026-02-18T19:00:00-05:00">
                  <h4 class="md:hidden">mercredi 18 février</h4>
                  <h4 class="hidden md:block">mercredi</h4>
                  <h4 class="hidden md:block">18 février</h4>
                                    <h4 class="lowercase">19 h 00</h4>
                                  </div>
                <div class="flex-none w-full md:w-9/12 lg:w-8/12 md:px-4 lg:px-8">
                  <div class="agenda-title">
                    <h3 class="text-xl md:text-2xl lg:text-4xl lg:uppercase" itemprop="name"><span class="caps">CINÉ-ART</span>&nbsp;: Les saisons de la danse de Tommy Pascal | Centre culturel Stewart Hall [<span class="caps">GRATUIT</span>]</h3>
                                        <h4 class="mt-4">Présenté en collaboration avec le Centre culturel Stewart Hall, ce documentaire reavive cette partition mythique. À&nbsp;l’occasion des <span class="numbers">300</span> ans de l’œuvre, un groupe de chorégraphes se sont emparés de cette réécriture pour la réinterpréter à&nbsp;leur tour.</h4>
                                      </div>
                </div>
                <div class="self-center hidden w-2/12 text-xl uppercase lg:block">
                  <img src="/assets/images/arrow-lg.svg" alt="CINÉ-ART : Les saisons de la danse de Tommy Pascal | Centre culturel Stewart Hall [GRATUIT]" class="mx-auto opacity-0 agenda-arrow">
                </div>
              </div>
            </div>
          </a>
        </article>
              </div>
    </div>
  </section>
            <section class="py-20 mb-10 overflow-hidden bg-gray lg:py-40 lg:mb-20">
    <div class="flex flex-col items-start w-full md:flex-row md:items-center">
      <div class="px-4 pb-4 lg:px-8 md:pb-0">
        <a href="https://lefifa.com/catalogue">
          <h2 class="uppercase text-mobile-title md:text-6xl lg:text-8xl">Nos collections</h2>
        </a>
      </div>
      <div class="px-4 pb-4 lg:px-8 md:pb-0">
        <a href="https://lefifa.com/catalogue" class="text-sm button-rounded whitespace-nowrap hover:bg-black hover:text-white md:text-base">Voir tout</a>
      </div>
    </div>
    <div class="w-full lg:px-4">
                        <div class="px-4 pt-10 pb-4 lg:pt-20 md:pb-8 lg:pb-10">
  <h3 class="text-2xl md:text-4xl lg:text-5xl"><a href="https://lefifa.com/catalogue?collections=45761465">Notre collection de collectionneur·se·s</a></h3>
</div>
<div class="px-4">
  <div class="swiper-container swiper-container-normal  swiper-container-text">
    <div class="swiper-wrapper">
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/la-collection-qui-nexistait-pas" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/la-collection-qui-nexistait-pas/_filmMedium/NY_dos_nuit_pipe.jpg" alt="La collection qui n&#039;existait pas" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">La collection qui n’existait pas</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/peggy-guggenheim-art-addict" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/peggy-guggenheim-art-addict/_filmMedium/BN000016_V1_SB_copy.jpg" alt="Peggy Guggenheim: Art Addict" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Peggy Guggenheim&nbsp;: Art Addict</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/les-freres-morozov-mecenes-et-collectionneurs-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/les-freres-morozov-mecenes-et-collectionneurs-2/_filmMedium/MM5.jpg" alt="Les frères Morozov, mécènes et collectionneurs" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Les frères Morozov, mécènes et collectionneurs</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/serguei-chtchoukine-le-roman-dun-collectionneur" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/serguei-chtchoukine-le-roman-dun-collectionneur/_filmMedium/118_SergueiI_Chtchoukine.jpg" alt="Sergueï Chtchoukine, le roman d&#039;un collectionneur" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Sergueï Chtchoukine, le roman d’un collectionneur</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/everyone-wants-to-be-the-next-weismann-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/everyone-wants-to-be-the-next-weismann-2/_filmMedium/Todos_quieren_ser_el_pro_ximo_Weismann_-11_XL.jpg" alt="Everyone Wants to Be the Next Weismann" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Everyone Wants to Be the Next Weismann</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/conz-the-ultimate-collectors-life" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/conz-the-ultimate-collectors-life/_filmMedium/conz_still_conz_foto.jpg" alt="Conz, The Ultimate Collector&#039;s Life" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Conz, The Ultimate Collector’s Life</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/the-price-of-everything" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/the-price-of-everything/_filmMedium/The_Price_of_Everything_Koons.jpg" alt="The Price of Everything" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">The Price of Everything</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/les-chercheurs-d-8217-art" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/les-chercheurs-d-8217-art/_filmMedium/LesChercheursDArt.jpg" alt="Les chercheurs d&#039;art" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Les chercheurs d’art</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
          </div>
    <div class="swiper-prev"><img src="/assets/images/arrow-prev.svg" alt="Précédent"></div>
    <div class="swiper-next"><img src="/assets/images/arrow-next.svg" alt="Suivant"></div>
  </div>
</div>            <div class="px-4 pt-10 pb-4 lg:pt-20 md:pb-8 lg:pb-10">
  <h3 class="text-2xl md:text-4xl lg:text-5xl"><a href="https://lefifa.com/catalogue?collections=45651731">Pas de planète B</a></h3>
</div>
<div class="px-4">
  <div class="swiper-container swiper-container-normal  swiper-container-text">
    <div class="swiper-wrapper">
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/arthur-erickson-beauty-between-the-lines-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/arthur-erickson-beauty-between-the-lines-2/_filmMedium/240917_-_PICTURE_LOCK_-_Pending_Photo_Swaps_-_CA_01_02_59_12_Still015.jpg" alt="Arthur Erickson: Beauty Between the Lines" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Arthur Erickson&nbsp;: Beauty Between the&nbsp;Lines</h3>

                        
                                    
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/ater-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/ater-2/_filmMedium/45544159/ATER_Floreal_01.jpg" alt="ATÉR" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp"><span class="caps">ATÉR</span></h3>

                        
                                    
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/leaning-into-the-wind-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/leaning-into-the-wind-2/_filmMedium/02_LEANING_FILMSWELIKE.jpg" alt="Leaning Into the Wind" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Leaning Into the&nbsp;Wind</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/songs-of-the-earth" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/songs-of-the-earth/_filmMedium/35576280/Screenshot_2021-10-17_at_18_32_24.jpg" alt="Songs of the Earth" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Songs of the&nbsp;Earth</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/yollotl-coeur-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/yollotl-coeur-2/_filmMedium/Photo_7_COLINROQUE_Fernando_yolotl7.jpg" alt="Yollotl (Coeur)" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Yollotl (Coeur)</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/teroforet" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/teroforet/_filmMedium/TEROFORET-still-1.jpg" alt="TEROFORÊT" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp"><span class="caps">TEROFORÊT</span></h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/akeji-the-breath-of-the-mountain-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/akeji-the-breath-of-the-mountain-2/_filmMedium/AKEJI_PHOTO_01.jpg" alt="Akeji, the Breath of the Mountain" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Akeji, the Breath of the Mountain</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
          </div>
    <div class="swiper-prev"><img src="/assets/images/arrow-prev.svg" alt="Précédent"></div>
    <div class="swiper-next"><img src="/assets/images/arrow-next.svg" alt="Suivant"></div>
  </div>
</div>            <div class="px-4 pt-10 pb-4 lg:pt-20 md:pb-8 lg:pb-10">
  <h3 class="text-2xl md:text-4xl lg:text-5xl"><a href="https://lefifa.com/catalogue?collections=45438927">Comment devenir une star ?</a></h3>
</div>
<div class="px-4">
  <div class="swiper-container swiper-container-normal  swiper-container-text">
    <div class="swiper-wrapper">
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/tiny-tim-king-for-a-day" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/tiny-tim-king-for-a-day/_filmMedium/TinyTim_Closeup_w_guitar_photounknown.jpg" alt="Tiny Tim: King for a Day" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Tiny Tim&nbsp;: King for a&nbsp;Day</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/viva-niki-the-spirit-of-niki-de-saint-phalle-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/viva-niki-the-spirit-of-niki-de-saint-phalle-2/_filmMedium/4_Michiko_Matsumoto.jpg" alt="Viva Niki -The Spirit of Niki de Saint Phalle" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Viva Niki ‑The Spirit of Niki de Saint Phalle</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/barbra-streisand-naissance-dune-diva" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/barbra-streisand-naissance-dune-diva/_filmMedium/BARBRA-STREISAND-STORY-ICON_07.jpg" alt="Barbra Streisand, naissance d&#039;une diva" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Barbra Streisand, naissance d’une&nbsp;diva</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/paul-newman-lintranquille" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/paul-newman-lintranquille/_filmMedium/Photo_4_-_Cool_hand_Luke_-_COLLECTION_CHRISTOPHEL_Jalem_Productions.jpg" alt="Paul Newman, l&#039;intranquille" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Paul Newman, l’intranquille</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/kusama-infinity" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/kusama-infinity/_filmMedium/YK1.jpg" alt="Kusama : Infinity" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Kusama&nbsp;: Infinity</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/jodie-foster-hollywood-dans-la-peau" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/jodie-foster-hollywood-dans-la-peau/_filmMedium/JODIE-PHOTO_TEXTOFF-CANNES-NIRO.jpg" alt="Jodie Foster - Hollywood dans la peau" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Jodie Foster — Hollywood dans la&nbsp;peau</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/over-the-top-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/over-the-top-2/_filmMedium/Over-The-Top_4.jpg" alt="Over the Top" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Over the&nbsp;Top</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/bookanima-andy-warhol" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/bookanima-andy-warhol/_filmMedium/BOOKANIMA_-Andy-War.jpg" alt="BOOKANIMA: Andy Warhol" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp"><span class="caps">BOOKANIMA</span>&nbsp;: Andy Warhol</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/glenn-gould" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/glenn-gould/_filmMedium/2626_02_copy.jpg" alt="Glenn Gould" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Glenn Gould</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
          </div>
    <div class="swiper-prev"><img src="/assets/images/arrow-prev.svg" alt="Précédent"></div>
    <div class="swiper-next"><img src="/assets/images/arrow-next.svg" alt="Suivant"></div>
  </div>
</div>            <div class="px-4 pt-10 pb-4 lg:pt-20 md:pb-8 lg:pb-10">
  <h3 class="text-2xl md:text-4xl lg:text-5xl"><a href="https://lefifa.com/catalogue?collections=45307385">Quand l&#039;art contemporain déraille</a></h3>
</div>
<div class="px-4">
  <div class="swiper-container swiper-container-normal  swiper-container-text">
    <div class="swiper-wrapper">
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/the-tirana-conspiracy-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/the-tirana-conspiracy-2/_filmMedium/IlComplottoDiTirana2_Credit_Clara_Vannucci.jpg" alt="The Tirana Conspiracy" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">The Tirana Conspiracy</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/untitled-1-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/untitled-1-2/_filmMedium/Untitled_1_1.jpg" alt="Untitled #1" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Untitled #<span class="numbers">1</span></h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/le-mobilier-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/le-mobilier-2/_filmMedium/Untitled_1_1_14.jpg" alt="Le mobilier" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Le mobilier</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/il-etait-une-fois-the-square" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/il-etait-une-fois-the-square/_filmMedium/PP_BTS_Tobias_Henriksson_164_MG_8723.jpg" alt="Il était une fois... The Square" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Il était une fois… The Square</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/jaeborn-numero-par-numero-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/jaeborn-numero-par-numero-2/_filmMedium/FIFA-37-jaeborn1.jpg" alt="Jaeborn, numéro par numéro" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Jaeborn, numéro par numéro</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/the-price-of-everything" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/the-price-of-everything/_filmMedium/The_Price_of_Everything_Koons.jpg" alt="The Price of Everything" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">The Price of Everything</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
          </div>
    <div class="swiper-prev"><img src="/assets/images/arrow-prev.svg" alt="Précédent"></div>
    <div class="swiper-next"><img src="/assets/images/arrow-next.svg" alt="Suivant"></div>
  </div>
</div>            <div class="px-4 pt-10 pb-4 lg:pt-20 md:pb-8 lg:pb-10">
  <h3 class="text-2xl md:text-4xl lg:text-5xl"><a href="https://lefifa.com/catalogue?collections=45189403">Radiographier la solitude</a></h3>
</div>
<div class="px-4">
  <div class="swiper-container swiper-container-normal  swiper-container-text">
    <div class="swiper-wrapper">
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/lines" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/lines/_filmMedium/LINES_stills_linemaker.jpg" alt="Lines" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Lines</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/la-toile-blanche-dedward-hopper" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/la-toile-blanche-dedward-hopper/_filmMedium/EDWARD_HOPPER_-_photo_Gas_station.jpg" alt="La toile blanche d&#039;Edward Hopper" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">La toile blanche d’Edward Hopper</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/la-solitude-du-joueur-de-contrebasse-au-moment-decrire-un-poeme-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/la-solitude-du-joueur-de-contrebasse-au-moment-decrire-un-poeme-2/_filmMedium/36_La_solitude_du_joueur_de_contrebasse.jpg" alt="La solitude du joueur de contrebasse au moment d&#039;écrire un poème" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">La solitude du joueur de contrebasse au moment d’écrire un&nbsp;poème</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/living-with-imperfection" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/living-with-imperfection/_filmMedium/42165322/BLAKE1111111.jpg" alt="Living With Imperfection" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Living With Imperfection</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/at-arms-length-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/at-arms-length-2/_filmMedium/At_arm-s_length_1.jpg" alt="At Arm&#039;s Length" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">At Arm’s Length</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/la-vie-bien-remplie-de-pierrick-sorin-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/la-vie-bien-remplie-de-pierrick-sorin-2/_filmMedium/28770310/Pierrick_Sorin_poissons_rouges.jpg" alt="La vie bien remplie de Pierrick Sorin" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">La vie bien remplie de Pierrick Sorin</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/solo" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/solo/_filmMedium/SLP_claudia_003_-_copie.jpg" alt="Solo" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Solo</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/the-walking-man" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/the-walking-man/_filmMedium/UCC_3.jpg" alt="The Walking Man" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">The Walking Man</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
          </div>
    <div class="swiper-prev"><img src="/assets/images/arrow-prev.svg" alt="Précédent"></div>
    <div class="swiper-next"><img src="/assets/images/arrow-next.svg" alt="Suivant"></div>
  </div>
</div>            <div class="px-4 pt-10 pb-4 lg:pt-20 md:pb-8 lg:pb-10">
  <h3 class="text-2xl md:text-4xl lg:text-5xl"><a href="https://lefifa.com/catalogue?collections=44999664">Focus Mexique : Correspondances entre art et cinéma</a></h3>
</div>
<div class="px-4">
  <div class="swiper-container swiper-container-normal  swiper-container-text">
    <div class="swiper-wrapper">
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/lazaro-de-noche" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/lazaro-de-noche/_filmMedium/14_Aladino_river_1_1.jpg" alt="Lázaro de Noche" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Lázaro de&nbsp;Noche</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/querida-chantal" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/querida-chantal/_filmMedium/14_QUERIDA_CHANTAL_Still004.jpg" alt="Querida Chantal" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Querida Chantal</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/tomas-oblicuas" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/tomas-oblicuas/_filmMedium/OTSTILLWEB1_ESP.jpg" alt="Tomas Oblicuas" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Tomas Oblicuas</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/the-proposal" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/the-proposal/_filmMedium/44872227/TheProposal_1.jpg" alt="The Proposal" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">The Proposal</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/frida-kahlo" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/frida-kahlo/_filmMedium/Frida_Kahlo_Self-Portrait_with_Small_Monkey_1945_2_EXHIBITION_ON_SCREEN.jpg" alt="Frida Kahlo" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Frida Kahlo</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
          </div>
    <div class="swiper-prev"><img src="/assets/images/arrow-prev.svg" alt="Précédent"></div>
    <div class="swiper-next"><img src="/assets/images/arrow-next.svg" alt="Suivant"></div>
  </div>
</div>            <div class="px-4 pt-10 pb-4 lg:pt-20 md:pb-8 lg:pb-10">
  <h3 class="text-2xl md:text-4xl lg:text-5xl"><a href="https://lefifa.com/catalogue?collections=42076381">L&#039;art du selfie</a></h3>
</div>
<div class="px-4">
  <div class="swiper-container swiper-container-normal  swiper-container-text">
    <div class="swiper-wrapper">
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/selfie-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/selfie-2/_filmMedium/Selfie_Foto_3_baja.jpg" alt="Selfie" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Selfie</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/white-shadow-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/white-shadow-2/_filmMedium/WhiteShadow-Still05.jpg" alt="White Shadow" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">White Shadow</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/albrecht-durer-le-mystere-des-autoportraits" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/albrecht-durer-le-mystere-des-autoportraits/_filmMedium/ALBRECHT_DURER-PHOTO_Atelier_1_c_ARTEFrance-MorganeProduction.jpg" alt="Albrecht Dürer, le mystère des autoportraits" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Albrecht Dürer, le mystère des autoportraits</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/les-jambes-de-saint-pierre" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/les-jambes-de-saint-pierre/_filmMedium/165140214_721126745235944_2113892073460777830_n.jpg" alt="Les jambes de Saint-Pierre" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Les jambes de Saint-Pierre</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/finding-vivian-maier" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/finding-vivian-maier/_filmMedium/FVM_COLORVMSelfPortraitMirrorRedClothinShop_Ravine_PicturesLLC2013.jpg" alt="Finding Vivian Maier" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Finding Vivian Maier</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
          </div>
    <div class="swiper-prev"><img src="/assets/images/arrow-prev.svg" alt="Précédent"></div>
    <div class="swiper-next"><img src="/assets/images/arrow-next.svg" alt="Suivant"></div>
  </div>
</div>            <div class="px-4 pt-10 pb-4 lg:pt-20 md:pb-8 lg:pb-10">
  <h3 class="text-2xl md:text-4xl lg:text-5xl"><a href="https://lefifa.com/catalogue?collections=44643324">Pour frimer en parté</a></h3>
</div>
<div class="px-4">
  <div class="swiper-container swiper-container-normal  swiper-container-text">
    <div class="swiper-wrapper">
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/un-conte-de-fees-tchecoslovaque" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/un-conte-de-fees-tchecoslovaque/_filmMedium/BANDEAU_UN_CONTE_DE_FEES.jpg" alt="Un conte de fées tchécoslovaque" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Un conte de fées tchécoslovaque</h3>

                        
                                    
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/sisyphe-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/sisyphe-2/_filmMedium/Sisyphe-4.jpg" alt="Sisyphe" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Sisyphe</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/hairy-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/hairy-2/_filmMedium/HAARIG_stills_1woman.jpg" alt="Hairy" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Hairy</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/sensory-overload-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/sensory-overload-2/_filmMedium/Still_1.jpg" alt="Sensory Overload" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Sensory Overload</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/exit-suite-cinepoetique-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/exit-suite-cinepoetique-2/_filmMedium/Capture_d_ecran_le_2023-02-09_a_09_37_50.jpg" alt="EXIT / Suite cinépoétique" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp"><span class="caps">EXIT</span> / Suite cinépoétique</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/a-bright-light-karen-and-the-process" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/a-bright-light-karen-and-the-process/_filmMedium/a-bright-light-karen-and-the-process_5.jpg" alt="A Bright Light - Karen and the Process" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">A Bright Light — Karen and the Process</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/zugzwang-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/zugzwang-2/_filmMedium/38340354/Zugzwang_Capture_9_1.jpg" alt="Zugzwang" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Zugzwang</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/enter-through-the-balcony" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/enter-through-the-balcony/_filmMedium/details-1-image-1_91d65fdf.jpg" alt="Enter Through the Balcony" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Enter Through the Balcony</h3>

                        
                                    
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/a-few-lost-words" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/a-few-lost-words/_filmMedium/6243002/afewlostwords_image_250_150.jpg" alt="A FEW LOST WORDS" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">A <span class="caps">FEW</span> <span class="caps">LOST</span>&nbsp;<span class="caps">WORDS</span></h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/histoire-plaquee-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/histoire-plaquee-2/_filmMedium/28769686/Capture_d_ecran_2021-02-11_a_09_35_55.jpg" alt="Histoire plaquée" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Histoire plaquée</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
          </div>
    <div class="swiper-prev"><img src="/assets/images/arrow-prev.svg" alt="Précédent"></div>
    <div class="swiper-next"><img src="/assets/images/arrow-next.svg" alt="Suivant"></div>
  </div>
</div>            <div class="px-4 pt-10 pb-4 lg:pt-20 md:pb-8 lg:pb-10">
  <h3 class="text-2xl md:text-4xl lg:text-5xl"><a href="https://lefifa.com/catalogue?collections=44469685">La littérature fait son cinéma</a></h3>
</div>
<div class="px-4">
  <div class="swiper-container swiper-container-normal  swiper-container-text">
    <div class="swiper-wrapper">
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/henriette-valium-est-morte-vive-henriette-valium-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/henriette-valium-est-morte-vive-henriette-valium-2/_filmMedium/Valium_3.jpg" alt="Henriette Valium est morte Vive Henriette Valium" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Henriette Valium est morte Vive Henriette Valium</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/umberto-eco-la-bibliotheque-du-monde" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/umberto-eco-la-bibliotheque-du-monde/_filmMedium/UE_LBDM_01.jpg" alt="Umberto Eco: La bibliothèque du monde" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Umberto Eco&nbsp;: La bibliothèque du&nbsp;monde</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/daphne-du-maurier-8211-sur-les-traces-de-rebecca" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/daphne-du-maurier-8211-sur-les-traces-de-rebecca/_filmMedium/Daphne_Du_Maurier_son_bureau_Menabilly.jpg" alt="Daphné Du Maurier - Sur les traces de Rebecca" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Daphné Du Maurier — Sur les traces de Rebecca</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/toni-morrison-et-les-fantomes-de-lamerique" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/toni-morrison-et-les-fantomes-de-lamerique/_filmMedium/Toni_Morrison_site.jpg" alt="Toni Morrison et les fantômes de l&#039;Amérique" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Toni Morrison et les fantômes de l’Amérique</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/mont-noir" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/mont-noir/_filmMedium/img-Marguerite-300dpi-02.jpg" alt="Mont Noir" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Mont Noir</h3>

                                                                                                
                                    
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-pink border-pink text-white">Le FIFA 43 | 2025</span>
                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/lazare-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/lazare-2/_filmMedium/lazare-guldemdurmaz03_300dpi.jpg" alt="Lazare" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Lazare</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/je-mappelle-humain" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/je-mappelle-humain/_filmMedium/C_JosephineBacon_Still_02.jpg" alt="Je m&#039;appelle humain" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Je m’appelle humain</h3>

                        
                                    
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/dernieres-nouvelles-du-cosmos" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/dernieres-nouvelles-du-cosmos/_filmMedium/DERNI_RES_NOUVELLES_DU_COSMOS_LES_FILMS_OUTSIDERS_babouillec-tshirt-rouge.jpg" alt="Dernières nouvelles du cosmos" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Dernières nouvelles du cosmos</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/le-dernier-nataq" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/le-dernier-nataq/_filmMedium/ville-de-rouyn-noranda-la-murale-viaduc-044-ps.jpg" alt="Le dernier Nataq" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Le dernier Nataq</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/paris-clair-obscur-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/paris-clair-obscur-2/_filmMedium/PCO1.jpg" alt="PARIS CLAIR-OBSCUR" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp"><span class="caps">PARIS</span> <span class="caps">CLAIR-OBSCUR</span></h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/saint-denys-garneau" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/saint-denys-garneau/_filmMedium/Saint-Denys-Garneau_XL.jpg" alt="Saint-Denys Garneau" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Saint-Denys Garneau</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/voix-des-soupirs-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/voix-des-soupirs-2/_filmMedium/Voix_des_soupirs_1.jpg" alt="Voix des soupirs" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Voix des soupirs</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
          </div>
    <div class="swiper-prev"><img src="/assets/images/arrow-prev.svg" alt="Précédent"></div>
    <div class="swiper-next"><img src="/assets/images/arrow-next.svg" alt="Suivant"></div>
  </div>
</div>            <div class="px-4 pt-10 pb-4 lg:pt-20 md:pb-8 lg:pb-10">
  <h3 class="text-2xl md:text-4xl lg:text-5xl"><a href="https://lefifa.com/catalogue?collections=44340055">Au-delà des frontières</a></h3>
</div>
<div class="px-4">
  <div class="swiper-container swiper-container-normal  swiper-container-text">
    <div class="swiper-wrapper">
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/jaar-lament-of-the-images-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/jaar-lament-of-the-images-2/_filmMedium/ES_UD_FELIZ.jpg" alt="Jaar, Lament of the Images" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Jaar, Lament of the Images</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/bab-sebta-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/bab-sebta-2/_filmMedium/bab-sebta-8.jpg" alt="Bab Sebta" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Bab Sebta</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/ferryman" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/ferryman/_filmMedium/IMG_4555.jpg" alt="Le Passeur des Lieux" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Le Passeur des&nbsp;Lieux</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/body-buildings-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/body-buildings-2/_filmMedium/DUSK_print.jpg" alt="Body-Buildings" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Body-Buildings</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/in-between-realities-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/in-between-realities-2/_filmMedium/Photo_1_1_Standaard_still_In_Between_Realities.jpg" alt="In Between Realities" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">In Between Realities</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/traces-of-hope-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/traces-of-hope-2/_filmMedium/TTLHO-Still003.jpg" alt="Traces of Hope" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Traces of&nbsp;Hope</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/gander-islands-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/gander-islands-2/_filmMedium/MYates_GanderIslands6.jpg" alt="Gander Islands" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Gander Islands</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/broken-mirrors-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/broken-mirrors-2/_filmMedium/38340978/Capture_d_cran_2022-03-30_03_22_10_1.jpg" alt="Broken Mirrors" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Broken Mirrors</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/traverse-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/traverse-2/_filmMedium/Sonia_1.jpg" alt="Traverse" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Traverse</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/matt-herskowitz-chopin-etudes-en-jazz" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/matt-herskowitz-chopin-etudes-en-jazz/_filmMedium/17973696/Herskowitz_chopin2.jpg" alt="Matt Herskowitz : Chopin - Études en jazz" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Matt Herskowitz&nbsp;: Chopin — Études en&nbsp;jazz</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/border-dancer-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/border-dancer-2/_filmMedium/BorderDancer2.jpg" alt="Border Dancer" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Border Dancer</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
          </div>
    <div class="swiper-prev"><img src="/assets/images/arrow-prev.svg" alt="Précédent"></div>
    <div class="swiper-next"><img src="/assets/images/arrow-next.svg" alt="Suivant"></div>
  </div>
</div>            <div class="px-4 pt-10 pb-4 lg:pt-20 md:pb-8 lg:pb-10">
  <h3 class="text-2xl md:text-4xl lg:text-5xl"><a href="https://lefifa.com/catalogue?collections=44162157">En duo</a></h3>
</div>
<div class="px-4">
  <div class="swiper-container swiper-container-normal  swiper-container-text">
    <div class="swiper-wrapper">
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/pollock-pollock" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/pollock-pollock/_filmMedium/POLLOCK_POLLOCK_IsabelleR_bre_A_Perte_de_Vue_Transporteurs.jpg" alt="Pollock &amp; Pollock" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Pollock <span class="amp">&amp;</span>&nbsp;Pollock</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/into-the-impossible" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/into-the-impossible/_filmMedium/Angie_Tracey_Richard-Into_the_impossible_still5.jpg" alt="Into the Impossible" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Into the Impossible</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/les-freres-morozov-mecenes-et-collectionneurs-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/les-freres-morozov-mecenes-et-collectionneurs-2/_filmMedium/MM5.jpg" alt="Les frères Morozov, mécènes et collectionneurs" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Les frères Morozov, mécènes et collectionneurs</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/creer-a-quatre-mains-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/creer-a-quatre-mains-2/_filmMedium/Viatour-Berthiaume_2.jpg" alt="Créer à quatre mains" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Créer à&nbsp;quatre mains</h3>

                        
                                                                        
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                                        <span>En ligne</span>                                        </div>
          </div>
        </a>
      </div>
            <div class="swiper-slide">
        <a href="https://lefifa.com/catalogue/rehab-from-rehab-2" class="block">
          <div class="relative bg-black ratio-16-9">
                        <img data-src="https://lefifa.com/uploads/images/rehab-from-rehab-2/_filmMedium/Cover_Orizontal_4K_Rehab_from_rehab_Beka_Lemoine.jpg" alt="Rehab (from rehab)" class="absolute inset-0 object-cover w-full h-full lazyload" />
                      </div>
          <div class="absolute mt-4">
            <h3 class="uppercase text-base md:text-lg lg:text-xl line-clamp">Rehab (from&nbsp;rehab)</h3>

                        
                                    
            
            <div class="flex items-center mt-1 text-sm">
                            <span class="button-rounded text-xs mr-2 bg-black text-white border-black">ARTS.FILM</span>
                                        </div>
          </div>
        </a>
      </div>
          </div>
    <div class="swiper-prev"><img src="/assets/images/arrow-prev.svg" alt="Précédent"></div>
    <div class="swiper-next"><img src="/assets/images/arrow-next.svg" alt="Suivant"></div>
  </div>
</div>          </div>
  </section>

        <section class="pub container px-2 lg:px-4 py-10 lg:py-20">
  <div class="flex flex-wrap items-stretch">

        <publicite :traductions="{&quot;pubApi&quot;:&quot;\/api\/pub&quot;,&quot;publicite&quot;:&quot;Publicit\u00e9&quot;}"></publicite>

    <div class="w-full md:w-1/2 px-2 lg:px-4 flex flex-col mt-8 md:mt-0">
      <a href="https://app.cyberimpact.com/clients/30598/subscribe-forms/17EC2AC1-F155-4A75-B2B5-189DA5CE352A" target="_blank" class="flex-grow newsletter ratio-6-4 relative">
        <div class="absolute inset-0 w-full h-full">
          <div class="flex items-center justify-center border border-black p-4 py-8 lg:p-10 w-full h-full">
            <div class="newsletter-text">
              <h3 class="font-serif text-3xl md:text-4xl lg:text-5xl text-center mb-4 md:mb-8">Inscrivez-vous<br />
à nos infolettres</h3>
              <h2 class="text-base md:text-xl lg:text-2xl uppercase text-center newsletter-cta">— S&#039;inscrire</h2>
            </div>
          </div>
          <div class="flex items-center justify-center border border-black p-4 py-8 lg:p-10 w-full h-full bg-black text-white newsletter-transition absolute inset-0">
            <div class="newsletter-text">
              <h3 class="font-serif text-3xl md:text-4xl lg:text-5xl text-center mb-4 md:mb-8">Inscrivez-vous<br />
à nos infolettres</h3>
              <h2 class="text-base md:text-xl lg:text-2xl uppercase text-center newsletter-cta">— S&#039;inscrire</h2>
            </div>
          </div>
        </div>
      </a>
      <span class="text-sm uppercase mt-2 hidden md:block">&nbsp;</span>
    </div>
  </div>
</section>
        <section class="py-10 text-white home-arts-film lg:py-20">
        <a href="https://arts.film/" target="_blank" class="relative block w-full" @mouseenter="artsEnter" @touchstart="artsEnter" @mouseleave="artsLeave" @touchend="artsLeave">
      <div class="flex items-center w-full px-8 py-40 bg-black home-arts-film-content lg:h-screen jusitfy-center md:px-10 lg:px-20">
                <div class="relative w-full bg-black home-arts-film-images home-arts-film-ratio">
                    <img src="https://lefifa.com/uploads/images/accueil/_filmLarge/FIFA-37-livingforart1.jpg" alt="ARTS.FILM" class="absolute inset-0 object-cover w-full h-full">
                    <img src="https://lefifa.com/uploads/images/accueil/_filmLarge/Carolane_Saint-Pierre_Photo_5_Credit_photo_Veau_1966_Coll_MACM_Pierrre_Landry_2018.jpg" alt="ARTS.FILM" class="absolute inset-0 object-cover w-full h-full">
                    <img src="https://lefifa.com/uploads/images/accueil/_filmLarge/UCC_3.jpg" alt="ARTS.FILM" class="absolute inset-0 object-cover w-full h-full">
                    <img src="https://lefifa.com/uploads/images/accueil/_filmLarge/marceau_3.jpg" alt="ARTS.FILM" class="absolute inset-0 object-cover w-full h-full">
                    <img src="https://lefifa.com/uploads/images/bhairava/_filmLarge/Bahri_danse_haut.jpg" alt="ARTS.FILM" class="absolute inset-0 object-cover w-full h-full">
                    <img src="https://lefifa.com/uploads/images/bliss-epopee-dune-creation-2/_filmLarge/gamma_5170072.jpg" alt="ARTS.FILM" class="absolute inset-0 object-cover w-full h-full">
                  </div>
      </div>
      <div class="absolute top-0 left-0 z-10 p-4 text-5xl md:p-10 lg:px-10 lg:py-20 md:text-8xl lg:text-9xl">
        <h2 class="leading-none home-arts-film-title-1">
          <div class="home-arts-film-title-1-first">
            <span>A</span>
            <span>R</span>
            <span>T</span>
            <span>S</span>
          </div>
          <div class="home-arts-film-title-1-second">
            <span>A</span>
            <span>R</span>
            <span>T</span>
            <span>S</span>
          </div>
        </h2>
      </div>
      <div class="absolute top-0 right-0 z-10 p-4 text-5xl md:p-10 lg:px-10 lg:py-20 md:text-8xl lg:text-9xl">
        <h2 class="leading-none home-arts-film-title-2">
          <div class="home-arts-film-title-2-first">
            <span>.</span>
            <span>F</span>
            <span>I</span>
            <span>L</span>
            <span>M</span>
          </div>
          <div class="home-arts-film-title-2-second">
            <span>.</span>
            <span>F</span>
            <span>I</span>
            <span>L</span>
            <span>M</span>
          </div>
        </h2>
      </div>
      <div class="absolute bottom-0 left-0 z-10 w-3/4 p-4 text-base md:p-10 lg:px-10 lg:py-20 md:w-1/2 lg:w-1/3 md:text-xl lg:text-2xl">
        <div class="home-arts-film-text redactor">
          <p>Visionnez des films sur l’art n’importe quand et n’importe où sur <span class="caps">ARTS</span>.<span class="caps">FILM</span>.</p>
        </div>
      </div>
      <div class="absolute bottom-0 right-0 z-10 p-4 text-5xl md:p-10 lg:px-10 lg:py-20 md:text-8xl lg:text-9xl">
        <h2 class="home-arts-film-arrow">
          →
        </h2>
      </div>
    </a>
  </section>
    </div>

<svg width="0" height="0">
  <defs>
    <clipPath id="eye" clipPathUnits="objectBoundingBox">
      <path id="eye-path" d="M0,0.509773244 C0.186948728,0.169924415 0.35357966,7.06101844e-13 0.499892798,7.06101844e-13 C0.646205935,7.06101844e-13 0.812908336,0.165951058 1,0.497853173 C0.810823849,0.831446078 0.640065632,0.998242531 0.487725348,0.998242531 C0.335385064,0.998242531 0.172809948,0.835419435 0,0.509773244 Z"></path>
    </clipPath>
  </defs>
</svg>
        </main>
        <footer class="footer bg-black text-white py-10 lg:py-20 text-sm md:text-lg">
  <div class="flex flex-wrap items-stretch justify-between lg:px-4">
    <div class="w-full lg:w-auto flex-shrink-0 px-4 pb-10 lg:pb-0">
      <a href="https://lefifa.com/" class="uppercase block">
        <img src="/assets/images/logo-white.svg" alt="Le FIFA" height="23px" width="109px">
      </a>
    </div>
    <div class="w-1/2 md:w-auto flex flex-col items-start px-4">
      <div>
          <a href="https://www.google.com/maps/place/Festival+International+du+Film+sur+l&#039;Art/@45.5261739,-73.5972011,17z/data=!3m1!4b1!4m5!3m4!1s0x4cc91a4033aa08eb:0x19d3274c136c9aff!8m2!3d45.5261702!4d-73.5950124" target="_blank">
            5333 avenue Casgrain<br>
            Bureau 403<br>
            Montréal, Québec, Canada<br>
            H2T 1X3
          </a>
      </div>
      <div class="mt-auto hidden md:block">
        <a href="mailto:festival@lefifa.com" target="_blank">
          festival@lefifa.com
        </a>
      </div>
    </div>
    <div class="w-1/2 md:w-auto lg:w-1/3 xl:w-1/5 flex flex-col items-start px-4">
                  <a href="https://lefifa.com/agenda" class="nav-link nav-link-sub"><span>Agenda</span></a>
            <a href="https://lefifa.com/nouvelles" class="nav-link nav-link-sub"><span>Nouvelles</span></a>
            <a href="https://lefifa.com/salle-de-presse" class="nav-link nav-link-sub"><span>Salle de presse</span></a>
            <a href="https://lefifa.com/faq" class="nav-link nav-link-sub"><span>FAQ</span></a>
            <a href="https://lefifa.com/carrieres" class="nav-link nav-link-sub"><span>Carrières</span></a>
            <a href="https://lefifa.com/a-propos/benevoles" class="nav-link nav-link-sub"><span>Devenir bénévole</span></a>
            <a href="https://www.filmsonartnetwork.com/" class="nav-link nav-link-sub"><span>Réseau professionnel de festivals de films sur l&#039;art</span></a>
            <a href="https://lefifa.com/politiques-du-fifa" class="nav-link nav-link-sub"><span>Politiques du FIFA</span></a>
            <a href="https://lefifa.com/ecoresponsabilite" class="nav-link nav-link-sub"><span>Écoresponsabilité</span></a>
            <a href="https://lefifa.com/a-propos/contact" class="nav-link nav-link-sub"><span>Contact</span></a>
            <div class="items-center pt-8 hidden md:flex mt-auto">
        <a href="https://www.facebook.com/festivalinternationaldufilmsurlart" target="_blank" class="mr-4 xl:mr-8"><img src="/assets/images/facebook.svg" alt="Facebook"></a>
        <a href="https://www.instagram.com/festival_filmsurlart/" target="_blank" class="mr-4 xl:mr-8"><img src="/assets/images/instagram.svg" alt="Instagram"></a>
        <a href="" target="_blank" class="mr-4 xl:mr-8"><img src="/assets/images/twitter.svg" alt="Twitter"></a>
        <a href="https://ca.linkedin.com/company/festival-international-du-film-sur-l%27art" target="_blank" class="mr-4 xl:mr-8"><img src="/assets/images/linkedin.svg" alt="LinkedIn"></a>
        <a href="https://vimeo.com/lefifa" target="_blank" class="mr-4 xl:mr-8"><img src="/assets/images/vimeo.svg" alt="Vimeo"></a>
        <a href="https://www.youtube.com/channel/UC4lTVnHS7BDYzzQwknmZ46g" target="_blank" class=""><img src="/assets/images/youtube.svg" alt="YouTube"></a>
      </div>
    </div>
    <div class="flex-none px-4 hidden md:block">
      <a href="https://leseisme.com" target="_blank" class="flex flex-col items-end justify-center h-full">
        <div><img src="/assets/images/leseisme-side.svg" alt="Le Séisme" class="footer-credit-side"></div>
        <div class="text-xs text-side leading-none mt-3">Conception</div>
      </a>
    </div>
    <div class="w-full pt-8 md:hidden px-4">
      <div class="flex items-center justify-start">
        <a href="https://www.facebook.com/festivalinternationaldufilmsurlart" target="_blank" class="mr-8"><img src="/assets/images/facebook.svg" alt="Facebook"></a>
        <a href="https://www.instagram.com/festival_filmsurlart/" target="_blank" class="mr-8"><img src="/assets/images/instagram.svg" alt="Instagram"></a>
        <a href="" target="_blank" class="mr-8"><img src="/assets/images/twitter.svg" alt="Twitter"></a>
        <a href="https://ca.linkedin.com/company/festival-international-du-film-sur-l%27art" target="_blank" class="mr-8"><img src="/assets/images/linkedin.svg" alt="LinkedIn"></a>
        <a href="https://vimeo.com/lefifa" target="_blank" class="mr-8"><img src="/assets/images/vimeo.svg" alt="Vimeo"></a>
        <a href="https://www.youtube.com/channel/UC4lTVnHS7BDYzzQwknmZ46g" target="_blank" class=""><img src="/assets/images/youtube.svg" alt="YouTube"></a>
      </div>
      <div class="w-full pt-12 flex items-center justify-end">
        <a href="https://leseisme.com" target="_blank" class="flex items-center">
          <div class="text-xs leading-none mr-3">Conception</div>
          <div><img src="/assets/images/leseisme.svg" alt="Le Séisme" class="footer-credit"></div>
        </a>
      </div>
    </div>
  </div>
</footer>      </div>
    </div>
  </div>
  <script type="text/javascript" src="/assets/js/app.js?id=f86a6c084c7769eac935"></script>
<script type="application/ld+json">{"@context":"http://schema.org","@graph":[{"@type":"WebPage","author":{"@id":"https://lefifa.com#identity"},"copyrightHolder":{"@id":"https://lefifa.com#identity"},"copyrightYear":"2020","creator":{"@id":"https://lefifa.com#creator"},"dateModified":"2026-01-16T11:04:49-05:00","datePublished":"2020-11-17T11:03:00-05:00","description":"Le Festival International du Film sur l’Art (Le FIFA) se consacre à la promotion et au rayonnement international du film sur l’art et des arts médiatiques.","headline":"Le Festival International du Film sur l'Art","image":{"@type":"ImageObject","url":"https://lefifa.com/uploads/images/_1200x630_crop_center-center_82_none/papillon-fond-carre.png?mtime=1738851207"},"inLanguage":"fr-ca","mainEntityOfPage":"https://lefifa.com/","name":"Le Festival International du Film sur l'Art","publisher":{"@id":"https://lefifa.com#creator"},"url":"https://lefifa.com"},{"@id":"https://lefifa.com#identity","@type":"Festival","alternateName":"FIFA","description":"Le Festival International du Film sur l’Art (Le FIFA), fondé par René Rozon, se consacre à la promotion et au rayonnement international du film sur l’art et des arts médiatiques.","inLanguage":"fr-ca","name":"Festival International du Film sur l'Art","sameAs":["https://www.facebook.com/festivalinternationaldufilmsurlart","https://fr.wikipedia.org/wiki/Festival_international_du_film_sur_l%27art","https://ca.linkedin.com/company/festival-international-du-film-sur-l%27art","https://www.youtube.com/channel/UC4lTVnHS7BDYzzQwknmZ46g","https://www.instagram.com/festival_filmsurlart/","https://vimeo.com/lefifa","https://www.tiktok.com/@festival_filmsurlart","https://bsky.app/profile/lefifa.bsky.social"],"url":"https://lefifa.com"},{"@id":"#creator","@type":"Organization"},{"@type":"BreadcrumbList","description":"Breadcrumbs list","itemListElement":[{"@type":"ListItem","item":"https://lefifa.com","name":"Accueil","position":1}],"name":"Breadcrumbs"}]}</script></body>

</html>