Outiref

Code source de l'URL : http://www.institutfrancais.com/fr

<!DOCTYPE html>
<html lang="fr" dir="ltr" prefix="og: http://ogp.me/ns#">
  <head>
    <meta charset="utf-8" />
<script>(function(i,s,o,g,r,a,m){i["GoogleAnalyticsObject"]=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,"script","https://www.google-analytics.com/analytics.js","ga");ga("create", "UA-133353184-1", {"cookieDomain":"auto"});ga("set", "anonymizeIp", true);ga("send", "pageview");</script>
<meta name="title" content="Institut français" />
<link rel="shortlink" href="https://www.institutfrancais.com/fr" />
<meta name="twitter:card" content="summary_large_image" />
<meta property="og:site_name" content="Institut français" />
<link rel="canonical" href="https://www.institutfrancais.com/fr" />
<meta name="twitter:description" content="Lui-même traducteur pour le théâtre et l’édition, Jörn Cambreleng dirige depuis 2009 l’Association pour la promotion de la traduction littéraire (ATLAS) qui administre le Collège international des traducteurs littéraires d’Arles (CITL)." />
<meta name="twitter:site" content="@IFParis" />
<meta name="twitter:title" content="Jörn Cambreleng | Institut français" />
<meta name="description" content="Lui-même traducteur pour le théâtre et l’édition, Jörn Cambreleng dirige depuis 2009 l’Association pour la promotion de la traduction littéraire (ATLAS) qui administre le Collège international des traducteurs littéraires d’Arles (CITL)." />
<meta property="og:title" content="Jörn Cambreleng | Institut français" />
<link rel="image_src" href="https://www.institutfrancais.com/sites/default/files/styles/desktop_home_vlc_slider/public/medias/images/jorn_cambreleng_cromain-boutillier-atlas.jpg?h=4484f65e&amp;itok=-bs1xWEq" />
<meta property="og:description" content="Lui-même traducteur pour le théâtre et l’édition, Jörn Cambreleng dirige depuis 2009 l’Association pour la promotion de la traduction littéraire (ATLAS) qui administre le Collège international des traducteurs littéraires d’Arles (CITL)." />
<meta name="twitter:image" content="https://www.institutfrancais.com/sites/default/files/styles/desktop_home_vlc_slider/public/medias/images/jorn_cambreleng_cromain-boutillier-atlas.jpg?h=4484f65e&amp;itok=-bs1xWEq" />
<meta property="og:image" content="https://www.institutfrancais.com/sites/default/files/styles/desktop_home_vlc_slider/public/medias/images/jorn_cambreleng_cromain-boutillier-atlas.jpg?h=4484f65e&amp;itok=-bs1xWEq" />
<meta name="Generator" content="Drupal 8 (https://www.drupal.org)" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script>function euCookieComplianceLoadScripts() {}</script>
<style>div#sliding-popup, div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {background: #0089c9} div#sliding-popup.eu-cookie-withdraw-wrapper { background: transparent; } #sliding-popup h1, #sliding-popup h2, #sliding-popup h3, #sliding-popup p, .eu-cookie-compliance-more-button, .eu-cookie-compliance-secondary-button, .eu-cookie-withdraw-tab { color: #ffffff;} .eu-cookie-withdraw-tab { border-color: #ffffff;}</style>
<link rel="shortcut icon" href="/themes/custom/if/favicon.png" type="image/png" />

    <title>Institut français</title>
    <link rel="stylesheet" href="/sites/default/files/css/css_Do-2OYTs53ZFo2DFgdrPpvG5Ovkn7-My3qwDkj-q1yM.css?prye9k" media="all" />
<link rel="stylesheet" href="/sites/default/files/css/css_pSdRnZ4Z2VeGQ7OQbg9gY-ztZWGqW0v1Y0Azi41GSCk.css?prye9k" media="all" />
<link rel="stylesheet" href="/sites/default/files/css/css_UiGH2RfUi6P6e_SArEU5Cxj0Jm3TMsbdxPJSksyLPhQ.css?prye9k" media="print" />
<link rel="stylesheet" href="/sites/default/files/css/css_HXgjglC__DU69UGfbCYV0VqdB3qH83bmk8xj-MG05rc.css?prye9k" media="all" />

    
<!--[if lte IE 8]>
<script src="/sites/default/files/js/js_VtafjXmRvoUgAzqzYTA3Wrjkx9wcWhjP0G4ZnnqRamA.js"></script>
<![endif]-->

  </head>
  <body class="path-frontpage domain-www">
          <a href="#main-content" class="visually-hidden focusable skip-link">
          Aller au contenu principal
      </a>
              
        <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas>
    <div class="layout-container">

  <header role="banner">
    <div id="header-tools">
          <div class="region region-header-tools">
    <div id="block-if-common-domains-menu" class="block block-if-common block-if-common-domains-menu">
  
    
      <div><div class="item-list"><ul><li><a href="https://www.institutfrancais.com" class="active">Vivre les cultures</a></li><li><a href="https://www.if.institutfrancais.com">L&#039;Institut français</a></li><li><a href="https://www.pro.institutfrancais.com">Espace professionnel</a></li></ul></div></div>

  </div>
<div class="search-icon block block-if-common block-if-common-search-icon" id="block-iflienverslarecherche">
  
    
      <div><a href="/fr/if-search-search-form" class="icon use-ajax" title="Effectuer une recherche" data-dialog-type="modal" data-dialog-options="{&quot;dialogClass&quot;:&quot;search-modal-icon&quot;,&quot;height&quot;:&quot;600&quot;,&quot;width&quot;:&quot;800&quot;,&quot;max-width&quot;:&quot;90%&quot;}">Effectuer une recherche</a></div>

  </div>
<div id="block-ifmenuprincipal" class="block block-if-common block-if-common-menu-principal">
  
    
      <div class="hamburger"><div class="hamburger-icon"><span></span><span></span><span></span></div>
<div class="hamburger-label">Menu</div>
</div>
<div class="main-menu-overylay"><div class="menu-tabs"><div class="item-list"><ul><li class="menu-tab www active"><a href="https://www.institutfrancais.com/fr">Vivre les cultures</a></li><li class="menu-tab portail"><a href="https://www.if.institutfrancais.com/fr">L&#039;Institut français</a></li><li class="menu-tab pro"><a href="https://www.pro.institutfrancais.com/fr">Espace professionnel</a></li></ul></div><span class="menu-close-overlay">X</span>
</div>
<div class="menu-contents"><div class="menu-content www active"><div class="menu-content">MENU</div>
<div class="menu-content-left"><div class="pages-majeures"><div class="item-list"><ul><li><a href="https://www.institutfrancais.com/" html rel="bookmark"><h1>Accueil</h1></a></li><li><a href="/fr/grenouilles" html rel="bookmark"><h1>Les grenouilles</h1></a><span class="link-subtitle">Laissez vous guider</span>
</li><li><a href="/fr/surprenez-moi" html rel="bookmark"><h1>Surprenez-moi !</h1></a></li><li><a href="/fr/carte-lieux-evenements-culturels" html rel="bookmark"><h1>La culture française<br>dans le monde</h1></a></li></ul></div></div>
</div>
<div class="menu-content-right 2-columns vlc"><div class="pages-majeures first-column"><div class="item-list"><ul><li><a href="/fr/thematiques" class="icon use-ajax" data-dialog-type="modal" data-dialog-options="{&quot;dialogClass&quot;:&quot;thematique-list-dialog&quot;,&quot;height&quot;:&quot;100%&quot;,&quot;top&quot;:0,&quot;width&quot;:&quot;100%&quot;,&quot;max-width&quot;:&quot;100%&quot;,&quot;closeText&quot;:&quot;Fermer&quot;}"><h1>Les thématiques</h1></a></li><li><a href="/fr/recherche?f%5B0%5D=thematiques%3A518&amp;f%5B1%5D=espace%3Awww" html rel="bookmark">Architecture</a></li><li><a href="/fr/recherche?f%5B0%5D=thematiques%3A492&amp;f%5B1%5D=espace%3Awww" html rel="bookmark">Arts visuels / Photographie</a></li><li><a href="/fr/recherche?f%5B0%5D=thematiques%3A541&amp;f%5B1%5D=espace%3Awww" html rel="bookmark">Cinéma</a></li><li><a href="/fr/recherche?f%5B0%5D=thematiques%3A25&amp;f%5B1%5D=espace%3Awww" html rel="bookmark">Débat d&#039;idées / Sciences</a></li><li><a href="/fr/recherche?f%5B0%5D=thematiques%3A493&amp;f%5B1%5D=espace%3Awww" html rel="bookmark">Design / Métiers d&#039;art</a></li><li><a href="/fr/recherche?f%5B0%5D=thematiques%3A516&amp;f%5B1%5D=espace%3Awww" html rel="bookmark">Langue française</a></li><li><a href="/fr/recherche?f%5B0%5D=thematiques%3A515&amp;f%5B1%5D=espace%3Awww" html rel="bookmark">Livre / Bande-dessinée</a></li><li><a href="/fr/recherche?f%5B0%5D=thematiques%3A494&amp;f%5B1%5D=espace%3Awww" html rel="bookmark">Mode / Gastronomie</a></li><li><a href="/fr/recherche?f%5B0%5D=thematiques%3A539&amp;f%5B1%5D=espace%3Awww" html rel="bookmark">Musique</a></li><li><a href="/fr/recherche?f%5B0%5D=thematiques%3A5&amp;f%5B1%5D=espace%3Awww" html rel="bookmark">Numérique</a></li><li><a href="/fr/recherche?f%5B0%5D=thematiques%3A24&amp;f%5B1%5D=espace%3Awww" html rel="bookmark">Théâtre / Danse / Cirque</a></li></ul></div></div>
<div class="pages-majeures second-column"><div class="item-list"><ul><li><a href="/fr/content-types" class="icon use-ajax" data-dialog-type="modal" data-dialog-options="{&quot;dialogClass&quot;:&quot;thematique-list-dialog rubriques&quot;,&quot;height&quot;:&quot;100%&quot;,&quot;top&quot;:0,&quot;width&quot;:&quot;100%&quot;,&quot;max-width&quot;:&quot;100%&quot;,&quot;closeText&quot;:&quot;Fermer&quot;}"><h1>Les rubriques</h1></a></li><li><a href="/fr/recherche?f%5B0%5D=type%3Aoeuvre" html rel="bookmark">Oeuvre</a></li><li><a href="/fr/recherche?f%5B0%5D=type%3Aportfolio" html rel="bookmark">Portfolio</a></li><li><a href="/fr/recherche?f%5B0%5D=type%3Aportrait" html rel="bookmark">Portrait</a></li><li><a href="/fr/recherche?f%5B0%5D=type%3Arencontre" html rel="bookmark">Rencontre</a></li><li><a href="/fr/recherche?f%5B0%5D=type%3Azoom" html rel="bookmark">Zoom</a></li></ul></div></div>
</div>
</div>
<div class="menu-content portail"><div class="menu-content-left"><div class="pages-majeures"><div class="item-list"><ul><li><a href="https://www.if.institutfrancais.com/fr/nos-temps-forts-2019" html rel="bookmark">    <div class="page_majeur">
            <div class="field field--name-field-visuel field--type-entity-reference field--label-hidden field__item">  <img src="/sites/default/files/styles/desktop_menu_page_majeur/public/medias/images/temps-forts-c-gadi-dagon.jpg?h=1a1d89b1&amp;itok=VrD5pW01" width="442" height="442" alt="Visuel Temps Forts" title="Visuel Temps Forts" class="image-style-desktop-menu-page-majeur" />


</div>
      
            <div class="field field--name-title field--type-string field--label-hidden field__item">Temps forts</div>
      </div>
  </a></li><li><a href="https://www.if.institutfrancais.com/fr/nos-actions" html rel="bookmark">    <div class="page_majeur">
            <div class="field field--name-field-visuel field--type-entity-reference field--label-hidden field__item">  <img src="/sites/default/files/styles/desktop_menu_page_majeur/public/medias/images/nervures.jpg?h=3a2b0825&amp;itok=2MeGzFsV" width="442" height="442" alt="Nervures" title="Nervures" class="image-style-desktop-menu-page-majeur" />


</div>
      
            <div class="field field--name-title field--type-string field--label-hidden field__item">Nos actions</div>
      </div>
  </a></li><li><a href="/fr/actualites-if" html rel="bookmark">    <div class="page_majeur">
            <div class="field field--name-field-visuel field--type-entity-reference field--label-hidden field__item">  <img src="/sites/default/files/styles/desktop_menu_page_majeur/public/medias/images/actualite-du-reseau-c-noemie-goudal_0.jpg?h=0b279d96&amp;itok=Seoo5sbm" width="442" height="442" alt="Actualités" class="image-style-desktop-menu-page-majeur" />


</div>
      
            <div class="field field--name-title field--type-string field--label-hidden field__item">Actualités</div>
      </div>
  </a></li><li><a href="/fr/organigramme" html rel="bookmark">    <div class="page_majeur">
            <div class="field field--name-field-visuel field--type-entity-reference field--label-hidden field__item">  <img src="/sites/default/files/styles/desktop_menu_page_majeur/public/medias/images/_d4s7226_0.jpg?h=1dcc2efb&amp;itok=VpCPi2D_" width="442" height="442" alt="AIF palais de tokyo" title="AIF palais de tokyo" class="image-style-desktop-menu-page-majeur" />


</div>
      
            <div class="field field--name-title field--type-string field--label-hidden field__item">Organigramme</div>
      </div>
  </a></li></ul></div></div>
</div>
<div class="menu-content-right"><div class="pages-principales"><div class="item-list"><ul><li><a href="//www.if.institutfrancais.com">Accueil</a></li><li><a href="/fr/carte-lieux-evenements-culturels">La culture française dans le monde</a></li><li><a href="https://www.if.institutfrancais.com/fr/mecenes">Mécènes</a></li><li><a href="/fr/partenaires">Partenaires</a></li></ul></div></div>
<div class="pages-secondaires"><div class="item-list"><ul><li><a href="/fr/rapports-activite">Rapports d&#039;activité</a></li><li><a href="/fr/espace-presse">Presse</a></li><li><a href="/fr/avis-de-marches">Avis de marchés</a></li><li><a href="/fr/recrutement">Recrutement</a></li><li><a href="/fr/conditions-generales-utilisation">CGU</a></li></ul></div></div>
</div>
</div>
<div class="menu-content pro"><div class="menu-content-left"><div class="pages-majeures"><div class="item-list"><ul><li><a href="/programmes-formations" html rel="bookmark">    <div class="page_majeur">
            <div class="field field--name-field-visuel field--type-entity-reference field--label-hidden field__item">  <img src="/sites/default/files/styles/desktop_menu_page_majeur/public/medias/images/page-standard-c-gadi-dagon_2.jpg?h=280f85c3&amp;itok=tToVh1zf" width="442" height="442" alt="L&#039;offre de l&#039;Institut français" class="image-style-desktop-menu-page-majeur" />


</div>
      
            <div class="field field--name-title field--type-string field--label-hidden field__item">Offre</div>
      </div>
  </a></li><li><a href="/fr/ressources" html rel="bookmark">    <div class="page_majeur">
            <div class="field field--name-field-visuel field--type-entity-reference field--label-hidden field__item">  <img src="/sites/default/files/styles/desktop_menu_page_majeur/public/medias/images/ressource-c-xavier-veillant-studio-venezia-giacomo-cosua.jpg?h=3e43625b&amp;itok=EwnPVJLV" width="442" height="442" alt="Studio Venezia, by Xavier Veilhan" title="Visuel Ressource Veilhan - Studio Venezia" class="image-style-desktop-menu-page-majeur" />


</div>
      
            <div class="field field--name-title field--type-string field--label-hidden field__item">Ressources</div>
      </div>
  </a></li><li><a href="/fr/actualites-du-reseau" html rel="bookmark">    <div class="page_majeur">
            <div class="field field--name-field-visuel field--type-entity-reference field--label-hidden field__item">  <img src="/sites/default/files/styles/desktop_menu_page_majeur/public/medias/images/actualite-du-reseau-c-noemie-goudal_0.jpg?h=0b279d96&amp;itok=Seoo5sbm" width="442" height="442" alt="Actualités" class="image-style-desktop-menu-page-majeur" />


</div>
      
            <div class="field field--name-title field--type-string field--label-hidden field__item">En direct du réseau</div>
      </div>
  </a></li><li><a href="/fr/plateformes" html rel="bookmark">    <div class="page_majeur">
            <div class="field field--name-field-visuel field--type-entity-reference field--label-hidden field__item">  <img src="/sites/default/files/styles/desktop_menu_page_majeur/public/medias/images/novembre_numerique2017.jpg?h=253bc44e&amp;itok=iDkUZ9lU" width="442" height="442" alt="Novembre Numérique" title="Novembre Numérique" class="image-style-desktop-menu-page-majeur" />


</div>
      
            <div class="field field--name-title field--type-string field--label-hidden field__item">Plateformes</div>
      </div>
  </a></li></ul></div></div>
</div>
<div class="menu-content-right"><div class="pages-principales"><div class="item-list"><ul><li><a href="//www.pro.institutfrancais.com">Accueil</a></li><li><a href="/fr/carte-lieux-evenements-culturels">La culture française dans le monde</a></li></ul></div></div>
<div class="pages-secondaires"><div class="item-list"><ul><li><a href="/fr/user">Mon compte</a></li><li><a href="/fr/faq">Foire aux questions</a></li></ul></div></div>
</div>
</div>
</div>
<div class="social-wrapper"><ul class="links"><li class="facebook"><a href="https://www.facebook.com/institutfrancais.pageofficielle" class="facebook" target="_blank" title="Facebook">Facebook</a></li><li class="twitter"><a href="https://twitter.com/#!/IFParis" class="twitter" target="_blank" title="Twitter">Twitter</a></li><li class="instagram"><a href="https://www.instagram.com/if_officiel" class="instagram" target="_blank" title="Instagram">Instagram</a></li><li class="youtube"><a href="https://www.youtube.com/channel/UCyH-0RuevR7ia8j1OYQrHTw" class="youtube" target="_blank" title="Youtube">Youtube</a></li></ul></div>
</div>

  </div>
<div class="top-bar block block-if-common block-if-common-top-bar" id="block-iftopbar">
  
    
      <div><div class="language-switcher"><ul class="language-switcher-language-url"><li hreflang="fr" data-drupal-link-system-path="&lt;front&gt;" class="fr is-active"><a href="/fr" class="language-link is-active" title="Français" hreflang="fr" data-drupal-link-system-path="&lt;front&gt;">fr</a></li><li hreflang="en" data-drupal-link-system-path="&lt;front&gt;" class="en"><a href="/en" class="language-link" title="English" hreflang="en" data-drupal-link-system-path="&lt;front&gt;">en</a></li></ul></div>
<div class="connection-link"><a href="/fr/user/login" class="use-ajax" data-dialog-type="modal" data-dialog-options="{&quot;height&quot;:&quot;300&quot;,&quot;width&quot;:&quot;1260&quot;,&quot;max-width&quot;:&quot;100%&quot;,&quot;dialogClass&quot;:&quot;login-modal&quot;}">Se connecter</a></div>
</div>

  </div>

  </div>

    </div>
      <div class="region region-header">
    <div id="block-if-branding" class="block block-system block-system-branding-block">
  
    
        <a href="/fr" title="Accueil" rel="home" class="site-logo">
      <img src="/themes/custom/if/logo.svg" alt="Accueil" />
    </a>
        <div class="site-name">
      <a href="/fr" title="Accueil" rel="home">Institut français</a>
    </div>
    </div>
<div id="block-ifsousmenuvlc" class="block block-if-common block-if-common-vlc-menu">
  
    
      <div class="item-list"><ul><li><a href="/fr/thematiques" class="icon use-ajax" data-dialog-type="modal" data-dialog-options="{&quot;dialogClass&quot;:&quot;thematique-list-dialog&quot;,&quot;height&quot;:&quot;100%&quot;,&quot;top&quot;:0,&quot;width&quot;:&quot;100%&quot;,&quot;max-width&quot;:&quot;100%&quot;,&quot;closeText&quot;:&quot;Fermer&quot;}">thématiques</a></li><li><a href="/fr/content-types" class="icon use-ajax" data-dialog-type="modal" data-dialog-options="{&quot;dialogClass&quot;:&quot;thematique-list-dialog rubriques&quot;,&quot;height&quot;:&quot;100%&quot;,&quot;top&quot;:0,&quot;width&quot;:&quot;100%&quot;,&quot;max-width&quot;:&quot;100%&quot;,&quot;closeText&quot;:&quot;Fermer&quot;}">rubriques</a></li><li><a href="/fr/grenouilles">grenouilles</a></li><li><a href="/fr/surprenez-moi">surprenez-moi !</a></li></ul></div>
  </div>

  </div>

  </header>

  
  

    <div class="region region-breadcrumb">
    <div id="block-if-breadcrumbs" class="block block-system block-system-breadcrumb-block">
  
    
        <nav class="breadcrumb" role="navigation" aria-labelledby="system-breadcrumb">
    <h2 id="system-breadcrumb" class="visually-hidden">Fil d'Ariane</h2>
    <ol>
          <li>
                  <a href="/fr">Accueil : Vivre les cultures</a>
              </li>
        </ol>
  </nav>

  </div>

  </div>


    <div class="region region-highlighted">
    

  </div>


  

  

  

  <main role="main">
    <a id="main-content" tabindex="-1"></a>
    <div class="layout-content">
        <div class="region region-content">
    <div id="block-if-content" class="block block-system block-system-main-block">
  
    
      <article>
  
<div  id="prehome">
      
      <div class="field field--name-field-slider-prehome field--type-entity-reference field--label-hidden field__items">
              <div class="field__item">    <div class="slide_prehome">
            <div class="field field--name-field-image field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-home-if-slider-paralax">
  
      
  <div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
    <div class="field__label visually-hidden">Image</div>
              <div class="field__item">    <picture>
                <!--[if IE 9]><video style="display: none;"><![endif]-->
              <source srcset="/sites/default/files/styles/mobile_home_if_slider_paralax/public/medias/images/fond-franco-allemand-web-logo-bleue1-1950x1000.jpg?h=df424400&amp;itok=h9090cGG 1x" media="all and (max-width: 768px)" type="image/jpeg"/>
            <!--[if IE 9]></video><![endif]-->
            <img src="/sites/default/files/styles/desktop_home_if_slider_paralax/public/medias/images/fond-franco-allemand-web-logo-bleue1-1950x1000.jpg?h=df424400&amp;itok=em44GBpG" alt="Fonds culturel franco-allemand" />

  </picture>

</div>
          </div>

            <div class="field field--name-field-credits field--type-string-long field--label-hidden field__item">© DR</div>
      
  </article>
</div>
      
<div  class="accroche">
      
            <div class="field field--name-title field--type-string field--label-hidden field__item">[TEST] Slide 1[TEST] Slide 1[T</div>
      
            <div class="field field--name-field-slider-prehome-texte1 field--type-string field--label-hidden field__item">[TEST] Slide 1[TEST] Slide 1[T[TEST] Slide 1[TEST] Slide 1[T</div>
      
  </div></div>
  </div>
              <div class="field__item">    <div class="slide_prehome">
            <div class="field field--name-field-image field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-home-if-slider-paralax">
  
      
  <div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
    <div class="field__label visually-hidden">Image</div>
              <div class="field__item">    <picture>
                <!--[if IE 9]><video style="display: none;"><![endif]-->
              <source srcset="/sites/default/files/styles/mobile_home_if_slider_paralax/public/medias/images/aif-2017-voyez-vous-vinciane-lebrun-verguethen-1000.jpg?h=6f8e2d4a&amp;itok=034iqAWf 1x" media="all and (max-width: 768px)" type="image/jpeg"/>
            <!--[if IE 9]></video><![endif]-->
            <img src="/sites/default/files/styles/desktop_home_if_slider_paralax/public/medias/images/aif-2017-voyez-vous-vinciane-lebrun-verguethen-1000.jpg?h=6f8e2d4a&amp;itok=otU8jHzo" alt="Accueil" />

  </picture>

</div>
          </div>

            <div class="field field--name-field-credits field--type-string-long field--label-hidden field__item">© Vinciane Lebrun-Verguethen</div>
      
  </article>
</div>
      
<div  class="accroche">
      
            <div class="field field--name-title field--type-string field--label-hidden field__item">[TEST] Slide 2</div>
      
            <div class="field field--name-field-slider-prehome-texte1 field--type-string field--label-hidden field__item">Sed diam nonumy eirmod tempor invidunt</div>
      
  </div></div>
  </div>
              <div class="field__item">    <div class="slide_prehome">
            <div class="field field--name-field-image field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-home-if-slider-paralax">
  
      
  <div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
    <div class="field__label visually-hidden">Image</div>
              <div class="field__item">    <picture>
                <!--[if IE 9]><video style="display: none;"><![endif]-->
              <source srcset="/sites/default/files/styles/mobile_home_if_slider_paralax/public/medias/images/photo-atelier-aurelie-petrel-2013-02.jpg?h=a4ddaa3a&amp;itok=sJWYnP_u 1x" media="all and (max-width: 768px)" type="image/jpeg"/>
            <!--[if IE 9]></video><![endif]-->
            <img src="/sites/default/files/styles/desktop_home_if_slider_paralax/public/medias/images/photo-atelier-aurelie-petrel-2013-02.jpg?h=a4ddaa3a&amp;itok=omnPsWFi" alt="Atelier Aurélie Petrel / Cite Internationale des Arts 2013" />

  </picture>

</div>
          </div>

            <div class="field field--name-field-credits field--type-string-long field--label-hidden field__item">© DR</div>
      
  </article>
</div>
      
<div  class="accroche">
      
            <div class="field field--name-title field--type-string field--label-hidden field__item">[TEST] Slide 3</div>
      
            <div class="field field--name-field-slider-prehome-texte1 field--type-string field--label-hidden field__item">At vero eos et accusam</div>
      
  </div></div>
  </div>
          </div>
  
  </div>
<div  class="zone-slider-une">
      <div id="slider-une"><div class="title">À la Une</div>
<div class="item-list"><ul class="slides"><li><div class="slide">
<article role="article" class="node node--type-rencontre node--promoted node--view-mode-home-vlc-slider-une">

  
    <a href="https://www.institutfrancais.com/fr/rencontre/jorn-cambreleng" rel="bookmark" title="Jörn Cambreleng" target="_self">
    <div class="node__content">
    
            <div class="field field--name-field-visuel field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-home-vlc-slider">
  
      
            <div class="field field--name-field-media-image field--type-image field--label-hidden field__item">    <picture>
                <!--[if IE 9]><video style="display: none;"><![endif]-->
              <source srcset="/sites/default/files/styles/mobile_home_vlc_slider/public/medias/images/jorn_cambreleng_cromain-boutillier-atlas.jpg?h=4484f65e&amp;itok=C1vxMNqv 1x" media="all and (max-width: 768px)" type="image/jpeg"/>
            <!--[if IE 9]></video><![endif]-->
            <img src="/sites/default/files/styles/desktop_home_vlc_slider/public/medias/images/jorn_cambreleng_cromain-boutillier-atlas.jpg?h=4484f65e&amp;itok=-bs1xWEq" alt="Jörn Crambreleng" />

  </picture>

</div>
      
  </article>
</div>
      
<div  class="type-thematique">
      <div class="content-type">Rencontre</div>

      <div class="field field--name-field-thematiques field--type-entity-reference field--label-hidden field__items">
              <div class="field__item">Langue française</div>
          </div>
  
  </div><div class="title">Jörn Cambreleng</div>

  <div class="clearfix text-formatted field field--name-field-chapo field--type-text-long field--label-visually_hidden">
    <div class="field__label visually-hidden">Chapo</div>
              <div class="field__item"><p>Lui-même traducteur pour le théâtre et l’édition, Jörn Cambreleng dirige depuis 2009 l’Association pour la promotion de la traduction littéraire (ATLAS) qui administre le Collège [...]</p></div>
          </div>

  </div>
    </a>
  </article>
<div class="next-slide">
<article role="article" class="node node--type-rencontre node--promoted node--view-mode-listing-petite-image">

  
    <a href="https://www.institutfrancais.com/fr/rencontre/antonio-casilli" rel="bookmark" title="Antonio Casilli" target="_self">
    <div class="node__content">
    
            <div class="field field--name-field-visuel field--type-entity-reference field--label-hidden field__item">
            <div class="field field--name-field-media-image field--type-image field--label-hidden field__item">    <picture>
                <!--[if IE 9]><video style="display: none;"><![endif]-->
              <source srcset="/sites/default/files/styles/all_actu_voir_aussi/public/medias/images/casilli-c-hermance-triay-3.jpg?h=c551986d&amp;itok=WsVK2d18 1x" media="all and (max-width: 768px)" type="image/jpeg"/>
            <!--[if IE 9]></video><![endif]-->
            <img src="/sites/default/files/styles/all_actu_voir_aussi/public/medias/images/casilli-c-hermance-triay-3.jpg?h=c551986d&amp;itok=WsVK2d18" alt="Antonio Casilli " />

  </picture>

</div>
      </div>
      
      <div class="field field--name-field-thematiques field--type-entity-reference field--label-hidden field__items">
              <div class="field__item">Débat d'idées</div>
          </div>
  <div class="title">Antonio Casilli</div>

  </div>
    </a>
  </article>
</div>
</div>
</li><li><div class="slide">
<article role="article" class="node node--type-rencontre node--promoted node--view-mode-home-vlc-slider-une">

  
    <a href="https://www.institutfrancais.com/fr/rencontre/antonio-casilli" rel="bookmark" title="Antonio Casilli" target="_self">
    <div class="node__content">
    
            <div class="field field--name-field-visuel field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-home-vlc-slider">
  
      
            <div class="field field--name-field-media-image field--type-image field--label-hidden field__item">    <picture>
                <!--[if IE 9]><video style="display: none;"><![endif]-->
              <source srcset="/sites/default/files/styles/mobile_home_vlc_slider/public/medias/images/casilli-c-hermance-triay-3.jpg?h=c551986d&amp;itok=4mZZ_RMF 1x" media="all and (max-width: 768px)" type="image/jpeg"/>
            <!--[if IE 9]></video><![endif]-->
            <img src="/sites/default/files/styles/desktop_home_vlc_slider/public/medias/images/casilli-c-hermance-triay-3.jpg?h=c551986d&amp;itok=7t5Xrrhy" alt="Antonio Casilli " />

  </picture>

</div>
      
  </article>
</div>
      
<div  class="type-thematique">
      <div class="content-type">Rencontre</div>

      <div class="field field--name-field-thematiques field--type-entity-reference field--label-hidden field__items">
              <div class="field__item">Débat d&#039;idées / Sciences</div>
          </div>
  
  </div><div class="title">Antonio Casilli</div>

  <div class="clearfix text-formatted field field--name-field-chapo field--type-text-long field--label-visually_hidden">
    <div class="field__label visually-hidden">Chapo</div>
              <div class="field__item"><p>Au lendemain de l’adoption de la directive portant sur le droit d’auteur en mars 2019, le sociologue français Antonio Casilli, spécialiste des réseaux sociaux et auteur de En attendant les [...]</p></div>
          </div>

  </div>
    </a>
  </article>
<div class="next-slide">
<article role="article" class="node node--type-zoom node--promoted node--view-mode-listing-petite-image">

  
    <a href="https://www.institutfrancais.com/fr/zoom/le-mouvement-supports-surfaces-expose-a-pekin" rel="bookmark" title="Le mouvement Supports-Surfaces exposé à Pékin" target="_self">
    <div class="node__content">
    
            <div class="field field--name-field-visuel field--type-entity-reference field--label-hidden field__item">
            <div class="field field--name-field-media-image field--type-image field--label-hidden field__item">    <picture>
                <!--[if IE 9]><video style="display: none;"><![endif]-->
              <source srcset="/sites/default/files/styles/all_actu_voir_aussi/public/medias/images/bernard-pages-1968-arrangement-siphon-et-bois-enamelled-siphon-and-dyed-eucalyptus-wood-38x42x42cmcf.fernandez-courtesy-cb.jpg?h=de01260a&amp;itok=yueU_5wW 1x" media="all and (max-width: 768px)" type="image/jpeg"/>
            <!--[if IE 9]></video><![endif]-->
            <img src="/sites/default/files/styles/all_actu_voir_aussi/public/medias/images/bernard-pages-1968-arrangement-siphon-et-bois-enamelled-siphon-and-dyed-eucalyptus-wood-38x42x42cmcf.fernandez-courtesy-cb.jpg?h=de01260a&amp;itok=yueU_5wW" alt="Arrangement-siphon-et-bois de Bernard Pages" />

  </picture>

</div>
      </div>
      
      <div class="field field--name-field-thematiques field--type-entity-reference field--label-hidden field__items">
              <div class="field__item">Arts visuels</div>
          </div>
  <div class="title"><span>Le mouvement Supports-Surfaces exposé à Pékin</span></div>

  </div>
    </a>
  </article>
</div>
</div>
</li><li><div class="slide">
<article role="article" class="node node--type-zoom node--promoted node--view-mode-home-vlc-slider-une">

  
    <a href="https://www.institutfrancais.com/fr/zoom/le-mouvement-supports-surfaces-expose-a-pekin" rel="bookmark" title="Le mouvement Supports-Surfaces exposé à Pékin" target="_self">
    <div class="node__content">
    
            <div class="field field--name-field-visuel field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-home-vlc-slider">
  
      
            <div class="field field--name-field-media-image field--type-image field--label-hidden field__item">    <picture>
                <!--[if IE 9]><video style="display: none;"><![endif]-->
              <source srcset="/sites/default/files/styles/mobile_home_vlc_slider/public/medias/images/bernard-pages-1968-arrangement-siphon-et-bois-enamelled-siphon-and-dyed-eucalyptus-wood-38x42x42cmcf.fernandez-courtesy-cb.jpg?h=de01260a&amp;itok=BttD5oPA 1x" media="all and (max-width: 768px)" type="image/jpeg"/>
            <!--[if IE 9]></video><![endif]-->
            <img src="/sites/default/files/styles/desktop_home_vlc_slider/public/medias/images/bernard-pages-1968-arrangement-siphon-et-bois-enamelled-siphon-and-dyed-eucalyptus-wood-38x42x42cmcf.fernandez-courtesy-cb.jpg?h=de01260a&amp;itok=qOq7lYgm" alt="Arrangement-siphon-et-bois de Bernard Pages" />

  </picture>

</div>
      
  </article>
</div>
      
<div  class="type-thematique">
      <div class="content-type">Zoom</div>

      <div class="field field--name-field-thematiques field--type-entity-reference field--label-hidden field__items">
              <div class="field__item">Arts visuels / Photographie</div>
          </div>
  
  </div><div class="title"><span>Le mouvement Supports-Surfaces exposé à Pékin</span></div>

            <div class="clearfix text-formatted field field--name-field-chapo field--type-text-long field--label-hidden field__item"><p>Le Tinsghua University Art Museum de Pékin accueille pour la première fois en Chine une rétrospective consacrée au mouvement Supports/Surfaces, mouvement éphémère de la première moitié des [...]</p></div>
      
  </div>
    </a>
  </article>
<div class="next-slide">
<article role="article" class="node node--type-rencontre node--promoted node--view-mode-listing-petite-image">

  
    <a href="https://www.institutfrancais.com/fr/rencontre/jorn-cambreleng" rel="bookmark" title="Jörn Cambreleng" target="_self">
    <div class="node__content">
    
            <div class="field field--name-field-visuel field--type-entity-reference field--label-hidden field__item">
            <div class="field field--name-field-media-image field--type-image field--label-hidden field__item">    <picture>
                <!--[if IE 9]><video style="display: none;"><![endif]-->
              <source srcset="/sites/default/files/styles/all_actu_voir_aussi/public/medias/images/jorn_cambreleng_cromain-boutillier-atlas.jpg?h=4484f65e&amp;itok=NGrBdcHu 1x" media="all and (max-width: 768px)" type="image/jpeg"/>
            <!--[if IE 9]></video><![endif]-->
            <img src="/sites/default/files/styles/all_actu_voir_aussi/public/medias/images/jorn_cambreleng_cromain-boutillier-atlas.jpg?h=4484f65e&amp;itok=NGrBdcHu" alt="Jörn Crambreleng" />

  </picture>

</div>
      </div>
      
      <div class="field field--name-field-thematiques field--type-entity-reference field--label-hidden field__items">
              <div class="field__item">Langue française</div>
          </div>
  <div class="title">Jörn Cambreleng</div>

  </div>
    </a>
  </article>
</div>
</div>
</li></ul></div></div>

  </div><div id="mosaique-contenus"><div class="row-mosaique row_one">
<article role="article" class="format-100pct node node--type-oeuvre node--promoted node--view-mode-home-vlc-mosaique">

  
    <a href="https://www.institutfrancais.com/fr/oeuvre/dernieres-nouvelles-du-cosmos-de-julie-bertuccelli" rel="bookmark" title="Dernières nouvelles du cosmos, de Julie Bertuccelli" target="_self">
    <div class="node__content">
    <article class="media media--type-image media--view-mode-all-oeuvre-mosaique-home-vlc">
  
      
  <div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
    <div class="field__label visually-hidden">Image</div>
              <div class="field__item">  <img src="/sites/default/files/styles/all_oeuvre_mosaique_home_vlc/public/medias/images/oe66_julie-bertucelli_dernieres-nouvelles-du-cosmos_c-pyramid-films.jpg?h=b306346d&amp;itok=VXPHlXLE" width="820" height="350" alt="Dernières nouvelles du cosmos, de Julie Bertuccelli" class="image-style-all-oeuvre-mosaique-home-vlc" />


</div>
          </div>

  </article>

<div  class="type-thematique">
      <div class="content-type">Oeuvre</div>

      <div class="field field--name-field-thematiques field--type-entity-reference field--label-hidden field__items">
              <div class="field__item">Cinéma</div>
          </div>
  
  </div><div class="title">Dernières nouvelles du cosmos, de Julie Bertuccelli</div>

            <div class="field field--name-field-temps-lecture field--type-list-string field--label-hidden field__item"><p class="minutes">1 min</p>
</div>
      <p class="numero-menu">#163</p>

  </div>
    </a>
  </article>

<article role="article" class="node node--type-zoom node--promoted node--view-mode-home-vlc-mosaique">

  
    <a href="https://www.institutfrancais.com/fr/zoom/plan-b-de-la-compagnie-111-s-envole-pour-la-chine" rel="bookmark" title="Plan B de la compagnie 111 s’envole pour la Chine" target="_self">
    <div class="node__content">
    
            <div class="field field--name-field-visuel field--type-entity-reference field--label-hidden field__item">
            <div class="field field--name-field-media-image field--type-image field--label-hidden field__item">    <picture>
                <!--[if IE 9]><video style="display: none;"><![endif]-->
              <source srcset="/sites/default/files/styles/all_tout_types/public/medias/images/plan-b_c-aglae-bory-1.jpg?h=a622ca0b&amp;itok=l2D6Oni5 1x" media="all and (max-width: 768px)" type="image/jpeg"/>
            <!--[if IE 9]></video><![endif]-->
            <img src="/sites/default/files/styles/desktop_zoom_oeuvre_mosaique_home_vlc/public/medias/images/plan-b_c-aglae-bory-1.jpg?h=a622ca0b&amp;itok=tYoyMB9Y" alt="Plan B" />

  </picture>

</div>
      </div>
      
<div  class="type-thematique">
      <div class="content-type">Zoom</div>

      <div class="field field--name-field-thematiques field--type-entity-reference field--label-hidden field__items">
              <div class="field__item">Théâtre</div>
              <div class="field__item">Danse</div>
              <div class="field__item">Cirque</div>
          </div>
  
  </div><div class="title"><span>Plan B de la compagnie 111 s’envole pour la Chine</span></div>
<div class="date field--name-created">Mis à jour le 24/05/2019</div>

            <div class="field field--name-field-temps-lecture field--type-list-string field--label-hidden field__item"><p class="minutes">2 min</p>
</div>
      
  </div>
    </a>
  </article>
</div>
<div class="row-mosaique row_two">
<article role="article" class="node node--type-portfolio node--promoted node--view-mode-home-vlc-mosaique">

  
    <a href="https://www.institutfrancais.com/fr/portfolio/laure-prouvost-en-10-expositions" rel="bookmark" title="Laure Prouvost en 10 expositions" target="_self">
    <div class="node__content">
        <div class="vignette_texte"><article class="media media--type-image media--view-mode-home-vlc-portfolio-mosaique">
  
      
  <div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
    <div class="field__label visually-hidden">Image</div>
              <div class="field__item">    <picture>
                <!--[if IE 9]><video style="display: none;"><![endif]-->
              <source srcset="/sites/default/files/styles/mobile_portfolio_mosaique_home_vlc/public/medias/images/1-prouvost-ring-sing.jpg?h=deaec4b9&amp;itok=xJlM3AmN 1x" media="all and (max-width: 768px)" type="image/jpeg"/>
            <!--[if IE 9]></video><![endif]-->
            <img src="/sites/default/files/styles/desktop_portfolio_mosaique_home_vlc/public/medias/images/1-prouvost-ring-sing.jpg?h=deaec4b9&amp;itok=PXLmmCVI" alt="Ring, Sing and Drink for Trespassing, de Laure Prouvost" />

  </picture>

</div>
          </div>

  </article>
</div>
  
<div  class="type-thematique">
      <div class="content-type">Portfolio</div>

      <div class="field field--name-field-thematiques field--type-entity-reference field--label-hidden field__items">
              <div class="field__item">Arts visuels</div>
          </div>
  
  </div><div class="title">Laure Prouvost en 10 expositions</div>
<div class="date field--name-created">Mis à jour le 09/05/2019</div>

            <div class="field field--name-field-temps-lecture field--type-list-string field--label-hidden field__item"><p class="minutes">2 min</p>
</div>
      
  </div>
    </a>
  </article>
</div>
<div class="row-mosaique row_three">
<article role="article" class="node node--type-rencontre node--promoted node--view-mode-home-vlc-mosaique-large">

  
    <a href="https://www.institutfrancais.com/fr/rencontre/mira-nair" rel="bookmark" title="Mira Nair" target="_self">
    <div class="node__content">
    
            <div class="field field--name-field-visuel field--type-entity-reference field--label-hidden field__item">
            <div class="field field--name-field-media-image field--type-image field--label-hidden field__item">  <img src="/sites/default/files/styles/all_zoom_oeuvre_paysage_mosaique_home_vlc/public/medias/images/mira-headshot-matt-doyle_0.jpg?h=cb752e0f&amp;itok=g4z4MVZA" width="476" height="274" alt="Mira Nair" class="image-style-all-zoom-oeuvre-paysage-mosaique-home-vlc" />


</div>
      </div>
      
<div  class="type-thematique">
      <div class="content-type">Rencontre</div>

      <div class="field field--name-field-thematiques field--type-entity-reference field--label-hidden field__items">
              <div class="field__item">Cinéma</div>
          </div>
  
  </div><div class="title">Mira Nair</div>
<div class="date field--name-created">Mis à jour le 17/05/2019</div>

            <div class="field field--name-field-temps-lecture field--type-list-string field--label-hidden field__item"><p class="minutes">5 min</p>
</div>
      
  </div>
    </a>
  </article>

<article role="article" class="node node--type-rencontre node--promoted node--view-mode-home-vlc-mosaique-large">

  
    <a href="https://www.institutfrancais.com/fr/rencontre/emmanuel-ruben" rel="bookmark" title="Emmanuel Ruben" target="_self">
    <div class="node__content">
    
            <div class="field field--name-field-visuel field--type-entity-reference field--label-hidden field__item">
            <div class="field field--name-field-media-image field--type-image field--label-hidden field__item">  <img src="/sites/default/files/styles/all_zoom_oeuvre_paysage_mosaique_home_vlc/public/medias/images/rubenclouis-monier-2.jpg?h=1accb7c0&amp;itok=RkMgPBYl" width="476" height="274" alt="Emmanuel Ruben" class="image-style-all-zoom-oeuvre-paysage-mosaique-home-vlc" />


</div>
      </div>
      
<div  class="type-thematique">
      <div class="content-type">Rencontre</div>

      <div class="field field--name-field-thematiques field--type-entity-reference field--label-hidden field__items">
              <div class="field__item">Livre</div>
          </div>
  
  </div><div class="title">Emmanuel Ruben</div>
<div class="date field--name-created">Mis à jour le 17/05/2019</div>

            <div class="field field--name-field-temps-lecture field--type-list-string field--label-hidden field__item"><p class="minutes">5 min</p>
</div>
      
  </div>
    </a>
  </article>

<article role="article" class="node node--type-portrait node--promoted node--view-mode-home-vlc-mosaique">

  
    <a href="https://www.institutfrancais.com/fr/portrait/timothee-de-fombelle" rel="bookmark" title="Timothée de Fombelle" target="_self">
    <div class="node__content">
    <article class="media media--type-image media--view-mode-home-vlc-portrait-mosaique">
  
      
  <div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
    <div class="field__label visually-hidden">Image</div>
              <div class="field__item">    <picture>
                <!--[if IE 9]><video style="display: none;"><![endif]-->
              <source srcset="/sites/default/files/styles/mobile_portrait_mosaique_home_vlc/public/medias/images/p28_fombelle_c-cheliegallimard.jpg?h=5482203a&amp;itok=h-P1cM1w 1x" media="all and (max-width: 768px)" type="image/jpeg"/>
            <!--[if IE 9]></video><![endif]-->
            <img src="/sites/default/files/styles/desktop_portait_mosaique_home_vlc/public/medias/images/p28_fombelle_c-cheliegallimard.jpg?h=5482203a&amp;itok=dsLJcynx" alt="Timothée de Fombelle" />

  </picture>

</div>
          </div>

  </article>

<div  class="type-thematique">
      <div class="content-type">Portrait</div>

      <div class="field field--name-field-thematiques field--type-entity-reference field--label-hidden field__items">
              <div class="field__item">Livre</div>
          </div>
  
  </div><div class="title">Timothée de Fombelle</div>
<div class="date field--name-created">Publié le 22/05/2019</div>

            <div class="field field--name-field-temps-lecture field--type-list-string field--label-hidden field__item"><p class="minutes">2 min</p>
</div>
      
  </div>
    </a>
  </article>
</div>
</div>
<div class="zone-parcourez"><div class="titre-fixe">Parcourez</div>
<div class="item-list"><ul class="links"><li><a href="/fr/thematiques" class="icon use-ajax" data-dialog-type="modal" data-dialog-options="{&quot;dialogClass&quot;:&quot;thematique-list-dialog&quot;,&quot;height&quot;:&quot;100%&quot;,&quot;top&quot;:0,&quot;width&quot;:&quot;100%&quot;,&quot;max-width&quot;:&quot;100%&quot;,&quot;closeText&quot;:&quot;Fermer&quot;}">Nos thématiques</a></li><li><a href="/fr/content-types" class="icon use-ajax" data-dialog-type="modal" data-dialog-options="{&quot;dialogClass&quot;:&quot;thematique-list-dialog rubriques&quot;,&quot;height&quot;:&quot;100%&quot;,&quot;top&quot;:0,&quot;width&quot;:&quot;100%&quot;,&quot;max-width&quot;:&quot;100%&quot;,&quot;closeText&quot;:&quot;Fermer&quot;}">Nos rubriques</a></li></ul></div></div>
<div class="toile-title">Sur la toile</div>
<div class="toile-subtitle">sélection de sites de l'Institut français</div>
<div class="sites-wrapper"><div class="item-list"><ul><li><a href="https://www.lescinemasdumonde.com/en" target="_blank" class="link">
<article role="article" class="node node--type-site-plateforme node--promoted node--view-mode-home-vlc-sur-la-toile">

  
    <div class="node__content">
    
            <div class="field field--name-field-visuel field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-home-vlc-sur-la-toile">
  
      
            <div class="field field--name-field-media-image field--type-image field--label-hidden field__item">    <picture>
                <!--[if IE 9]><video style="display: none;"><![endif]-->
              <source srcset="/sites/default/files/styles/mobile_sur_la_toile_home_vlc/public/medias/images/ecran-www.lescinemasdumonde.com_.jpg?h=7816d17b&amp;itok=hoSDH45K 1x" media="all and (max-width: 768px)" type="image/jpeg"/>
            <!--[if IE 9]></video><![endif]-->
            <img src="/sites/default/files/styles/desktop_sur_la_toile_home_vlc/public/medias/images/ecran-www.lescinemasdumonde.com_.jpg?h=7816d17b&amp;itok=JrtPCTlF" alt="Le site des cinémas du monde" />

  </picture>

</div>
      
  </article>
</div>
      <div class="title">Les cinémas du monde</div>

  </div>
  </article>
</a></li><li><a href="http://www.culturetheque.com" target="_blank" class="link">
<article role="article" class="node node--type-site-plateforme node--promoted node--view-mode-home-vlc-sur-la-toile">

  
    <div class="node__content">
    
            <div class="field field--name-field-visuel field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-home-vlc-sur-la-toile">
  
      
            <div class="field field--name-field-media-image field--type-image field--label-hidden field__item">    <picture>
                <!--[if IE 9]><video style="display: none;"><![endif]-->
              <source srcset="/sites/default/files/styles/mobile_sur_la_toile_home_vlc/public/medias/images/culturetheque.png?h=6f8d5f36&amp;itok=GtyOeAZk 1x" media="all and (max-width: 768px)" type="image/png"/>
            <!--[if IE 9]></video><![endif]-->
            <img src="/sites/default/files/styles/desktop_sur_la_toile_home_vlc/public/medias/images/culturetheque.png?h=6f8d5f36&amp;itok=7CabNPvp" alt="Culturetheque" />

  </picture>

</div>
      
  </article>
</div>
      <div class="title">Culturethèque </div>

  </div>
  </article>
</a></li><li><a href="https://futurlivre.fr/en/" target="_blank" class="link">
<article role="article" class="node node--type-site-plateforme node--promoted node--view-mode-home-vlc-sur-la-toile">

  
    <div class="node__content">
    
            <div class="field field--name-field-visuel field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-home-vlc-sur-la-toile">
  
      
            <div class="field field--name-field-media-image field--type-image field--label-hidden field__item">    <picture>
                <!--[if IE 9]><video style="display: none;"><![endif]-->
              <source srcset="/sites/default/files/styles/mobile_sur_la_toile_home_vlc/public/medias/images/20190108101718.png?h=98016846&amp;itok=8DRirb_0 1x" media="all and (max-width: 768px)" type="image/png"/>
            <!--[if IE 9]></video><![endif]-->
            <img src="/sites/default/files/styles/desktop_sur_la_toile_home_vlc/public/medias/images/20190108101718.png?h=98016846&amp;itok=d9Qc6Lt7" alt="futur livre (agnès)" />

  </picture>

</div>
      
  </article>
</div>
      <div class="title">Futur Livre</div>

  </div>
  </article>
</a></li></ul></div></div>
<div class="zone-grenouilles"><div class="zone-textes"><h2 class="titre-grenouilles">Grenouilles</h2>
<p class="green">Tu sais ce que signifie "Traîner un hareng rouge sur la piste" en anglais ?</p>
<p class="grey">Non, aucune idée, je donne ma langue au chat</p>
<p class="green">Oh ça va, arrête de noyer le poisson ...</p>
<p class="grey wtf-emoticon">.... </p>
<a href="/fr/grenouilles" class="play-grenouilles">A vous de jouer !</a></div>
<div class="zone-images"></div>
</div>
<div class="zone-surprenez-moi-wrapper"><div class="zone-surprenez-moi"><p class="surprenez-moi-teaser">En quelques clics, découvrez de nouveaux contenus</p>
<h2 class="surprenez-moi-title">Surprenez-moi !</h2>
<a href="/fr/surprenez-moi" class="surprenez-moi-link">Suivez le guide</a></div>
</div>
<div class="zone-favoris"><div class="titre"><span class="first-part">Favoris..</span>
<span class="last-part">les plus lus du moment</span>
</div>

<article role="article" class="node node--type-rencontre node--promoted node--view-mode-home-vlc-favoris">

  
    <a href="https://www.institutfrancais.com/fr/rencontre/jorn-cambreleng" rel="bookmark" title="Jörn Cambreleng" target="_self">
    <div class="node__content">
    
<div  class="left">
      
            <div class="field field--name-field-visuel field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-home-vlc-favoris">
  
      
            <div class="field field--name-field-media-image field--type-image field--label-hidden field__item">    <picture>
                <!--[if IE 9]><video style="display: none;"><![endif]-->
              <source srcset="/sites/default/files/styles/all_tout_types/public/medias/images/jorn_cambreleng_cromain-boutillier-atlas.jpg?h=4484f65e&amp;itok=aB3ihzLB 1x" media="all and (max-width: 768px)" type="image/jpeg"/>
            <!--[if IE 9]></video><![endif]-->
            <img src="/sites/default/files/styles/desktop_vlc_favoris/public/medias/images/jorn_cambreleng_cromain-boutillier-atlas.jpg?h=4484f65e&amp;itok=K-R0cC3y" alt="Jörn Crambreleng" />

  </picture>

</div>
      
  </article>
</div>
      
  </div>
<div  class="right">
      
<div  class="type-thematique">
      <div class="content-type">Rencontre</div>

      <div class="field field--name-field-thematiques field--type-entity-reference field--label-hidden field__items">
              <div class="field__item">Langue française</div>
          </div>
  
  </div><div class="title">Jörn Cambreleng</div>

  </div>
  </div>
    </a>
  </article>

<article role="article" class="node node--type-rencontre node--promoted node--view-mode-home-vlc-favoris">

  
    <a href="https://www.institutfrancais.com/fr/rencontre/emmanuel-ruben" rel="bookmark" title="Emmanuel Ruben" target="_self">
    <div class="node__content">
    
<div  class="left">
      
            <div class="field field--name-field-visuel field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-home-vlc-favoris">
  
      
            <div class="field field--name-field-media-image field--type-image field--label-hidden field__item">    <picture>
                <!--[if IE 9]><video style="display: none;"><![endif]-->
              <source srcset="/sites/default/files/styles/all_tout_types/public/medias/images/rubenclouis-monier-2.jpg?h=1accb7c0&amp;itok=dbx9r_Gj 1x" media="all and (max-width: 768px)" type="image/jpeg"/>
            <!--[if IE 9]></video><![endif]-->
            <img src="/sites/default/files/styles/desktop_vlc_favoris/public/medias/images/rubenclouis-monier-2.jpg?h=1accb7c0&amp;itok=0pgOjD6R" alt="Emmanuel Ruben" />

  </picture>

</div>
      
  </article>
</div>
      
  </div>
<div  class="right">
      
<div  class="type-thematique">
      <div class="content-type">Rencontre</div>

      <div class="field field--name-field-thematiques field--type-entity-reference field--label-hidden field__items">
              <div class="field__item">Livre / Bande-dessinée</div>
          </div>
  
  </div><div class="title">Emmanuel Ruben</div>

  </div>
  </div>
    </a>
  </article>

<article role="article" class="node node--type-zoom node--promoted node--view-mode-home-vlc-favoris">

  
    <a href="https://www.institutfrancais.com/fr/zoom/premiers-devoilements-du-projet-de-laure-prouvost-a-la-biennale-de-venise" rel="bookmark" title="Premiers dévoilements du projet de Laure Prouvost à la Biennale de Venise" target="_self">
    <div class="node__content">
    
<div  class="left">
      
            <div class="field field--name-field-visuel field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-home-vlc-favoris">
  
      
            <div class="field field--name-field-media-image field--type-image field--label-hidden field__item">    <picture>
                <!--[if IE 9]><video style="display: none;"><![endif]-->
              <source srcset="/sites/default/files/styles/all_tout_types/public/medias/images/laure-prouvost-we-will-tell-you-loads-of-salades-on-our-way-to-venice-2018_0.jpg?h=cffe9e2e&amp;itok=pRs-21zP 1x" media="all and (max-width: 768px)" type="image/jpeg"/>
            <!--[if IE 9]></video><![endif]-->
            <img src="/sites/default/files/styles/desktop_vlc_favoris/public/medias/images/laure-prouvost-we-will-tell-you-loads-of-salades-on-our-way-to-venice-2018_0.jpg?h=cffe9e2e&amp;itok=rE-Dvs81" alt="Extrait du film de Laure Prouvost: &quot;We will tell you loads of salads on our way to Venice&quot;." />

  </picture>

</div>
      
  </article>
</div>
      
  </div>
<div  class="right">
      
<div  class="type-thematique">
      <div class="content-type">Zoom</div>

      <div class="field field--name-field-thematiques field--type-entity-reference field--label-hidden field__items">
              <div class="field__item">Arts visuels / Photographie</div>
          </div>
  
  </div><div class="title"><span>Premiers dévoilements du projet de Laure Prouvost à la Biennale de Venise</span></div>

  </div>
  </div>
    </a>
  </article>
</div>
<div class="zone-vu-ailleurs"><h2 class="titre-ailleurs">Ailleurs ...</h2>
<div class="container-liste"><h3 class="sous-titre-ailleurs">une sélection de contenus vus ailleurs</h3>

<article role="article" class="node node--type-vue-ailleurs node--promoted node--view-mode-home-vlc-ailleurs-accroche">

  
    <div class="node__content">
    
<div  class="wrapper-actif left">
      
            <div class="field field--name-field-visuel field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-home-vlc-ailleurs">
  
      
            <div class="field field--name-field-media-image field--type-image field--label-hidden field__item">    <picture>
                <!--[if IE 9]><video style="display: none;"><![endif]-->
              <source srcset="/sites/default/files/styles/mobile_ailleurs_home_vlc/public/medias/images/capture-decran-2019-04-12-a-15.40.15.png?h=93050bb5&amp;itok=8HbtDaqH 1x" media="all and (max-width: 768px)" type="image/png"/>
            <!--[if IE 9]></video><![endif]-->
            <img src="/sites/default/files/styles/desktop_ailleurs_home_vlc/public/medias/images/capture-decran-2019-04-12-a-15.40.15.png?h=93050bb5&amp;itok=CGI1idj3" alt="French Game - Arte" />

  </picture>

</div>
      
  </article>
</div>
      <span class="type video"></span>
<a href="https://www.arte.tv/fr/videos/RC-017359/french-game/" class="titre-lien" target="_blank"><div class="title">French Game</div>
<span class="lire-suite">Lire la suite</span>
</a>
  </div>
<div  class="wrapper-accroche right">
      <div class="title">French Game</div>
<div class="date-publication-source"><span class="date">Publié le 12/04/19</span>
<span class="source">https://www.arte.tv/fr/</span>
</div>

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

<article role="article" class="node node--type-vue-ailleurs node--promoted node--view-mode-home-vlc-ailleurs-accroche">

  
    <div class="node__content">
    
<div  class="wrapper-actif left">
      
            <div class="field field--name-field-visuel field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-home-vlc-ailleurs">
  
      
            <div class="field field--name-field-media-image field--type-image field--label-hidden field__item">    <picture>
                <!--[if IE 9]><video style="display: none;"><![endif]-->
              <source srcset="/sites/default/files/styles/mobile_ailleurs_home_vlc/public/medias/images/la-triennale-di-milano.jpg?h=6bd6c20f&amp;itok=bEYzPLRR 1x" media="all and (max-width: 768px)" type="image/jpeg"/>
            <!--[if IE 9]></video><![endif]-->
            <img src="/sites/default/files/styles/desktop_ailleurs_home_vlc/public/medias/images/la-triennale-di-milano.jpg?h=6bd6c20f&amp;itok=HnyomAW4" alt="Triennale de Milan " />

  </picture>

</div>
      
  </article>
</div>
      <span class="type article"></span>
<a href="https://www.triennale.org/en/events/de-la-pensee-au-visible.-design-as-a-large-ring/" class="titre-lien" target="_blank"><div class="title">Triennale de Milan                               </div>
<span class="lire-suite">Lire la suite</span>
</a>
  </div>
<div  class="wrapper-accroche right">
      <div class="title">Triennale de Milan                               </div>
<div class="date-publication-source"><span class="date">Publié le 13/03/19</span>
<span class="source">https://www.triennale.org/en/</span>
</div>

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

<article role="article" class="node node--type-vue-ailleurs node--promoted node--view-mode-home-vlc-ailleurs-accroche">

  
    <div class="node__content">
    
<div  class="wrapper-actif left">
      
            <div class="field field--name-field-visuel field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-home-vlc-ailleurs">
  
      
            <div class="field field--name-field-media-image field--type-image field--label-hidden field__item">    <picture>
                <!--[if IE 9]><video style="display: none;"><![endif]-->
              <source srcset="/sites/default/files/styles/mobile_ailleurs_home_vlc/public/medias/images/palace_of_industry_2551991778.jpg?h=4fbf4a87&amp;itok=sgGHJaW6 1x" media="all and (max-width: 768px)" type="image/jpeg"/>
            <!--[if IE 9]></video><![endif]-->
            <img src="/sites/default/files/styles/desktop_ailleurs_home_vlc/public/medias/images/palace_of_industry_2551991778.jpg?h=4fbf4a87&amp;itok=WD7ouX8k" alt="Quadriennal de Prague" />

  </picture>

</div>
      
  </article>
</div>
      <span class="type article"></span>
<a href="http://www.pq.cz/" class="titre-lien" target="_blank"><div class="title">Quadriennal de Prague</div>
<span class="lire-suite">Lire la suite</span>
</a>
  </div>
<div  class="wrapper-accroche right">
      <div class="title">Quadriennal de Prague</div>
<div class="date-publication-source"><span class="date">Publié le 23/04/19</span>
<span class="source">http://www.pq.cz/</span>
</div>

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

<article role="article" class="node node--type-vue-ailleurs node--promoted node--view-mode-home-vlc-ailleurs-accroche">

  
    <div class="node__content">
    
<div  class="wrapper-actif left">
      
            <div class="field field--name-field-visuel field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-home-vlc-ailleurs">
  
      
            <div class="field field--name-field-media-image field--type-image field--label-hidden field__item">    <picture>
                <!--[if IE 9]><video style="display: none;"><![endif]-->
              <source srcset="/sites/default/files/styles/mobile_ailleurs_home_vlc/public/medias/images/4023_1.jpg?h=1f2ff897&amp;itok=uKRU7CVC 1x" media="all and (max-width: 768px)" type="image/jpeg"/>
            <!--[if IE 9]></video><![endif]-->
            <img src="/sites/default/files/styles/desktop_ailleurs_home_vlc/public/medias/images/4023_1.jpg?h=1f2ff897&amp;itok=i61bAaTR" alt="Le Mucem" />

  </picture>

</div>
      
  </article>
</div>
      <span class="type article"></span>
<a href="http://www.mucem.org/programme/exposition-et-temps-forts/persona" class="titre-lien" target="_blank"><div class="title">Mucem</div>
<span class="lire-suite">Lire la suite</span>
</a>
  </div>
<div  class="wrapper-accroche right">
      <div class="title">Mucem</div>
<div class="date-publication-source"><span class="date">Publié le 23/04/19</span>
<span class="source">http://www.mucem.org/</span>
</div>

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

<div  class="wrapper-zone-carte">
      
            <div class="field field--name-field-titre-if-monde field--type-string field--label-hidden field__item">Monde</div>
      
            <div class="field field--name-field-descriptif-if-monde field--type-string-long field--label-hidden field__item">Découvrez les lieux et les événements qui font vivre la culture française dans le monde</div>
      <a href="/fr/carte-lieux-evenements-culturels" class="lien-monde" target="_blank">Découvrir</a>
      <div class="field field--name-field-chiffres-cles field--type-entity-reference field--label-hidden field__items">
              <div class="field__item">    <div class="chiffre_cle">
            <div class="field field--name-field-chiffre-texte field--type-string field--label-hidden field__item">98</div>
      
            <div class="field field--name-field-chiffre-phrase field--type-string field--label-hidden field__item">Instituts français</div>
      </div>
  </div>
              <div class="field__item">    <div class="chiffre_cle">
            <div class="field field--name-field-chiffre-texte field--type-string field--label-hidden field__item">850</div>
      
            <div class="field field--name-field-chiffre-phrase field--type-string field--label-hidden field__item">Alliances françaises</div>
      </div>
  </div>
              <div class="field__item">    <div class="chiffre_cle">
            <div class="field field--name-field-chiffre-texte field--type-string field--label-hidden field__item">131</div>
      
            <div class="field field--name-field-chiffre-phrase field--type-string field--label-hidden field__item">Services de coopération et d’action culturelle</div>
      </div>
  </div>
          </div>
  
  </div></article>

  </div>

  </div>

    </div>
    
    
  </main>

  <footer role="contentinfo">
    <div id="footer-first">
        <div class="region region-footer-first">
    <div class="newsletter-subscribe block block-if-common block-if-common-newsletter-inscription" data-drupal-selector="newsletter-subscribe" id="block-ifnewsletterinscription">
  
    
      <form action="/fr" method="post" id="newsletter-subscribe" accept-charset="UTF-8">
  <h4 class="title-sendblue-form" data-drupal-selector="edit-title">Inscrivez-vous à la lettre d'information</h4>
<div class="fields-sendblue-form js-form-wrapper form-wrapper" data-drupal-selector="edit-container" id="edit-container"><div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-email form-item-email">
      
        <input class="email form-text" data-drupal-selector="edit-email" type="text" id="edit-email" name="email" value="" size="60" maxlength="128" placeholder="Votre adresse email" />

        </div>
<input data-drupal-selector="edit-langue" type="hidden" name="langue" value="1" />
<input data-drupal-selector="edit-submit" type="submit" id="edit-submit" name="op" value="Je m&#039;inscris" class="button js-form-submit form-submit" />
</div>
<input autocomplete="off" data-drupal-selector="form-8nq0swmgwsfxp-bzp1ctrr3ff9onpnmrwtwymodbe4" type="hidden" name="form_build_id" value="form-_8nq0SwMgWsfxP_bZp1CtRr3Ff9OnPnMrwtWymoDBE4" />
<input data-drupal-selector="edit-newsletter-subscribe" type="hidden" name="form_id" value="newsletter_subscribe" />
<span class="description-sendblue-form" data-drupal-selector="edit-description">L’Institut français est l’établissement public chargé de l'action culturelle extérieure de la France</span>

</form>

  </div>
<div class="wrapper block block-if-common block-if-common-footer" id="block-iffooter">
  
    
      <div><div class="faq-wrapper"><span class="faq-label">Vous avez des questions ?</span>
<a href="/fr/faq">Consultez la FAQ</a></div>
<div class="liens-pages-principales-wrapper"><div class="liens-univers-wrapper univers-www"><h3>Vivre les cultures</h3>
<div class="item-list"><ul><li class="page-principale-link"><a href="https://www.institutfrancais.com/fr/oeuvre">Œuvres</a></li><li class="page-principale-link"><a href="https://www.institutfrancais.com/fr/portrait">Portraits</a></li><li class="page-principale-link"><a href="https://www.institutfrancais.com/fr/portfolio">Portfolios</a></li><li class="page-principale-link"><a href="https://www.institutfrancais.com/fr/rencontre">Rencontres</a></li><li class="page-principale-link"><a href="https://www.institutfrancais.com/fr/zoom">Zooms</a></li><li class="page-principale-link"><a href="https://www.institutfrancais.com/fr">Accueil</a></li><li class="page-principale-link"><a href="https://www.institutfrancais.com/fr/carte-lieux-evenements-culturels">La culture française dans le monde</a></li><li class="page-principale-link"><a href="https://www.institutfrancais.com/fr/surprenez-moi">Surprenez-moi !</a></li></ul></div></div>
<div class="liens-univers-wrapper univers-portail"><h3>L'Institut français</h3>
<div class="item-list"><ul><li class="page-principale-link"><a href="https://www.if.institutfrancais.com/fr/nos-temps-forts-2019">Temps forts</a></li><li class="page-principale-link"><a href="https://www.if.institutfrancais.com/fr/nos-actions">Nos actions</a></li><li class="page-principale-link"><a href="https://www.if.institutfrancais.com/fr/actualites-if">Les actualités</a></li><li class="page-principale-link"><a href="https://www.if.institutfrancais.com/fr/organigramme">Organigramme</a></li><li class="page-principale-link"><a href="https://www.if.institutfrancais.com/fr">Accueil</a></li><li class="page-principale-link"><a href="https://www.if.institutfrancais.com/fr/carte-lieux-evenements-culturels">La culture française dans le monde</a></li><li class="page-principale-link"><a href="https://www.if.institutfrancais.com/fr/mecenes">Mécènes</a></li><li class="page-principale-link"><a href="https://www.if.institutfrancais.com/fr/partenaires">Partenaires</a></li></ul></div></div>
<div class="liens-univers-wrapper univers-pro"><h3>Espace professionnel</h3>
<div class="item-list"><ul><li class="page-principale-link"><a href="/programmes-formations">Offre</a></li><li class="page-principale-link"><a href="https://www.pro.institutfrancais.com/fr/ressources">Ressources</a></li><li class="page-principale-link"><a href="https://www.pro.institutfrancais.com/fr/actualites-du-reseau">En direct du réseau</a></li><li class="page-principale-link"><a href="https://www.pro.institutfrancais.com/fr/plateformes">Plateformes</a></li><li class="page-principale-link"><a href="https://www.pro.institutfrancais.com/fr">Accueil</a></li><li class="page-principale-link"><a href="https://www.pro.institutfrancais.com/fr/carte-lieux-evenements-culturels">La culture française dans le monde</a></li></ul></div></div>
</div>
<div class="liens-pages-secondaires-wrapper"><div class="item-list"><ul><li class="page-secondaire-link"><a href="https://www.if.institutfrancais.com/fr/rapports-activite">Rapports d&#039;activité</a></li><li class="page-secondaire-link"><a href="https://www.if.institutfrancais.com/fr/espace-presse">Presse</a></li><li class="page-secondaire-link"><a href="https://www.if.institutfrancais.com/fr/avis-de-marches">Avis de marchés</a></li><li class="page-secondaire-link"><a href="https://www.if.institutfrancais.com/fr/recrutement">Recrutement</a></li><li class="page-secondaire-link"><a href="https://www.if.institutfrancais.com/fr/conditions-generales-utilisation">CGU</a></li><li class="page-secondaire-link"><a href="https://www.pro.institutfrancais.com/fr/user">Mon compte</a></li><li class="page-secondaire-link"><a href="https://www.pro.institutfrancais.com/fr/faq">Foire aux questions</a></li></ul></div></div>
</div>

  </div>

  </div>

    </div>

    <div id="footer-second">
          <div class="region region-footer-second">
    <div class="logo-ministere block block-if-common block-if-common-logo-ministere" id="block-iflogoministere">
  
    
      <div><img src="https://www.institutfrancais.com/modules/custom/if_common/img/logo-ministere.svg" alt="Logo du Ministère" />
</div>

  </div>
<div id="block-ifreseauxsociaux" class="block block-if-common block-if-common-social-network">
  
    
      <div class="social-wrapper"><ul class="links"><li class="facebook"><a href="https://www.facebook.com/institutfrancais.pageofficielle" class="facebook" target="_blank" title="Facebook">Facebook</a></li><li class="twitter"><a href="https://twitter.com/#!/IFParis" class="twitter" target="_blank" title="Twitter">Twitter</a></li><li class="instagram"><a href="https://www.instagram.com/if_officiel" class="instagram" target="_blank" title="Instagram">Instagram</a></li><li class="youtube"><a href="https://www.youtube.com/channel/UCyH-0RuevR7ia8j1OYQrHTw" class="youtube" target="_blank" title="Youtube">Youtube</a></li></ul></div>

  </div>
<div class="wrapper block block-if-common block-if-common-footer-menu-zone-basse" id="block-iffootermenuzonebasse">
  
    
      <div><div class="copyright">Institut français, tous droits réservés 2019</div>
<div class="menu-zone-basse"><ul class="links"><li><a href="/fr/mentions-legales" title="Mentions légales" data-drupal-link-system-path="node/12">Mentions légales</a></li><li><a href="/fr/credits" title="Crédits" data-drupal-link-system-path="node/13">Crédits</a></li><li><a href="/fr/politique-de-confidentialite" title="Politique de confidentialité" data-drupal-link-system-path="node/14">Politique de confidentialité</a></li></ul></div>
</div>

  </div>

  </div>

    </div>
  </footer>

</div>
<div class="overlay"></div>

<div class="loader">
  <div class="left">
    <div>
      <div class="stick stick-blue"></div>
      <div class="stick stick-yellow"></div>
    </div>
  </div>
  <div class="right">
    <div>
      <div class="stick stick-blue"></div>
      <div class="stick stick-yellow"></div>
    </div>
  </div>
</div>
  </div>

      
        <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","scriptPath":null,"pathPrefix":"fr\/","currentPath":"home","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"fr"},"pluralDelimiter":"\u0003","ajaxPageState":{"libraries":"classy\/base,classy\/messages,classy\/node,core\/html5shiv,core\/normalize,core\/picturefill,eu_cookie_compliance\/eu_cookie_compliance,google_analytics\/google_analytics,if\/global-styling,sendinblue\/sendinblue.admin-setting,system\/base","theme":"if","theme_token":null},"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true},"google_analytics":{"trackOutbound":true,"trackMailto":true,"trackDownload":true,"trackDownloadExtensions":"7z|aac|arc|arj|asf|asx|avi|bin|csv|doc(x|m)?|dot(x|m)?|exe|flv|gif|gz|gzip|hqx|jar|jpe?g|js|mp(2|3|4|e?g)|mov(ie)?|msi|msp|pdf|phps|png|ppt(x|m)?|pot(x|m)?|pps(x|m)?|ppam|sld(x|m)?|thmx|qtm?|ra(m|r)?|sea|sit|tar|tgz|torrent|txt|wav|wma|wmv|wpd|xls(x|m|b)?|xlt(x|m)|xlam|xml|z|zip","trackDomainMode":1},"eu_cookie_compliance":{"popup_enabled":true,"popup_agreed_enabled":false,"popup_hide_agreed":false,"popup_clicking_confirmation":false,"popup_scrolling_confirmation":false,"popup_html_info":"\u003Cdiv class=\u0022eu-cookie-compliance-banner eu-cookie-compliance-banner-info\u0022\u003E\n  \u003Cdiv class =\u0022popup-content info eu-cookie-compliance-content\u0022\u003E\n    \u003Cdiv id=\u0022popup-text\u0022 class=\u0022eu-cookie-compliance-message\u0022\u003E\n      \u003Ch2\u003ECe site utilise des cookies pour am\u00e9liorer votre exp\u00e9rience. En poursuivant votre navigation sur le site, vous acceptez les cookies.\u003C\/h2\u003E\n    \u003C\/div\u003E\n    \u003Cdiv id=\u0022popup-buttons\u0022 class=\u0022eu-cookie-compliance-buttons\u0022\u003E\n              \u003Cbutton type=\u0022button\u0022 class=\u0022find-more-button eu-cookie-compliance-more-button\u0022\u003EPlus d\u0026#039;informations\u003C\/button\u003E\n            \u003Cbutton type=\u0022button\u0022 class=\u0022agree-button eu-cookie-compliance-secondary-button\u0022\u003EJ\u0026#039;accepte\u003C\/button\u003E\n              \u003Cbutton type=\u0022button\u0022 class=\u0022decline-button eu-cookie-compliance-default-button\u0022 \u003EJe d\u00e9cline\u003C\/button\u003E\n          \u003C\/div\u003E\n  \u003C\/div\u003E\n\u003C\/div\u003E","use_mobile_message":false,"mobile_popup_html_info":"\u003Cdiv class=\u0022eu-cookie-compliance-banner eu-cookie-compliance-banner-info\u0022\u003E\n  \u003Cdiv class =\u0022popup-content info eu-cookie-compliance-content\u0022\u003E\n    \u003Cdiv id=\u0022popup-text\u0022 class=\u0022eu-cookie-compliance-message\u0022\u003E\n      \n    \u003C\/div\u003E\n    \u003Cdiv id=\u0022popup-buttons\u0022 class=\u0022eu-cookie-compliance-buttons\u0022\u003E\n              \u003Cbutton type=\u0022button\u0022 class=\u0022find-more-button eu-cookie-compliance-more-button\u0022\u003EPlus d\u0026#039;informations\u003C\/button\u003E\n            \u003Cbutton type=\u0022button\u0022 class=\u0022agree-button eu-cookie-compliance-secondary-button\u0022\u003EJ\u0026#039;accepte\u003C\/button\u003E\n              \u003Cbutton type=\u0022button\u0022 class=\u0022decline-button eu-cookie-compliance-default-button\u0022 \u003EJe d\u00e9cline\u003C\/button\u003E\n          \u003C\/div\u003E\n  \u003C\/div\u003E\n\u003C\/div\u003E","mobile_breakpoint":768,"popup_html_agreed":false,"popup_use_bare_css":false,"popup_height":"auto","popup_width":"100%","popup_delay":1000,"popup_link":"\/fr\/conditions-generales-utilisation","popup_link_new_window":true,"popup_position":false,"popup_language":"fr","store_consent":true,"better_support_for_screen_readers":true,"cookie_name":"","reload_page":false,"domain":"","popup_eu_only_js":false,"cookie_lifetime":395,"cookie_session":0,"disagree_do_not_show_popup":false,"method":"opt_in","whitelisted_cookies":"","withdraw_markup":"\u003Cbutton type=\u0022button\u0022 class=\u0022eu-cookie-withdraw-tab\u0022\u003EParam\u00e8tres de confidentialit\u00e9\u003C\/button\u003E\n\u003Cdiv class=\u0022eu-cookie-withdraw-banner\u0022\u003E\n  \u003Cdiv class=\u0022popup-content info eu-cookie-compliance-content\u0022\u003E\n    \u003Cdiv id=\u0022popup-text\u0022 class=\u0022eu-cookie-compliance-message\u0022\u003E\n      \u003Ch2\u003ECe site utilise des cookies pour am\u00e9liorer votre exp\u00e9rience.\u003C\/h2\u003E\u003Cp\u003EVous avez donn\u00e9 votre accord pour l\u0027utilisation des cookies.\u003C\/p\u003E\n    \u003C\/div\u003E\n    \u003Cdiv id=\u0022popup-buttons\u0022 class=\u0022eu-cookie-compliance-buttons\u0022\u003E\n      \u003Cbutton type=\u0022button\u0022 class=\u0022eu-cookie-withdraw-button\u0022\u003ERetirer son consentement\u003C\/button\u003E\n    \u003C\/div\u003E\n  \u003C\/div\u003E\n\u003C\/div\u003E","withdraw_enabled":false},"field_group":{"html_element":{"mode":"home_vlc","context":"view","settings":{"label":"Prehome","element":"div","show_label":false,"label_element":"h3","attributes":"","effect":"none","speed":"fast","id":"","classes":"accroche"}}},"url":["www.institutfrancais.com","www.if.institutfrancais.com","www.pro.institutfrancais.com"],"user":{"uid":0,"permissionsHash":"090c81af80c7cc13045449e03ea61cfbce145513e609474d3cf9b8a0569929cf"}}</script>
<script src="/sites/default/files/js/js_lA6FNGUaytJfg8Tfna0fCIB6ZzaQRPS-X-lv36BuN1s.js"></script>

  </body>
</html>