<!DOCTYPE html> <html lang="fr"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content="Film-documentaire.fr est le site francophone de référence et la plus grande base de données collaborative de documentaires."> <meta name="author" content="Film-documentaire.fr"> <meta name="google-site-verification" content="sVfqABrouBU1XVmIFyOJCqRIbRYq8n2zihQfR7Dh_PA" />   <link rel="shortcut icon" href="/img/favicon/favicon.ico"> <link rel="apple-touch-icon-precomposed" sizes="57x57" href="/img/favicon/apple-touch-icon-57x57.png" /> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/img/favicon/apple-touch-icon-114x114.png" /> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/img/favicon/apple-touch-icon-72x72.png" /> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/img/favicon/apple-touch-icon-144x144.png" /> <link rel="apple-touch-icon-precomposed" sizes="60x60" href="/img/favicon/apple-touch-icon-60x60.png" /> <link rel="apple-touch-icon-precomposed" sizes="120x120" href="/img/favicon/apple-touch-icon-120x120.png" /> <link rel="apple-touch-icon-precomposed" sizes="76x76" href="/img/favicon/apple-touch-icon-76x76.png" /> <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/img/favicon/apple-touch-icon-152x152.png" /> <link rel="icon" type="image/png" href="/img/favicon/favicon-196x196.png" sizes="196x196" /> <link rel="icon" type="image/png" href="/img/favicon/favicon-96x96.png" sizes="96x96" /> <link rel="icon" type="image/png" href="/img/favicon/favicon-32x32.png" sizes="32x32" /> <link rel="icon" type="image/png" href="/img/favicon/favicon-16x16.png" sizes="16x16" /> <link rel="icon" type="image/png" href="/img/favicon/favicon-128.png" sizes="128x128" /> <meta name="application-name" content=" "/> <meta name="msapplication-TileColor" content="#FFFFFF" /> <meta name="msapplication-TileImage" content="/img/favicon/mstile-144x144.png" /> <meta name="msapplication-square70x70logo" content="/img/favicon/mstile-70x70.png" /> <meta name="msapplication-square150x150logo" content="/img/favicon/mstile-150x150.png" /> <meta name="msapplication-wide310x150logo" content="/img/favicon/mstile-310x150.png" /> <meta name="msapplication-square310x310logo" content="/img/favicon/mstile-310x310.png" />  <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">  <link rel="stylesheet" href="/css/stylesheet.css"> <link rel="stylesheet" href="/css/light.css"> <link rel="stylesheet" href="/css/vegas.min.css"> <link rel="stylesheet" href="/css/select2.min.css"> <link rel="stylesheet" href="/css/custom_fd.css"> <link rel="stylesheet" href="/css/ekko-lightbox.css"> <link rel="stylesheet" href="/css/easy-autocomplete.css">  <link rel="stylesheet" type="text/css" href="/css/slick/slick.css"/> <link rel="stylesheet" type="text/css" href="/css/slick/slick-theme.css"/>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-L4P4NJYFNT"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-L4P4NJYFNT'); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-65675356-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-65675356-1'); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-KPPQGYXZ5E"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-KPPQGYXZ5E'); </script>   <meta property="og:url" content="http://www.film-documentaire.fr/4DACTION/w_Mediatheque" /> <meta property="og:type" content="Film-documentaire.fr" /> <meta property="og:title" content="Film-documentaire.fr : la médiathèque : à voir, à écouter, à lire" />    <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@Film_doc"> <meta property="twitter:url" content="http://www.film-documentaire.fr/4DACTION/w_Mediatheque"> <meta property="twitter:title" content="Film-documentaire.fr : la médiathèque : à voir, à écouter, à lire"> <meta property="twitter:image" content="http://www.film-documentaire.fr/images/logo.png"> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>  <script> !function (a, b, c, d, e, f){ a.ddjskey = e; a.ddoptions = f || null; var m = b.createElement(c), n = b.getElementsByTagName(c)[0]; m.async = 1, m.src = d, n.parentNode.insertBefore(m, n); }(window, document, "script", "https://js.datadome.co/tags.js", "AD6661B162DBF84819E888911FD3A9", { ajaxListenerPath: true } ); </script> </head> <body data-theme="default" data-layout="fluid" data-sidebar-position="left" data-sidebar-behavior="sticky">  <div id="fb-root"></div> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v5.0"></script>  <input type="hidden" name="www_Menu" value="menu_media" id="www_Menu"> <div class="wrapper wrapper_index"> <nav id="sidebar" class="sidebar"> <div class="sidebar-content js-simplebar"> <a class="sidebar-brand logo_left text-left" href="/index.shtml">  <svg xmlns="http://www.w3.org/2000/svg" width="240" height="208" viewBox="0 0 240.3 208.3"><rect x="109.8" y="0.3" width="121.6" height="14.4"/><path d="M193.2 30.2c-14 0-22.7 8.2-26.7 18 -2.7-8.7-11.1-18-25.3-18 -13.3 0-20.6 7.8-23.7 13.4v-12.8h-7.8v56c2.5-0.5 5.1-0.8 7.8-1V64c0-16.6 9.8-26.6 22.4-26.6 12.8 0 22 9.8 22 26.6v42.3c1.5 2 3 4.1 4.2 6.3 1.1-2 2.4-3.9 3.7-5.7V64c0-16.6 9.6-26.6 22.3-26.6 12.8 0 22.1 9.8 22.1 26.6v21.9c2.6 0.1 5.2 0.4 7.8 0.9V62.1C222.1 42.6 209.7 30.2 193.2 30.2M7.2 7.4c-4.1 5.1-6.5 12.5-6.5 22.3v57.1l7.9 0V38.5h42.7v53.1c2.8 1.3 5.4 2.8 7.9 4.5V30.6H8.6v-0.9c0.4-17.4 7.3-21.6 14.3-21.8h36.3V0H22.9C17.2 0 11.3 2.3 7.2 7.4M81.1 103c2.4-2.6 5.1-5 7.9-7.1V0.2h-7.9V103z"/><path d="M28.9 178.9H0.9c-0.1 0-0.2-0.1-0.2-0.2v-82.3c0-0.1 0.1-0.2 0.2-0.2h27.9c22.1 0 40 15.6 42.2 37C73.4 157.8 53.5 178.9 28.9 178.9M27.4 110.4H16.4c-0.1 0-0.2 0.1-0.2 0.2v54.2c0 0.1 0.1 0.2 0.2 0.2h11c15.4 0 27.9-11.8 27.9-27.3C55.3 122.1 42.8 110.4 27.4 110.4"/><path d="M120.1 179.9c-23.8 0-43-18.8-43-42.3 0-23.4 19.2-42.3 43-42.3 23.8 0 43 18.8 43 42.3C163.2 161.1 143.9 179.9 120.1 179.9M120.1 109.9c-15.1 0-27.1 12.1-27.1 27.8 0 15.6 12 27.8 27.1 27.8s27.1-12.2 27.1-27.8C147.3 122 135.3 109.9 120.1 109.9"/><path d="M212.1 179.9c-23.7 0-43-18.8-43-42.3 0-23.6 19.6-42.3 43-42.3 10.4 0 19.6 3.6 28.1 10.5l-5.8 7.3c-1.8 2.2-4.9 2.8-7.4 1.3 -5.8-3.5-9.8-4.6-15-4.6 -15 0-27.1 12.1-27.1 27.8 0 15.6 12.1 27.8 27.1 27.8 4.9 0 9.2-1.2 14.8-4.6 2.5-1.5 5.6-0.9 7.4 1.3l6 7.5C229.7 177.5 221.7 179.9 212.1 179.9"/><polygon points="0 193.3 8.6 193.3 8.6 196.2 3.9 196.2 3.9 199.2 8.4 199.2 8.4 202.1 3.9 202.1 3.9 208 0 208 "/><rect x="10.5" y="193.3" width="3.9" height="14.7"/><polygon points="17 193.3 21 193.3 21 205 25.8 205 25.8 208 17 208 "/><polygon points="31 196.9 30.9 196.9 30.9 208 27.5 208 27.5 193.3 33.3 193.3 35.2 202.5 35.3 202.5 37.4 193.3 43.1 193.3 43.1 208 39.6 208 39.6 196.9 39.5 196.9 36.4 208 33.9 208 "/><rect x="45.2" y="200.5" width="5.4" height="2.9"/><path d="M52.7 193.3h5.6c4.3 0 6.7 2.9 6.7 7.2 0 5.1-2.7 7.4-7.3 7.4h-5V193.3zM56.6 205.2h0.9c2.3 0 3.4-1.6 3.4-4.5 0-3.8-1.8-4.5-3.9-4.5h-0.3V205.2z"/><path d="M73.1 193.1c3.2 0 6.5 2.1 6.5 7.6 0 5.4-3.3 7.6-6.5 7.6 -3.2 0-6.5-2.1-6.5-7.6C66.6 195.2 69.9 193.1 73.1 193.1M73 205.4h0c1.7 0 2.4-1.9 2.4-4.8 0-2.9-0.8-4.8-2.4-4.8 -1.7 0-2.5 1.9-2.5 4.8C70.6 203.6 71.4 205.4 73 205.4"/><path d="M92.2 207.7c-1.2 0.4-2.5 0.6-3.6 0.6 -4.2 0-7.3-2.5-7.3-7.7 0-4.3 2.5-7.5 7.3-7.5 1.9 0 3.2 0.5 3.5 0.7l-0.2 3.2c-0.5-0.3-1.6-0.8-2.8-0.8 -2.5 0-3.7 1.6-3.7 4.5 0 2.5 1.4 4.5 3.8 4.5 1.4 0 2.4-0.6 2.8-0.8L92.2 207.7z"/><path d="M97.9 202.6c0 1.6 0.4 2.7 1.7 2.7s1.7-1.1 1.7-2.7v-9.3h3.8v9.2c0 4.3-2.5 5.8-5.6 5.8 -3.1 0-5.6-1.5-5.6-5.8v-9.2h3.9V202.6z"/><polygon points="111.2 196.9 111.2 196.9 111.2 208 107.8 208 107.8 193.3 113.6 193.3 115.5 202.5 115.5 202.5 117.7 193.3 123.3 193.3 123.3 208 119.8 208 119.8 196.9 119.8 196.9 116.6 208 114.2 208 "/><polygon points="126 193.3 134.9 193.3 134.9 196.2 129.8 196.2 129.8 199.1 134.7 199.1 134.7 202 129.8 202 129.8 205.1 135.2 205.1 135.2 208 126 208 "/><polygon points="140.6 197.8 140.6 197.8 140.6 208 137.1 208 137.1 193.3 141.7 193.3 145.5 203.4 145.6 203.4 145.6 193.3 149 193.3 149 208 144.4 208 "/><polygon points="153.7 196.3 150.5 196.3 150.5 193.3 160.8 193.3 160.8 196.3 157.6 196.3 157.6 208 153.7 208 "/><path d="M169.4 204.9h-4.3l-0.9 3.1h-3.8l4.9-14.7h4.3l4.6 14.7h-4.1L169.4 204.9zM167.4 196.3h0l-1.6 5.8h2.9L167.4 196.3z"/><rect x="175.6" y="193.3" width="3.9" height="14.7"/><path d="M188 203.8c-0.4-1.4-1-1.6-1.7-1.6h-0.2v5.7h-3.9v-14.7h5.8c3 0 4.6 1.2 4.6 3.9 0 2.2-1.5 3-2.8 3.4v0.1c0.8 0.3 1.4 0.7 2 2.7l1.3 4.6h-4.1L188 203.8zM187.1 199.5c0.8 0 1.6-0.6 1.6-1.6 0-1-0.5-1.7-1.7-1.7h-1.1v3.3H187.1z"/><polygon points="194.9 193.3 203.9 193.3 203.9 196.2 198.8 196.2 198.8 199.1 203.6 199.1 203.6 202 198.8 202 198.8 205.1 204.2 205.1 204.2 208 194.9 208 "/><rect x="205.9" y="204.6" width="3.3" height="3.4"/><polygon points="211.6 193.3 220.2 193.3 220.2 196.2 215.5 196.2 215.5 199.2 220 199.2 220 202.1 215.5 202.1 215.5 208 211.6 208 "/><path d="M227.9 203.8c-0.4-1.4-1-1.6-1.7-1.6h-0.2v5.7h-3.9v-14.7h5.8c3 0 4.6 1.2 4.6 3.9 0 2.2-1.5 3-2.8 3.4v0.1c0.8 0.3 1.4 0.7 2 2.7l1.3 4.6h-4.1L227.9 203.8zM227 199.5c0.8 0 1.6-0.6 1.6-1.6 0-1-0.5-1.7-1.7-1.7h-1.1v3.3H227z"/></svg> </a> <ul class="sidebar-nav pt-3"> <li class="sidebar-item" id="menu_film"> <a class="sidebar-link sidebar_link_films" href="/4DACTION/w_Film" onclick="javascript:menu_active('menu_film');"> <span class="align-middle text-uppercase sidebar_item_fd">Films</span> </a> </li> <li class="sidebar-item d-block d-md-none"> <a class="sidebar-link sidebar_link_films pt-1 pb-2" data-toggle="modal" data-target="#ModalConnexion"> <span class="align-middle ffPNB smallCaps">ajouter une fiche de film</span> <span class="float-right"><i class="fas fa-file-upload fa-lg ml-2"></i></span> </a> </li> <li class="sidebar-item" id="menu_createur"> <a class="sidebar-link sidebar_link_createurs" href="/4DACTION/w_Createur"> <span class="align-middle text-uppercase sidebar_item_fd">Créateurs & Créatrices</span> <span class="align-middle d-block small sidebar_item_fd_small">écriture, réalisation, musique originale<br>et autres collaborations artistiques</span> </a> </li> <li class="sidebar-item" id="menu_producteur"> <a class="sidebar-link sidebar_link_producteurs" href="/4DACTION/w_Producteur"> <span class="align-middle text-uppercase sidebar_item_fd">Structures de production</span> <span class="align-middle d-block small sidebar_item_fd_small">et autres structures : distribution, diffusion, édition…</span> </a> </li> <li class="sidebar-item" id="menu_festival"> <a class="sidebar-link sidebar_link_festivals" href="/4DACTION/w_Festival"> <span class="align-middle text-uppercase sidebar_item_fd">Festivals</span> </a> </li> <li class="sidebar-item" id="menu_ecrit"> <a class="sidebar-link sidebar_link_ecrits" href="/4DACTION/w_Ecrit"> <span class="align-middle text-uppercase sidebar_item_fd">Écrits</span> <span class="align-middle d-block small sidebar_item_fd_small">critiques, entretiens, portraits</span> </a> </li> <li class="sidebar-item" id="menu_traverse"> <a class="sidebar-link sidebar_link_ecrits" href="/4DACTION/w_Traverse"> <span class="align-middle text-uppercase sidebar_item_fd">Traverses</span> <span class="align-middle d-block small sidebar_item_fd_small">revue d'analyse et de recherche</span> </a> </li> <li class="sidebar-item" id="menu_media"> <a class="sidebar-link sidebar_link_mediatheque" href="/4DACTION/w_Mediatheque" onclick="javascript:menu_active('menu_media');"> <span class="align-middle text-uppercase sidebar_item_fd">La Médiathèque</span> <span class="align-middle d-block small sidebar_item_fd_small">livres, podcasts, films invisibles, tables rondes, master classes…</span> </a> </li> <li class="sidebar-item pb-5" id="menu_actu"> <a class="sidebar-link sidebar_link_actus" href="/4DACTION/w_Actualite"> <span class="align-middle text-uppercase sidebar_item_fd">Actualités</span> <span class="align-middle d-block small sidebar_item_fd_small">en cours et archivées</span> </a> </li> <li class="sidebar-item d-block d-xl-none"> <a class="sidebar-link pb-1" href="https://vimeo.com/688426555" target="_blank"> <img src="/img/photos/clip_valid.jpg" alt="clip" width="56" height="32"> </a> </li> <li class="sidebar-item"> <a class="sidebar-link pb-1" href="/4DACTION/w_Aide"> <span class="align-middle ffPNB">Aide/FAQ</span> </a> </li>  <li class="sidebar-item"> <a class="sidebar-link pb-1" href="/4DACTION/w_Aide"> <span class="align-middle ffPNB">Visionner ou acheter un film</span> </a> </li> <li class="sidebar-item">  <a class="sidebar-link pb-1" href="/4DACTION/w_Propos"> <span class="align-middle ffPNB">Qui sommes-nous ?</span> </a> </li> <li class="sidebar-item"> <a class="sidebar-link pb-1" href="/4DACTION/w_Contact"> <span class="align-middle ffPNB">Contact</span> </a> </li>  <li class="sidebar-item"> <a class="sidebar-link pb-1" href="/4DACTION/w_Lettre"> <span class="align-middle ffPNB">Lettre d'information</span> </a> </li> </ul> </div> </nav> <div class="main"> <nav id="topbar_nav" class="navbar navbar-expand navbar-light navbar-bg sticky-top bg-dark"> <div class="container-fluid"> <div class="navbar-collapse collapse" id="navbar10"> <ul class="navbar-nav nav-fill w-100">  <li class="nav-item"> <div class="d-flex justify-content-between"> <a class="sidebar-toggle align-self-center" id="menu_burger_fd"> <i class="hamburger align-self-center"></i> </a> <a id="logo_topx" class="sidebar-brand logo_top_style d-block d-lg-none" href="/index.shtml"> <svg xmlns="http://www.w3.org/2000/svg" width="320" height="240" viewBox="0 0 320 240.3"> <path d="M257.2 40.4c-18.8 0-30.4 11-35.7 24.1 -3.7-11.6-14.9-24.1-33.8-24.1 -17.7 0-27.5 10.4-31.6 17.9V41.2h-10.4v74.8c3.4-0.7 6.9-1.1 10.4-1.3v-29.3c0-22.2 13.1-35.5 30-35.5 17.1 0 29.4 13 29.4 35.5v56.5c2.1 2.7 3.9 5.5 5.6 8.4 1.5-2.7 3.2-5.2 5-7.6V85.4c0-22.2 12.8-35.5 29.8-35.5 17.1 0 29.6 13 29.6 35.5v29.3c3.5 0.1 7 0.6 10.4 1.2V83C295.7 56.9 279.2 40.4 257.2 40.4M8.7 9.9C3.2 16.6 0 26.5 0 39.7v76.3l10.5 0V51.4h57v71c3.7 1.7 7.2 3.7 10.5 6V40.9H10.5v-1.2c0.5-23.2 9.7-28.8 19.1-29.2h48.4V0H29.6C22 0 14.2 3.1 8.7 9.9M107.3 137.6c3.2-3.5 6.8-6.7 10.6-9.5V0.2h-10.6V137.6z"/><path d="M37.7 239H0.3c-0.1 0-0.2-0.1-0.2-0.2V128.9c0-0.1 0.1-0.2 0.2-0.2h37.2c29.5 0 53.5 20.8 56.3 49.4C97.2 210.8 70.6 239 37.7 239M35.7 147.4H21c-0.1 0-0.2 0.1-0.2 0.2v72.5c0 0.1 0.1 0.2 0.2 0.2h14.7c20.5 0 37.3-15.7 37.3-36.4C72.9 163.1 56.2 147.4 35.7 147.4"/><path d="M159.5 240.3c-31.8 0-57.5-25.2-57.5-56.5 0-31.3 25.7-56.5 57.5-56.5 31.8 0 57.5 25.2 57.5 56.5C217 215.1 191.3 240.3 159.5 240.3M159.5 146.7c-20.2 0-36.3 16.2-36.3 37.1 0 20.9 16.1 37.1 36.3 37.1s36.3-16.2 36.3-37.1C195.8 163 179.7 146.7 159.5 146.7"/><path d="M282.4 240.3c-31.6 0-57.5-25.2-57.5-56.5 0-31.5 26.2-56.5 57.5-56.5 13.9 0 26.2 4.8 37.6 14.1l-7.8 9.7c-2.4 3-6.6 3.7-9.8 1.7 -7.7-4.7-13.1-6.1-20-6.1 -20 0-36.3 16.2-36.3 37.1 0 20.9 16.2 37.1 36.3 37.1 6.6 0 12.3-1.6 19.8-6.1 3.3-2 7.5-1.2 9.9 1.7l8 10C305.9 237.2 295.2 240.3 282.4 240.3"/><rect x="145.7" y="0.3" width="162.4" height="19.2"/> </svg> </a> <form class="d-flex flex-grow-1" id="SearchForm_Full" method="post" action="/4DACTION/w_search_full"> <div class="input-group input-group-navbar input-group-rs d-flex flex-nowrap"> <input type="text" class="form-control" placeholder="Rechercher dans l’ensemble du site" aria-label="Search" id="rech_simple" name="rech_simple"> <input type="hidden" id="rech_uukey" name="rech_uukey" value=""> <input type="hidden" id="rech_table" name="rech_table" value=""> <div class="input-group-append"> <button class="btn" type="submit"> <i class="align-self-center" data-feather="search"></i> </button> </div> </div> </form> </div> </li> <li class="nav-item"> <div class="d-flex justify-content-end">  <div class="d-flex align-items-center pr-3 text-lg"> <a href="https://vimeo.com/688426555" target="_blank" class="d-none d-xl-inline-block"> <img src="/img/photos/clip_valid.jpg" alt="clip" width="56" height="32"> </a> </div>  <div class="d-flex align-items-center pr-3 text-lg"> <a href="/4DACTION/w_Lettre" class="btn btn-lgx btn-outline-light smallCaps ffPNB d-none d-xl-inline-block">  <i class="fas fa-newspaper align-self-center mr-2"></i> lettre d'information </a> </div> <div class="d-flex align-items-center rounded-lg pr-3">  <a data-toggle="modal" data-target="#ModalConnexion" class="btn btn-lgx btn-outline-light d-none d-md-inline-block smallCaps ffPNB"><i class="fas fa-file-upload mr-3"></i>ajouter une fiche de film </a> </div> <div class=""> <a class="nav-icon dropdown-toggle" href="#" id="" data-toggle="dropdown"> <div class="position-relative"> <i class="fas fa-user align-middle"></i>  </div> </a>  <div class="dropdown-menu dropdown-menu-right"> <a class="dropdown-item" data-toggle="modal" data-target="#ModalConnexion"><i class="align-middle mr-1" data-feather="log-in"></i> Se connecter</a> </div> </div> </div> </li> </ul> </div> </div> </nav> <main class="content"> <div class="container p-0">  <div class="row pb-5" id="recherche_media"> <div class="col-12 d-flex justify-content-between"> <div class="d-flex flex-column"> <h1 class="card-text text-white text_shadow pl-1 pb-0 mb-0 text-uppercase titre_accueil_rubrique ffPNB" style="letter-spacing: -1px;">La médiathèque</h1>  </div> </div> </div> <div class="row" id="media_search"> <div class="col-12"> <div class="card rounded-lg px-2 px-md-4 mb-2 bg-dark-blue"> <div class="card-header pt-2 pb-0 bg-dark-blue"> <h5 class="titre_accueil_rubrique card-title ffPNC text-blanc pt-3">Rechercher</h5> </div> <div class="card-body pt-0"> <form id="searchForm_Media"> <div class="form-group col-12 text-blanc px-0"> <label for="recherche_1">Mot(s)</label> <div class="input-group"> <input name="input_mediamot" type="text" class="form-control form-control-festivals" id="recherche_1" placeholder="Exemples : Films invisibles, poésie, photographie…" style="height: calc(1.840625rem + 6px);"> <span class="input-group-append"> <button type="submit" class="btn btn-outline-light text-uppercase align-middle mr-4 ffPNB" style="letter-spacing:0px;"><i class="fas fa-search mr-2"></i>Rechercher</button> </span> </div> </div> </form> </div> </div> </div> </div> <div class="row" id="media_resultat" style="display: none;"> <div class="col-12"> <div class="card rounded-lg bg-primary mb-2"> <div class="card-body"> <div class="d-flex justify-content-between flex-wrap"> <div id="media_critere"> </div> <div class="pt-2 pt-md-0 d-flex flex-wrap justify-content-between"> <div class="align-self-center mr-3 pb-2"><a class="btn btn-dark-blue btn-lg ffPNB" href="javascript:les_medias_search();" role="button"><i class="fas fa-search mr-2"></i>Nouvelle recherche</a></div> <div class="align-self-center pb-2"><a class="btn btn-outline-light btn-lg ffPNB text-actusx" data-toggle="modal" data-target="#ModalEnregistrerMediatheque"><i class="mr-2 fas fa-fw fa-plus-circle fa-lg"></i>Ajouter aux favoris</a></div> </div> </div> </div> </div> </div> </div> <form> <div class="row pb-2"> <div class="col-12 mb-2"> <div class="card bg-primary rounded-lg mb-2">  <div class="card-header d-flex flex-column flex-md-row justify-content-between bg-primary rounded-bottom"> <div class="form-inline pb-2 py-sm-3 py-lg-2">  <div class="d-flex flex-row flex-wrap justify-content-start ffPNB text-blanc"> <a id="media_lien_tout" href="javascript:les_medias('tout');" class="text-blanc"> <span class="mr-3">Tout <span class="ffPNR" id="media_nb_tout">(624)</span></span> </a> <a id="media_lien_voir" href="javascript:les_medias('voir');" class="text-blanc link-editorial"> <span class="mr-3">À voir <span class="ffPNR" id="media_nb_voir">(61)</span></span> </a> <a id="media_lien_ecouter" href="javascript:les_medias('ecouter');" class="text-blanc link-editorial"> <span class="mr-3">À écouter <span class="ffPNR" id="media_nb_ecouter">(104)</span></span> </a> <a id="media_lien_lire" href="javascript:les_medias('lire');" class="text-blanc link-editorial"> <span class="mr-3">À lire <span class="ffPNR" id="media_nb_lire">(459)</span></span> </a> </div> </div>  <div class="form-inline pb-2 py-sm-3 py-lg-2"> <span class="mr-2 text-blanc">Trier par : </span> <select class="custom-select custom-select-sm" onchange="myChangeHandler.apply(this);" id='tabTri' name='tabTri'><OPTION VALUE='javascript:les_medias_tries(1)' SELECTED>Du plus récent au plus ancien</option><OPTION VALUE='javascript:les_medias_tries(2)'>Du plus ancien au plus récent</option></select> </div> </div> </div> </div> </div> </form> <div class="row pb-3" id="media_liste"> <div class="col-12 col-md-4 col-lg-4 mb-3"> <div class="card"> <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/902"> <div class="position-relative"> <div class="play_icon position-relative"> <img src='https://images-film-documentaire.fr/mediatheque/0E6/3695E33B226646A6AB808532F7DD60E6.jpg' class="card-img-top play_icon_img" alt=""> </div> </div> <div class="card-header"> <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Lecture</span></div> <h3 class="mb-0 ffPNB titres_link">Polémique Politique Pouvoir</h3> <div class="text-muted mb-0">Pier Paolo Pasolini, Conversations avec Gideon Bachmann, Éditions Critiques, 2024</div> </div> </a> <div class="card-body pt-0"> <p class="card-text mb-0 pb-2"><span style="font-size:13pt">Les conversations entre Pier Paolo Pasolini et Gideon Bachmann réunies dans ce livre sont longtemps restées confidentielles et n'ont été publiées en Italie qu'en 2015. Elles sont traduites en français pour la première fois par Fabien Trémeau.</span></p> <a href="/4DACTION/w_fiche_media/902" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 mb-3"> <div class="card"> <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/901"> <div class="position-relative"> <div class="play_icon position-relative"> <i class="align-middle fas fa-fw fa-play-circle fa-4x"></i><img src='https://images-film-documentaire.fr/mediatheque/69E/EAF5E592633E4043A3EB65C64D39669E.jpg' class="card-img-top play_icon_img" alt=""> </div> </div> <div class="card-header"> <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Podcast</span></div> <h3 class="mb-0 ffPNB titres_link">"Poésie et politique marchent ensemble"</h3> <div class="text-muted mb-0">Mati Diop sur France Inter</div> </div> </a> <div class="card-body pt-0"> <p class="card-text mb-0 pb-2"><span style="font-size:13pt">La réalisatrice et productrice Mati Diop, lauréate de l'Ours d'or du meilleur film à la Berlinale en février 2024 pour son documentaire <span style="font-style:italic">Dahomey</span> qui vient de sortir en salle, était l'invitée de l'émission <span style="font-style:italic">La 20e heure</span> sur France Inter.</span></p> <a href="/4DACTION/w_fiche_media/901" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 mb-3"> <div class="card"> <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/900"> <div class="position-relative"> <div class="play_icon position-relative"> <i class="align-middle fas fa-fw fa-play-circle fa-4x"></i><img src='https://images-film-documentaire.fr/mediatheque/0FB/29580922E43D43EFAAE70A54259B20FB.jpg' class="card-img-top play_icon_img" alt=""> </div> </div> <div class="card-header"> <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Podcast</span></div> <h3 class="mb-0 ffPNB titres_link">À la rencontre de Jean-Daniel Pollet pour son film "Dieu sait quoi"</h3> <div class="text-muted mb-0">Les Nuits de France Culture</div> </div> </a> <div class="card-body pt-0"> <p class="card-text mb-0 pb-2"><span style="font-size:13pt">En 1997, dans l'<span style="font-style:italic">Atelier de la création radiophonique</span> qui lui est consacré, Jean-Daniel Pollet revient en détail sur l'écriture, la préparation, le tournage et le montage de son film <span style="font-style:italic">Dieu sait quoi</span>, une adaptation libre des poèmes de Francis Ponge.</span></p> <a href="/4DACTION/w_fiche_media/900" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 mb-3"> <div class="card"> <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/899"> <div class="position-relative"> <div class="play_icon position-relative"> <img src='https://images-film-documentaire.fr/mediatheque/E2D/A88D885A4C99413EA738DC56D194AE2D.jpg' class="card-img-top play_icon_img" alt=""> </div> </div> <div class="card-header"> <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Lecture</span></div> <h3 class="mb-0 ffPNB titres_link">Chris Marker. Survivances de "Zapping Zone". Catacombes et lumières</h3> <div class="text-muted mb-0">Marcella Lista, Éditions Centre Pompidou, 2024</div> </div> </a> <div class="card-body pt-0"> <p class="card-text mb-0 pb-2"><span style="font-size:13pt">Cet ouvrage retrace le projet de recherche en conservation et restauration qui a abouti, en 2021, à une présentation au plus près de la première version de <span style="font-style:italic">Zapping Zone</span>, une installation de Chris Marker mêlant vidéo, informatique et photographie.</span></p> <a href="/4DACTION/w_fiche_media/899" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 mb-3"> <div class="card"> <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/898"> <div class="position-relative"> <div class="play_icon position-relative"> <img src='https://images-film-documentaire.fr/mediatheque/2F8/82B8A9C906A542CAB4F062CF500B02F8.jpg' class="card-img-top play_icon_img" alt=""> </div> </div> <div class="card-header"> <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Lecture</span></div> <h3 class="mb-0 ffPNB titres_link">Avez-vous peur du cinéma ? Chroniques (1919-1931), Germaine Dulac</h3> <div class="text-muted mb-0">Æncrages & Co, Collection Feux, 2024</div> </div> </a> <div class="card-body pt-0"> <p class="card-text mb-0 pb-2"><span style="font-size:13pt">Cet ouvrage rassemble une dizaine d’écrits théoriques, des articles, les scénarios de deux ciné-poèmes et des photogrammes extraits des films de Germaine Dulac.</span></p> <a href="/4DACTION/w_fiche_media/898" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 mb-3"> <div class="card"> <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/897"> <div class="position-relative"> <div class="play_icon position-relative"> <i class="align-middle fas fa-fw fa-play-circle fa-4x"></i><img src='https://images-film-documentaire.fr/mediatheque/C63/E6A7AAA6A82049CCB5E168919F247C63.jpg' class="card-img-top play_icon_img" alt=""> </div> </div> <div class="card-header"> <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Podcast</span></div> <h3 class="mb-0 ffPNB titres_link">Ça m'a fait plaisir d'avoir pu rendre Rameau à la rue</h3> <div class="text-muted mb-0">Clément Cogitore sur France Culture</div> </div> </a> <div class="card-body pt-0"> <p class="card-text mb-0 pb-2"><span style="font-size:13pt">Depuis presque une vingtaine d'années, l'artiste contemporain et réalisateur Clément Cogitore manipule les images. Films, installations, vidéos, mises en scène... Il était invité dans l'émission <span style="font-style:italic">Affaires culturelles</span> pour parler de sa pratique et de ses arts.</span></p> <a href="/4DACTION/w_fiche_media/897" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 mb-3"> <div class="card"> <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/896"> <div class="position-relative"> <div class="play_icon position-relative"> <img src='https://images-film-documentaire.fr/mediatheque/644/3BA1D555982C4390AE131874661E5644.jpg' class="card-img-top play_icon_img" alt=""> </div> </div> <div class="card-header"> <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Lecture</span></div> <h3 class="mb-0 ffPNB titres_link">Films, photographies, œuvres plastiques et photogrammes de Jean-Claude Rousseau</h3> <div class="text-muted mb-0">Les Éditions de l'œil, La Traverse, 2024</div> </div> </a> <div class="card-body pt-0"> <p class="card-text mb-0 pb-2"><span style="font-size:13pt">Les Éditions de l'œil et La Traverse co-éditent 3 livres-dvd consacrés à Jean-Claude Rousseau avec des textes de Cyril Neyrat, Mathieu Macheret et Fabrice Lauterjung.</span></p> <a href="/4DACTION/w_fiche_media/896" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 mb-3"> <div class="card"> <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/895"> <div class="position-relative"> <div class="play_icon position-relative"> <i class="align-middle fas fa-fw fa-play-circle fa-4x"></i><img src='https://images-film-documentaire.fr/mediatheque/0ED/D3339DCA81DB4421A3140B5256D260ED.jpg' class="card-img-top play_icon_img" alt=""> </div> </div> <div class="card-header"> <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Podcast</span></div> <h3 class="mb-0 ffPNB titres_link">André Bazin, la conscience critique </h3> <div class="text-muted mb-0">Les Nuits de France Culture</div> </div> </a> <div class="card-body pt-0"> <p class="card-text mb-0 pb-2"><span style="font-size:13pt">Qui était André Bazin ? Quel héritage a-t-il laissé aux spectateurs de cinéma et à ceux qui le font ? Ce sont les questions auxquelles Albane Penaranda essaye de répondre dans ce programme d'archives qui s'intéresse à l'histoire d'André Bazin, à sa formation, ses engagements et au travail titanesque de l'écrivain de cinéma qu'il fut.</span></p> <a href="/4DACTION/w_fiche_media/895" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 mb-3"> <div class="card"> <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/894"> <div class="position-relative"> <div class="play_icon position-relative"> <img src='https://images-film-documentaire.fr/mediatheque/AC3/3F2CEC77973B4C43A86165EC9DC24AC3.jpg' class="card-img-top play_icon_img" alt=""> </div> </div> <div class="card-header"> <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Lecture</span></div> <h3 class="mb-0 ffPNB titres_link">Libertés d'écoute - Le son, véhicule de la relation</h3> <div class="text-muted mb-0">Daniel Deshays, Éditions MF, 2023</div> </div> </a> <div class="card-body pt-0"> <p class="card-text mb-0 pb-2"><span style="font-size:13pt">Réalisateur sonore de nombreuses œuvres théâtrales, cinématographiques et discographiques, Daniel Deshays est l’un des principaux théoriciens des territoires du sonore au cinéma. Ce livre rassemble ses textes écrits sur une période d'une vingtaine d'années, récents et inédits ou plus anciens, édités mais non disponibles.</span></p> <a href="/4DACTION/w_fiche_media/894" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 mb-3"> <div class="card"> <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/892"> <div class="position-relative"> <div class="play_icon position-relative"> <i class="align-middle fas fa-fw fa-play-circle fa-4x"></i><img src='https://images-film-documentaire.fr/mediatheque/95A/9B836289F9E74CED96FF3B477911495A.jpg' class="card-img-top play_icon_img" alt=""> </div> </div> <div class="card-header"> <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Podcast</span></div> <h3 class="mb-0 ffPNB titres_link">Les podcasts de la 46e édition de Cinéma du réel </h3> <div class="text-muted mb-0"></div> </div> </a> <div class="card-body pt-0"> <p class="card-text mb-0 pb-2"><span style="font-size:13pt">Pour sa 46e édition, Cinéma du réel a proposé une offre élargie de rencontres et débats qu’il est désormais possible de (ré)écouter sous forme de podcasts.</span></p> <a href="/4DACTION/w_fiche_media/892" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 mb-3"> <div class="card"> <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/891"> <div class="position-relative"> <div class="play_icon position-relative"> <img src='https://images-film-documentaire.fr/mediatheque/A19/27B3AAAFDC0547C0A645425C44FFDA19.jpg' class="card-img-top play_icon_img" alt=""> </div> </div> <div class="card-header"> <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Lecture</span></div> <h3 class="mb-0 ffPNB titres_link">La production audiovisuelle aidée en 2023</h3> <div class="text-muted mb-0">Étude CNC</div> </div> </a> <div class="card-body pt-0"> <p class="card-text mb-0 pb-2"><span style="font-size:13pt">Le CNC publie une étude prospective sur la production audiovisuelle aidée de l'année écoulée.</span></p> <a href="/4DACTION/w_fiche_media/891" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 mb-3"> <div class="card"> <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/889"> <div class="position-relative"> <div class="play_icon position-relative"> <img src='https://images-film-documentaire.fr/mediatheque/A80/E8B8DA3B8EA94382819A2658E9F1AA80.jpg' class="card-img-top play_icon_img" alt=""> </div> </div> <div class="card-header"> <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Lecture</span></div> <h3 class="mb-0 ffPNB titres_link">André Bazin, Écrits complets</h3> <div class="text-muted mb-0">Hervé Joubert-Laurencin, Éditions Macula, 2018</div> </div> </a> <div class="card-body pt-0"> <p class="card-text mb-0 pb-2"><span style="font-size:13pt"><span style="font-style:italic">"André Bazin est l’auteur célébré d’une œuvre restée largement méconnue."</span> Entre décembre 1942 et novembre 1958, André Bazin a écrit 2.700 textes sur le cinéma et la télévision, qui ont paru dans divers titres de presse. Une équipe de chercheurs les a tous compilés, et c’est le fruit de cette recherche que les Éditions Macula présentent dans ces<span style="font-style:italic"> Écrits complets</span>.<br/><br/></span></p> <a href="/4DACTION/w_fiche_media/889" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 mb-3"> <div class="card"> <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/887"> <div class="position-relative"> <div class="play_icon position-relative"> <img src='https://images-film-documentaire.fr/mediatheque/637/358E4AF808BE4743AC74B133067DB637.jpg' class="card-img-top play_icon_img" alt=""> </div> </div> <div class="card-header"> <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Lecture</span></div> <h3 class="mb-0 ffPNB titres_link">Quel impact de l’IA sur les filières du cinéma, de l’audiovisuel et du jeu vidéo ?</h3> <div class="text-muted mb-0">Étude menée par le CNC et BearingPoint</div> </div> </a> <div class="card-body pt-0"> <p class="card-text mb-0 pb-2"><span style="font-size:13pt">L'étude a pour but de produire une photographie des cas d’usages de l’IA dans le cinéma, l’audiovisuel et le jeu vidéo et des impacts pressentis sur ces filières.</span></p> <a href="/4DACTION/w_fiche_media/887" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 mb-3"> <div class="card"> <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/886"> <div class="position-relative"> <div class="play_icon position-relative"> <i class="align-middle fas fa-fw fa-play-circle fa-4x"></i><img src='https://images-film-documentaire.fr/mediatheque/F0E/DD55D49D646E43439C4BF4C603CF9F0E.jpg' class="card-img-top play_icon_img" alt=""> </div> </div> <div class="card-header"> <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Podcast</span></div> <h3 class="mb-0 ffPNB titres_link">L'écologie et la pratique du cinéma</h3> <div class="text-muted mb-0">La SRF lance son podcast</div> </div> </a> <div class="card-body pt-0"> <p class="card-text mb-0 pb-2"><span style="font-size:13pt">Les cinéastes de la SRF, désireux de s’engager en faveur d’une plus grande responsabilité écologique, lancent un podcast en six épisodes.</span></p> <a href="/4DACTION/w_fiche_media/886" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 mb-3"> <div class="card"> <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/885"> <div class="position-relative"> <div class="play_icon position-relative"> <i class="align-middle fas fa-fw fa-play-circle fa-4x"></i><img src='https://images-film-documentaire.fr/mediatheque/EAF/DDAECBDA1783490E956286002F9D6EAF.jpg' class="card-img-top play_icon_img" alt=""> </div> </div> <div class="card-header"> <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Podcast</span></div> <h3 class="mb-0 ffPNB titres_link">Robert Bober, la ronde et le puzzle</h3> <div class="text-muted mb-0">À voix nue sur France Culture</div> </div> </a> <div class="card-body pt-0"> <p class="card-text mb-0 pb-2"><span style="font-size:13pt">Réalisateur et écrivain, auteur de huit romans et récits, réalisateur d’une centaine de films pour la télévision, Robert Bober était invité dans l'émission <span style="font-style:italic">À voix nue</span>.</span></p> <a href="/4DACTION/w_fiche_media/885" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 mb-3"> <div class="card"> <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/888"> <div class="position-relative"> <div class="play_icon position-relative"> <i class="align-middle fas fa-fw fa-play-circle fa-4x"></i><img src='https://images-film-documentaire.fr/mediatheque/B47/AB6D43C741DC454394FD9CDFCA45BB47.jpg' class="card-img-top play_icon_img" alt=""> </div> </div> <div class="card-header"> <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Table ronde</span></div> <h3 class="mb-0 ffPNB titres_link">La place des festivals dans l'économie du documentaire</h3> <div class="text-muted mb-0">Documentaire sur grand écran</div> </div> </a> <div class="card-body pt-0"> <p class="card-text mb-0 pb-2"><span style="font-size:13pt">Avec une rencontre autour de la place des festivals dans l'économie du documentaire, Documentaire sur grand écran continue ses rendez-vous réguliers autour de questions liées au cinéma documentaire.</span></p> <a href="/4DACTION/w_fiche_media/888" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 mb-3"> <div class="card"> <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/884"> <div class="position-relative"> <div class="play_icon position-relative"> <img src='https://images-film-documentaire.fr/mediatheque/02E/2AEA65C7DEE04D3A8AA07318A4EF102E.jpg' class="card-img-top play_icon_img" alt=""> </div> </div> <div class="card-header"> <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Lecture</span></div> <h3 class="mb-0 ffPNB titres_link">Les Cahiers d'Addoc n°3 et n°4</h3> <div class="text-muted mb-0"></div> </div> </a> <div class="card-body pt-0"> <p class="card-text mb-0 pb-2"><span style="font-size:13pt">Addoc sort deux nouvelles publications issues de sa collection <span style="font-style:italic">Les Cahiers d'Addoc</span>. Chaque publication retranscrit un débat mené au Cinéma du réel.</span></p> <a href="/4DACTION/w_fiche_media/884" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 mb-3"> <div class="card"> <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/883"> <div class="position-relative"> <div class="play_icon position-relative"> <i class="align-middle fas fa-fw fa-play-circle fa-4x"></i><img src='https://images-film-documentaire.fr/mediatheque/FCD/93C1993346B74C9BA875BBEF231D8FCD.jpg' class="card-img-top play_icon_img" alt=""> </div> </div> <div class="card-header"> <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Podcast</span></div> <h3 class="mb-0 ffPNB titres_link">Je suis arrivé assez naïvement dans le monde du documentaire</h3> <div class="text-muted mb-0">Nicolas Peduzzi sur France Culture</div> </div> </a> <div class="card-body pt-0"> <p class="card-text mb-0 pb-2"><span style="font-size:13pt">À l'occasion de la sortie en salles de son film <span style="font-style:italic">État limite</span>, Nicolas Peduzzi était invité dans l'émission <span style="font-style:italic">Affaires culturelles</span> sur France Culture.</span></p> <a href="/4DACTION/w_fiche_media/883" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 mb-3"> <div class="card"> <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/882"> <div class="position-relative"> <div class="play_icon position-relative"> <img src='https://images-film-documentaire.fr/mediatheque/97A/C77DCAB39074486983F6DA12AB90997A.jpg' class="card-img-top play_icon_img" alt=""> </div> </div> <div class="card-header"> <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Lecture</span></div> <h3 class="mb-0 ffPNB titres_link">Henri Storck et les peintres ostendais</h3> <div class="text-muted mb-0">Patrick Vanslambrouck, Raoul Servais, Les éditions Snoeck, 2024</div> </div> </a> <div class="card-body pt-0"> <p class="card-text mb-0 pb-2"><span style="font-size:13pt">Henri Storck grandit à Ostende, à l'heure où James Ensor, Léon Spilliaert et Constant Permeke y sont au sommet de leur carrière. De même que les peintres ont capturé Ostende, la mer, la plage et les pêcheurs, Storck se saisit des mêmes sujets dans des images animées. (Source : quatrième de couverture)</span></p> <a href="/4DACTION/w_fiche_media/882" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 mb-3"> <div class="card"> <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/881"> <div class="position-relative"> <div class="play_icon position-relative"> <img src='https://images-film-documentaire.fr/mediatheque/DE9/ADC63BA9BBE3474680A7177FB54B0DE9.jpg' class="card-img-top play_icon_img" alt=""> </div> </div> <div class="card-header"> <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Lecture</span></div> <h3 class="mb-0 ffPNB titres_link">Chantal Akerman - Œuvre écrite et parlée</h3> <div class="text-muted mb-0">Cyril Béghin, Éditions L'Arachnéen, 2024</div> </div> </a> <div class="card-body pt-0"> <p class="card-text mb-0 pb-2"><span style="font-size:13pt">Cyril Béghin a rassemblé en deux volumes l'intégralité de l'œuvre écrite et parlée de Chantal Akerman, qui comprend des scénarios, des synopsis, des notes d'intention, des textes pour les voix off de ses films, une pièce de théâtre, des entretiens, entre autres. Un troisième volume est consacré à l'édition critique.</span></p> <a href="/4DACTION/w_fiche_media/881" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 mb-3"> <div class="card"> <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/880"> <div class="position-relative"> <div class="play_icon position-relative"> <img src='https://images-film-documentaire.fr/mediatheque/48A/CCA68D30FA20468CACA3A4360069148A.jpg' class="card-img-top play_icon_img" alt=""> </div> </div> <div class="card-header"> <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Lecture</span></div> <h3 class="mb-0 ffPNB titres_link">Cinéma du corps, cinéma du cerveau</h3> <div class="text-muted mb-0">Deleuze aux frontières de la spectatorialité, Éditions Mimésis, 2024</div> </div> </a> <div class="card-body pt-0"> <p class="card-text mb-0 pb-2"><span style="font-size:13pt">Un panel d'auteurs interroge la pensée deleuzienne du septième art et des images en mouvement quant à sa conception du cerveau et de sa tacite spectatorialité, en la confrontant notamment à la phénoménologie. (Source : quatrième de couverture)</span></p> <a href="/4DACTION/w_fiche_media/880" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 mb-3"> <div class="card"> <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/879"> <div class="position-relative"> <div class="play_icon position-relative"> <img src='https://images-film-documentaire.fr/mediatheque/C25/FCBB90DF1850445794B9728412A0DC25.jpg' class="card-img-top play_icon_img" alt=""> </div> </div> <div class="card-header"> <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Lecture</span></div> <h3 class="mb-0 ffPNB titres_link">Le cinéma de Jean-Louis Comolli, parole et utopie</h3> <div class="text-muted mb-0">Éditions Warm, 2024</div> </div> </a> <div class="card-body pt-0"> <p class="card-text mb-0 pb-2"><span style="font-size:13pt">Jean-Louis Comolli n’a eu de cesse de donner la parole à ses interlocuteurs, de les écouter, de leur donner la réplique. C’est ce qu’universitaires, cinéastes et amis de Jean-Louis Comolli explorent dans les textes et entretiens réunis dans cet ouvrage.</span></p> <a href="/4DACTION/w_fiche_media/879" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 mb-3"> <div class="card"> <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/878"> <div class="position-relative"> <div class="play_icon position-relative"> <img src='https://images-film-documentaire.fr/mediatheque/EC3/DF8158A884A04A80A1B2871AEAF31EC3.jpg' class="card-img-top play_icon_img" alt=""> </div> </div> <div class="card-header"> <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Lecture</span></div> <h3 class="mb-0 ffPNB titres_link">Wang Bing. L'acte infini d'image</h3> <div class="text-muted mb-0">Anthropologie d'un art post-documentaire, Julie Savelli, Les éditions Hermann, 2024</div> </div> </a> <div class="card-body pt-0"> <p class="card-text mb-0 pb-2"><span style="font-size:13pt">L'ouvrage de Julie Savelli est accompagné d'un entretien avec Wang Bing et d'un cahier iconographique des œuvres du cinéaste.</span></p> <a href="/4DACTION/w_fiche_media/878" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 mb-3"> <div class="card"> <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/877"> <div class="position-relative"> <div class="play_icon position-relative"> <img src='https://images-film-documentaire.fr/mediatheque/18A/4BCFDCCE1FF545CDB49DF409C41C718A.jpg' class="card-img-top play_icon_img" alt=""> </div> </div> <div class="card-header"> <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Lecture</span></div> <h3 class="mb-0 ffPNB titres_link">Corps à corps</h3> <div class="text-muted mb-0">Images documentaires n°112, mars 2024</div> </div> </a> <div class="card-body pt-0"> <p class="card-text mb-0 pb-2"><span style="font-size:13pt">Sous le titre <span style="font-style:italic">Corps à corps</span>, le dernier numéro d'<span style="font-style:italic">Images documentaires</span> s'intéresse aux cinéastes qui passent devant la caméra dans leurs films.</span></p> <a href="/4DACTION/w_fiche_media/877" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 mb-3"> <div class="card"> <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/876"> <div class="position-relative"> <div class="play_icon position-relative"> <img src='https://images-film-documentaire.fr/mediatheque/083/3EF40FA1DE74454BBB18BD37481F2083.jpg' class="card-img-top play_icon_img" alt=""> </div> </div> <div class="card-header"> <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Lecture</span></div> <h3 class="mb-0 ffPNB titres_link">Réalités des tournages documentaires</h3> <div class="text-muted mb-0">Étude de l'Union des Chefs Opérateurs (UCO)</div> </div> </a> <div class="card-body pt-0"> <p class="card-text mb-0 pb-2"><span style="font-size:13pt">À travers une série de 110 questions précises, l’étude menée en ligne par l’UCO entre juin et décembre 2023 a recueilli les témoignages de 238 professionnel.le.s du documentaire français, dévoilant un panorama détaillé de leur environnement de travail.</span></p> <a href="/4DACTION/w_fiche_media/876" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 mb-3"> <div class="card"> <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/875"> <div class="position-relative"> <div class="play_icon position-relative"> <i class="align-middle fas fa-fw fa-play-circle fa-4x"></i><img src='https://images-film-documentaire.fr/mediatheque/9E8/C2160AB7DE554F42A32B65F351F399E8.jpg' class="card-img-top play_icon_img" alt=""> </div> </div> <div class="card-header"> <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Table ronde</span></div> <h3 class="mb-0 ffPNB titres_link">Qu'apporte l'animation au documentaire ?</h3> <div class="text-muted mb-0">Documentaire sur grand écran</div> </div> </a> <div class="card-body pt-0"> <p class="card-text mb-0 pb-2"><span style="font-size:13pt">Depuis l'automne 2023, Documentaire sur grand écran propose des rencontres qui s’adressent aux professionnels et au grand public autour de questions liées au cinéma documentaire. </span></p> <a href="/4DACTION/w_fiche_media/875" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 mb-3"> <div class="card"> <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/874"> <div class="position-relative"> <div class="play_icon position-relative"> <i class="align-middle fas fa-fw fa-play-circle fa-4x"></i><img src='https://images-film-documentaire.fr/mediatheque/413/7D89A90D2F5649BBA7E071CAD84FD413.jpg' class="card-img-top play_icon_img" alt=""> </div> </div> <div class="card-header"> <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Podcast</span></div> <h3 class="mb-0 ffPNB titres_link">Le seul intérêt de faire du cinéma c'est d'inventer une langue à chaque film</h3> <div class="text-muted mb-0">Arnaud des Pallières sur France Culture</div> </div> </a> <div class="card-body pt-0"> <p class="card-text mb-0 pb-2"><span style="font-size:13pt">Invité dans l'émission <span style="font-style:italic">Affaires culturelles</span>, Arnaud des Pallières revient sur son parcours et parle de ce qui nourrit son art.</span></p> <a href="/4DACTION/w_fiche_media/874" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 mb-3"> <div class="card"> <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/873"> <div class="position-relative"> <div class="play_icon position-relative"> <img src='https://images-film-documentaire.fr/mediatheque/D58/34FC6012FA1E442C90BF37F3815C0D58.jpg' class="card-img-top play_icon_img" alt=""> </div> </div> <div class="card-header"> <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Lecture</span></div> <h3 class="mb-0 ffPNB titres_link">Boris Vassilievitch Barnet</h3> <div class="text-muted mb-0">Bernard Eisenschitz, Les Éditions de l'œil, 2024</div> </div> </a> <div class="card-body pt-0"> <p class="card-text mb-0 pb-2"><span style="font-size:13pt">Bernard Eisenschitz présente dans cet ouvrage la vie et de l’œuvre du cinéaste russe Boris Barnet.<br/></span></p> <a href="/4DACTION/w_fiche_media/873" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 mb-3"> <div class="card"> <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/872"> <div class="position-relative"> <div class="play_icon position-relative"> <i class="align-middle fas fa-fw fa-play-circle fa-4x"></i><img src='https://images-film-documentaire.fr/mediatheque/4D0/A21C0EFB4CFF4725ABBE5087738194D0.jpg' class="card-img-top play_icon_img" alt=""> </div> </div> <div class="card-header"> <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Table ronde</span></div> <h3 class="mb-0 ffPNB titres_link">Les web-rencontres d'ADDOC</h3> <div class="text-muted mb-0">L'association des cinéastes documentaristes</div> </div> </a> <div class="card-body pt-0"> <p class="card-text mb-0 pb-2"><span style="font-size:13pt">ADDOC organise régulièrement des web-rencontres autour du cinéma documentaire pour renforcer les liens entre réalisateurs et réalisatrices de documentaires et leurs partenaires professionnels. </span></p> <a href="/4DACTION/w_fiche_media/872" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 mb-3"> <div class="card"> <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/870"> <div class="position-relative"> <div class="play_icon position-relative"> <i class="align-middle fas fa-fw fa-play-circle fa-4x"></i><img src='https://images-film-documentaire.fr/mediatheque/B89/4C12D792CBCB4FCB8AB3D41AA620DB89.jpg' class="card-img-top play_icon_img" alt=""> </div> </div> <div class="card-header"> <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Podcast</span></div> <h3 class="mb-0 ffPNB titres_link">Ouvrir les yeux, avec le cinéaste Wang Bing</h3> <div class="text-muted mb-0">Affaires Culturelles sur France Culture</div> </div> </a> <div class="card-body pt-0"> <p class="card-text mb-0 pb-2"><span style="font-size:13pt">Cinéaste dont l’œuvre ausculte depuis vingt ans la Chine contemporaine, ses plaies et ses oubliés, Wang Bing revient dans les salles avec <span style="font-style:italic">Jeunesse (Le Printemps)</span>, ainsi que <span style="font-style:italic">Man in Black</span>, prochainement diffusé sur Arte.</span></p> <a href="/4DACTION/w_fiche_media/870" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> </div> </div> </div> <div class="col-12 py-2"><nav aria-label="Pagination de la liste des résultats"><ul class="pagination pagination-sm justify-content-center flex-wrap ffPNB"><li class='page-item disabled'><a class='page-link' href='#' aria-label='Précédent' tabindex='-1' aria-disabled='true'><i class='fas fa-angle-left fa-lg align-middle'></i></a></li><li class='page-item active' aria-current='Page en cours d'affichage'><a class='page-link' href=javascript:les_medias_page('media_1');>1<span class='sr-only'>Page actuelle</span></a></li><li class='page-item'><a class='page-link text-films' href=javascript:les_medias_page('media_2');>2</a></li><li class='page-item'><a class='page-link text-films' href=javascript:les_medias_page('media_3');>3</a></li><li class='page-item'><a class='page-link text-films' href=javascript:les_medias_page('media_4');>4</a></li><li class='page-item'><a class='page-link text-films' href=javascript:les_medias_page('media_5');>5</a></li><li class='page-item'><a class='page-link text-films' href=javascript:les_medias_page('media_2'); aria-label='Suivant'><i class='fas fa-angle-right fa-lg align-middle'></i></a></li></ul></nav></div> </div> </div> </main> <footer class="footer d-print-none"> <div class="container"> <div class="row pt-2 pb-0"> <div class="col-12"> <div class="card bg-transparent border border-extralight rounded-lg"> <h4 class="h2 px-4 pt-2 pb-2 text-white ffPNC text-uppercase">Soutiens</h4> <div class="slick_soutiens pt-2 pb-2 pb-lg-4"> <div class="px-2 px-md-2 px-lg-3 px-xl-4"> <a href="https://www.cnc.fr/" target="_blank" class="sidebar_link_actus link_in_card_films"> <div class="py-2 px-5"> <img data-lazy="/img/photos/logo_cnc.png" class="img-fluid" alt=""> </div> </a> </div> <div class="px-2 px-md-2 px-lg-3 px-xl-4"> <a href="https://www.procirep.fr/" target="_blank" class="sidebar_link_actus link_in_card_films"> <div class="py-2 px-5"> <img data-lazy="/img/photos/logo_procirep.png" class="img-fluid" alt=""> </div> </a> </div> <div class="px-2 px-md-2 px-lg-3 px-xl-4"> <a href="https://www.scam.fr/" target="_blank" class="sidebar_link_actus link_in_card_films"> <div class="py-2 px-5"> <img data-lazy="/img/photos/logo_scam.png" class="img-fluid" alt=""> </div> </a> </div> <div class="px-2 px-md-2 px-lg-3 px-xl-4"> <a href="https://www.copieprivee.org/" target="_blank" class="sidebar_link_actus link_in_card_films"> <div class="py-2 px-5"> <img data-lazy="/img/photos/logo_copie_privee.png" class="img-fluid" alt=""> </div> </a> </div> </div> </div> </div> </div> <div class="row py-0"> <div class="col-12"> <div class="card bg-transparent border border-extralight rounded-lg text-center"> <h5 class="px-4 py-2 text-white my-0 ffPNR"> <a href="https://cinematheque-documentaire.org" target="_blank" class="sidebar-link sidebar_link_createurs"> <div class="mb-2">Film-documentaire.fr est membre de</div> <img src="/img/photos/logo_cdd.png" class="img-fluid" alt="" width="100" height="auto"> </a> </h5> </div> </div> </div>  <div class="row pb-0 pb-md-3 mb-0"> <div class="col-6 col-md-5 col-lg-5 pt-4"> <div class="h5 text-white pb-2 text-uppercase ffPNB">Contactez-nous</div> <ul class="list-unstyled text-white h6 text-white mb-3"> <li class="list-item pb-2"> <div><span class="pr-2 align-middle text-white">300, route de Mirabel • 07170 Lussas</span></div> </li> <li class="list-item pb-2"> contact@film-documentaire.fr </li> </ul> </div> <div class="col-6 col-md-3 col-lg-2 pt-4"> <div class="h5 text-white pb-2 text-uppercase ffPNB">Suivez-nous</div> <div class="d-flex pt-0"> <a class="pr-5 text-white" href="https://www.facebook.com/filmdocumentaire.fr/" target="_blank"><i class="fab fa-facebook-f fa-2x align-middle"></i></a> <a class="pl-0 text-white" href="https://twitter.com/Film_doc" target="_blank"><i class="fab fa-twitter fa-2x align-middle"></i></a> </div> </div> <div class="col-12 col-md-4 col-lg-5 mb-3 pt-2 pt-md-4 text-md-right"> <a href="/4DACTION/w_Lettre" class="btn btn-lg btn-outline-light smallCaps ffPNB">  <i class="fas fa-newspaper align-self-center mr-2"></i> recevoir la lettre d'information </a>  </div> </div> <div class="row"> <div class="col-12 pt-2"> <ul class="list-inline text-white h6 text-white small"> <li class="list-inline-item pb-3"> <a class="align-middle text-white" href="/4DACTION/w_Mentions"><div><span class="pr-2">Mentions légales</span></div></a> </li> <li class="list-inline-item pb-3"> <a class="align-middle text-white" href="/4DACTION/w_Politique"><div><span class="pr-2">Politique de confidentialité</span></div></a> </li> <li class="list-inline-item pb-3"> <a class="align-middle text-white" href="/4DACTION/w_Credit"><div><span class="pr-2">Crédits</span></div></a> </li> <li class="list-inline-item pb-3"> <span class="pr-2 align-middle text-white">© film-documentaire.fr 2022</span> </li> </ul> </div> </div> </div> </footer> <a id="back-to-top" href="#" class="btn btn-films btn-lg back-to-top rounded-circle" role="button"><i class="fas fa-arrow-up align-self-center pt-2"></i></a> <div class="modal fade" id="ModalConnexion" tabindex="-1" aria-labelledby="Se connnecter" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title ffPNB" id="exampleModalLabel">Se connecter</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-header py-0 my-0"> <div class="small ffPNB d-flex align-items-center">Pas encore de compte ? <button type="button" class="btn btn-link btn-sm" data-dismiss="modal" data-toggle="modal" data-target="#ModalInscription">Créer un compte gratuit</button></div> </div> <form class="form" id="Form_Connexion"> <div class="modal-body"> <div class="form-group"> <label>Mail</label> <input name="input_connexion_email" class="form-control" type="email" placeholder="" required /> </div> <div class="form-group"> <label>Mot de passe</label> <input name="input_connexion_mdp" class="form-control" type="password" placeholder="" required/> <small> <a href="/4DACTION/w_Parametre_Mdp">Mot de passe oublié ?</a> </small> </div> </div> <div class="modal-footer d-flex justify-content-start"> <button type="submit" class="btn btn-primary">Se connecter</button> <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Annuler</button> </div> </form> </div> </div> </div>  <div class="modal fade" id="ModalInscription" tabindex="-1" aria-labelledby="Créer un compte" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title ffPNB" id="exampleModalLabel">Créer un compte</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-header py-0 my-0"> <div class="small ffPNB d-flex align-items-center">Vous avez déjà un compte ? <button type="button" class="btn btn-link btn-sm" data-dismiss="modal" data-toggle="modal" data-target="#ModalConnexion">Se connecter</button></div> </div> <div class="modal-body"> <form class="form" id="Form_Inscription"> <div class="form-group"> <label>Nom</label> <span class="small ml-3 text-muted">Facultatif</span> <input name="input_nom" class="form-control" type="text" name="name" placeholder="" /> </div> <div class="form-group"> <label>Prénom</label> <span class="small ml-3 text-muted">Facultatif</span> <input name="input_prenom" class="form-control" type="text" name="name" placeholder="" /> </div> <div class="form-group"> <label>Mail</label> <input name="input_email" class="form-control" type="email" name="validation-email" placeholder="" required /> </div> <div class="form-group"> <label>Mot de passe</label> <input name="input_mdp" id="mdp" class="form-control" type="password" name="password" placeholder="" required/> </div> <div class="form-group"> <label>Confirmation mot de passe</label> <input name="input_mdpconfirme" id="mdp_confirm" class="form-control" type="password" name="password" placeholder="" required/> </div> <div class="form-check"> <input name="check_lettre" class="form-check-input" type="checkbox" value="" id="abo_lettre"> <label class="form-check-label" for="abo_lettre">Je m'abonne à la lettre d'info mensuelle</label> </div> <div class="modal-footer d-flex justify-content-start"> <button type="submit" class="btn btn-primary">Créer un compte</button> <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Annuler</button> </div> </form> </div> </div> </div> </div> <div class="modal fade" id="ModalEnregistrerFilms_NotLog" tabindex="-1" aria-labelledby="Enregistrer liste films" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title ffPNB" id="exampleModalLabel">Enregistrer les fiches </h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="lead">Connectez-vous pour enregistrer les fiches dans vos listes personnalisées.</div> <div class="text-muted pt-2">Si vous n'avez pas de compte, vous pouvez en créer un gratuitement.</div> </div> <div class="modal-footer d-flex justify-content-start"> <button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#ModalConnexion">Se connecter</button> <button type="button" class="btn btn-outline-primary" data-dismiss="modal" data-toggle="modal" data-target="#ModalInscription">Créer un compte</button> </div> </div> </div> </div>  <div class="modal fade" id="ModalEnregistrerFilms_Log" tabindex="-1" aria-labelledby="Enregistrer liste films" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="exampleModalLabel">Enregistrer dans…</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <form id="Form_Favori" method="post"> <div class="modal-body"> <input type="hidden" name="input_favori_hidden" id="input_favori_hidden" value=""/> <div> <div id="favori_liste"> </div> <a class="ffPNB link-films lead" data-toggle="collapse" href="#collapseNewList" role="button" aria-expanded="false" aria-controls="collapseNewList"><i class="align-middle mr-2 fas fa-fw fa-plus-circle"></i>Créer une nouvelle liste</a> <div class="form-group pt-2 collapse" id="collapseNewList"> <label class="ffPNB">Nouvelle liste</label> <input name="input_favori_newliste" type="text" class="form-control" id="input_favori_newliste" placeholder="Choisissez un nom" style="height: calc(1.840625rem + 6px);"> </div> </div> </div> <div class="modal-footer d-flex justify-content-start"> <button type="submit" class="btn btn-primary">Enregistrer</button> <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Annuler</button> </div> </form> </div> </div> </div>   <div class="modal fade" id="ModalModifierFilm" tabindex="-1" aria-labelledby="Créer un compte" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-sm" role="document"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title ffPNB" id="exampleModalLabel"><i class="align-self-center mr-2 fas fa-edit fa-lg"></i>Signaler une erreur sur la fiche ou compléter ses informations </h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-header py-2 my-0"> <div class="small ffPNB">Vous avez déjà un compte ? <button type="button" class="btn btn-link btn-sm" data-dismiss="modal" data-toggle="modal" data-target="#ModalConnexion">Se connecter</button> <br>Pas encore de compte ? <button type="button" class="btn btn-link btn-sm" data-dismiss="modal" data-toggle="modal" data-target="#ModalInscription">Créer un compte gratuit</button></div> </div> <form class="form" id="Form_Modif"> <div class="modal-body"> <input name="input_modif_codefilm" class="form-control" type="hidden" value=" : Indéfinie" /> <div class="form-group"> <label class="ffPNB" for="nom">Nom</label> <input class="form-control" type="text" placeholder="" /> </div> <div class="form-group"> <label class="ffPNB" for="prenom">Prénom</label> <input class="form-control" type="text" placeholder="" /> </div> <div class="form-group"> <label class="ffPNB" for="validation-email">Mail</label> <input name="input_modif_email" class="form-control" type="email" value="" required /> </div> <div class="form-group"> <label class="ffPNB" for="champModif">Information à modifier et/ou compléter</label> <select name="tabModif" class="form-control select2" id="tabModif" onchange="javascript:modif_info();" data-placeholder="Choisissez dans la liste" style="width: 100%;"> <option>Choisissez dans la liste</option> <option>Titre</option> <option>Titre original</option> <option>Complément de titre</option> <option>Complément de titre original</option> <option>Pays de production</option> <option>Année de production</option> <option>Durée</option> <option>Titre épisode 1</option> <option>Titre original épisode 1</option> <option>Durée épisode 1</option> <option>Titre épisode 2</option> <option>Titre original épisode 2</option> <option>Durée épisode 2</option> <option>Type œuvre</option> <option>Couleur/NB</option> <option>Support de tournage</option> <option>N° ISAN</option> <option>Langue originale</option> <option>Langue sous-titres</option> <option>Date sortie salle</option> <option>Résumé</option> <option>Résumé en anglais</option> <option>Mots-clés thématiques</option> <option>Liens à propos du film</option> <option>Photos</option> <option>Liens vidéo</option> <option>Créateurs</option> <option>Producteurs et autres structures</option> <option>Sélections et distinctions aux festivals</option> </select> </div> <div class="form-group" id="show_info" style="display: none;"> <label for="show_info">Merci de nous faire parvenir votre photo à : <br><span class="ffPNB">modification@film-documentaire.fr</span></label> </div> <div class="form-group"> <label class="ffPNB" for="modif_film">Nouvelle information</label> <textarea name="textarea_modif" class="form-control" rows="3" placeholder="Votre contribution" id="modif_film"></textarea> </div> </div> <div class="modal-footer d-flex justify-content-start"> <button type="submit" class="btn btn-primary">Valider</button> <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Annuler</button> </div> </form> </div> </div> </div>  <div class="modal fade" id="ModalModifierCreateur" tabindex="-1" aria-labelledby="Créer un compte" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-sm"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title ffPNB" id="exampleModalLabel"><i class="align-self-center mr-2 fas fa-edit fa-lg"></i>Signaler une erreur sur la fiche ou compléter ses informations </h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-header py-2 my-0"> <div class="small ffPNB">Vous avez déjà un compte ? <button type="button" class="btn btn-link btn-sm" data-dismiss="modal" data-toggle="modal" data-target="#ModalConnexion">Se connecter</button> <br>Pas encore de compte ? <button type="button" class="btn btn-link btn-sm" data-dismiss="modal" data-toggle="modal" data-target="#ModalInscription">Créer un compte gratuit</button></div> </div> <form class="form" id="Form_Modif_Createur"> <div class="modal-body"> <input name="input_modifcrea_code" class="form-control" type="hidden" value=" : Indéfinie" /> <div class="form-group"> <label class="ffPNB" for="nom">Nom</label> <input class="form-control" type="text" placeholder="" /> </div> <div class="form-group"> <label class="ffPNB" for="prenom">Prénom</label> <input class="form-control" type="text" placeholder="" /> </div> <div class="form-group"> <label class="ffPNB" for="validation-email">Mail</label> <input name="input_modifcrea_email" class="form-control" type="email" value="" required /> </div> <div class="form-group"> <label class="ffPNB" for="champModif">Information à modifier et/ou compléter</label> <select name="tabCreaModif" class="form-control select2" id="tabCreaModif" onchange="javascript:modif_info_crea();" data-placeholder="Choisissez dans la liste" style="width: 100%;"> <option>Choisissez dans la liste</option> <option>Biographie</option> <option>Site internet personnel</option> <option>Nom ou prénom</option> <option>Copyright de la photo</option> <option>Photos</option> <option>Liens vers des articles critiques, rencontres filmées ou masterclasses</option> <option>Autres informations</option> </select> </div> <div class="form-group" id="show_info_crea" style="display: none;"> <label for="show_info">Merci de nous faire parvenir votre photo à : <br><span class="ffPNB">modification@film-documentaire.fr</span></label> </div> <div class="form-group"> <label class="ffPNB" for="modif_film">Nouvelle information</label> <textarea name="textarea_creamodif" class="form-control" rows="3" placeholder="Votre contribution" id="modif_crea"></textarea> </div> </div> <div class="modal-footer d-flex justify-content-start"> <button type="submit" class="btn btn-primary">Valider</button> <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Annuler</button> </div> </form> </div> </div> </div> <div class="modal fade" id="ModalConfirmModif" tabindex="-1" aria-labelledby="Modification prise en compte" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title ffPNB" id="exampleModalLabel">Votre modification a bien été prise en compte. <i class="fas fa-check ml-2 text-primary"></i></h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <h5 class="modal-title ffPNB" id="exampleModalLabel">Merci pour votre contribution.</h5> <h5 class="modal-title" id="exampleModalLabel">Une fois que nos équipes auront traité votre contribution, vous recevrez un mail vous informant de la mise à jour de la fiche.</h5> <div class="form-group pt-4"> <button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#ModalModifierFilm">Modifier une autre information</button> </div> </div> </div> </div> </div> <div class="modal fade" id="ModalInfdSearch" tabindex="-1" aria-labelledby="Aide transversale" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title ffPNB" id="exampleModalLabel"><i class="fas fa-question-circle ml-2 text-primary"></i> Aide sur la recherche transversale.</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <h5 class="modal-title ffPNB" id="exampleModalLabel">Merci pour votre contribution.</h5> <h5 class="modal-title" id="exampleModalLabel">Une fois que nos équipes auront traité votre contribution, vous recevrez un mail vous informant de la mise à jour de la fiche.</h5> </div> </div> </div> </div> <div class="modal fade" id="ModalInscriptionValid" tabindex="-1" aria-labelledby="Inscription validée" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title ffPNB" id="exampleModalLabel">Votre inscription a bien été prise en compte. <i class="fas fa-check ml-2 text-primary"></i></h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <h5 class="modal-title ffPNB" id="exampleModalLabel">Merci pour votre contribution.</h5> <h5 class="modal-title" id="exampleModalLabel">Vous allez recevoir un email de confirmation afin d'activer votre compte.</h5> <div class="form-group pt-4"> <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button> </div> </div> </div> </div> </div> <div class="modal fade" id="ModalInscriptionExiste" tabindex="-1" aria-labelledby="Compte existant" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title ffPNB" id="exampleModalLabel">Votre inscription n'a pas pu aboutir. <i class="fas fa-times-circle ml-2 text-primary"></i></h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <h5 class="modal-title ffPNB" id="exampleModalLabel">Vous avez déjà créé un compte avec cette adresse mail.</h5> <h5 class="modal-title" id="exampleModalLabel">Notre équipe est à votre disposition pour vous aider à résoudre le souci.</h5> <div class="form-group pt-4"> <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button> </div> </div> </div> </div> </div> <div class="modal fade" id="ModalInscriptionSouci" tabindex="-1" aria-labelledby="Compte souci" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title ffPNB" id="exampleModalLabel">Votre action n'a pas pu aboutir. <i class="fas fa-times-circle ml-2 text-primary"></i></h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <h5 class="modal-title ffPNB" id="exampleModalLabel">Un souci s'est produit lors de votre tentative d'identification.</h5> <h5 class="modal-title" id="exampleModalLabel">Notre équipe est à votre disposition pour vous aider à résoudre le souci.</h5> <div class="form-group pt-4"> <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button> </div> </div> </div> </div> </div> <div class="modal fade" id="ModalConnexionSouci" tabindex="-1" aria-labelledby="Compte souci" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title ffPNB" id="exampleModalLabel">Votre action n'a pas pu aboutir. <i class="fas fa-times-circle ml-2 text-primary"></i></h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <h5 class="modal-title ffPNB" id="exampleModalLabel">Votre identifiant ou votre mot de passe sont incorrects.</h5> <h5 class="modal-title" id="exampleModalLabel">Merci de réessayer ou de contacter notre équipe</h5> <div class="form-group pt-4"> <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button> </div> </div> </div> </div> </div> <div class="modal fade" id="ModalConnexionActivation" tabindex="-1" aria-labelledby="Compte souci" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title ffPNB" id="exampleModalLabel">Votre action n'a pas pu aboutir. <i class="fas fa-times-circle ml-2 text-primary"></i></h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <h5 class="modal-title ffPNB" id="exampleModalLabel">Vous n'avez pas encore activé votre compte.</h5> <h5 class="modal-title" id="exampleModalLabel">Notre équipe est à votre disposition pour vous aider à résoudre le souci.</h5> <div class="form-group pt-4"> <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button> </div> </div> </div> </div> </div> <div class="modal fade" id="ModalSupprimerCompte" tabindex="-1" aria-labelledby="Supprimer la liste" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="exampleModalLabel"><i class="fas fa-user-minus mr-2"></i>Supprimer le compte</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="form-group pt-2"> <div class="ffPNB">Êtes-vous sûr(e) de vouloir supprimer votre compte ?</div> <div class="ffPNB text-danger">Cette action est définitive et irréversible.</div> </div> </div> <div class="modal-footer d-flex justify-content-start"> <form method="post" action="/4DACTION/Ajax_Compte_Supprimer"> <button type="submit" class="btn btn-danger">Supprimer</button> </form> <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Annuler</button> </div> </div> </div> </div>  <div class="modal fade" id="ModalRenommerListe" tabindex="-1" aria-labelledby="Renommer la liste" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="exampleModalLabel"><i class="fas fa-pen mr-2"></i>Renommer la liste</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <form id="Form_Favori_rename"> <div class="modal-body"> <input type="hidden" name="input_rename_uuid" id="input_rename_uuid" value=""/> <div class="form-group pt-2"> <input name="input_rename_nom" type="text" class="form-control ffPNB" id="input_rename_nom" placeholder="Choisissez un nom" style="height: calc(1.840625rem + 6px);" value="Ma liste de fiches"> </div> </div> <div class="modal-footer d-flex justify-content-start"> <button type="submit" class="btn btn-primary">Enregistrer</button> <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Annuler</button> </div> </form> </div> </div> </div>  <div class="modal fade" id="ModalSupprimerListe" tabindex="-1" aria-labelledby="Supprimer la liste" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="exampleModalLabel"><i class="fas fa-trash-alt mr-2"></i>Supprimer la liste ?</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <form id="Form_Favori_delete"> <div class="modal-body"> <input type="hidden" name="input_delete_uuid" id="input_delete_uuid" value=""/> <div class="form-group pt-2"> <input name="input_delete_nom" type="text" class="form-control ffPNB" id="input_delete_nom" placeholder="Choisissez un nom" style="height: calc(1.840625rem + 6px);" value=""> </div> </div> <div class="modal-footer d-flex justify-content-start"> <button type="submit" class="btn btn-primary">Supprimer</button> <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Annuler</button> </div> <div class="modal-footer border-top-0 pt-0 d-flex justify-content-start"> <small class="text-danger"><i class="fas fa-exclamation-circle mr-2"></i>Cette action est irréversible.</small> </div> </form> </div> </div> </div>  <div class="modal fade" id="ModalAjouterListe" tabindex="-1" aria-labelledby="Ajouter une liste" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="exampleModalLabel"><i class="fas fa-plus mr-2"></i>Ajouter une liste de fiches</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <form id="Form_Favori_add"> <div class="modal-body"> <input type="hidden" name="input_add_table" id="input_add_table" value=""/> <div class="form-group pt-2"> <input name="input_add_nom" id="input_add_nom" type="text" class="form-control ffPNB" placeholder="Choisissez un nom" style="height: calc(1.840625rem + 6px);"> </div> </div> <div class="modal-footer d-flex justify-content-start"> <button type="submit" class="btn btn-primary">Enregistrer</button> <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Annuler</button> </div> </form> </div> </div> </div>  <div class="modal fade" id="ModalSupprimerObjet" tabindex="-1" aria-labelledby="Supprimer la liste" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="exampleModalLabel"><i class="fas fa-trash-alt mr-2"></i>Supprimer de la liste ?</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <form id="Form_Objet_delete"> <div class="modal-body"> <input type="hidden" name="input_objet_uuid" id="input_objet_uuid" value=""/> <div class="form-group pt-2"> <h3 class="ffPNB"><input name="input_objet_nom" id="input_objet_nom" type="text" class="form-control ffPNB" style="height: calc(1.840625rem + 6px);"></h3> </div> </div> <div class="modal-footer d-flex justify-content-start"> <button type="submit" class="btn btn-primary" id="notifActionMAJBtn">Supprimer</button> <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Annuler</button> </div> <div class="modal-footer border-top-0 pt-0 d-flex justify-content-start"> <small class="text-black-50 ffPNB"><i class="fas fa-info-circle mr-2"></i>Vous pourrez l'ajouter à vos favoris ultérieurement, à partir de sa fiche.</small> </div> </form> </div> </div> </div> </div> </div> <script type="text/javascript"> document.title="Film-documentaire.fr : la médiathèque : à voir, à écouter, à lire"; </script> <script src="/js/app.js"></script> <script src="/js/jquery.easy-autocomplete.min.js"></script> <script src="/js/jquery.bootstrap-autohidingnavbar.js"></script> <script src="/css/slick/slick.min.js"></script> <script src="/js/vegas.min.js"></script> <script src="/js/select2.full.min.js"></script> <script src="/js/bigfoot.min.js"></script> <script src="/js/ekko-lightbox.js"></script> <script src="/js/bootstable.min.js"></script> <script src="/js/bootstable.js"></script>  <script src="/js/smooth-scroll.polyfills.min.js"></script> <script type="text/javascript"> $(document).on('click', '[data-toggle="lightbox"]', function(event) { event.preventDefault(); $(this).ekkoLightbox({ //alwaysShowClose: true }); }); </script> <script type="text/javascript"> $.bigfoot( { numberResetSelector: ".article_bigfoot" //actionOriginalFN: "ignore" } ); </script> <script> document.addEventListener("DOMContentLoaded", function() { var options = { url: function(phrase) { //if (phrase.length > 2) //{ return "/4DACTION/Ajax_Suggestion"; //} }, getValue: function(element) { return element.Keyword; }, ajaxSettings: { dataType: "json", method: "POST", data: { dataType: "json" } }, preparePostData: function(data) { data.phrase = $("#rech_simple").val(); return data; }, list: { maxNumberOfElements: 100, match: { // enabled: true }, sort: { //enabled: true }, onClickEvent: function() { var value = $("#rech_simple").getSelectedItemData(); $("#rech_uukey").val(value.UUKey); $("#rech_table").val(value.Table); $( "#SearchForm_Full" ).submit(); } }, template: { type: "description", fields: { description: "Table" } }, theme: "square" }; $("#rech_simple").easyAutocomplete(options); }); function les_fulls(latable,idlien) { $(".active").removeClass("active"); $.ajax({ url: "/4DACTION/Ajax_Search_Full/"+latable, type : "POST", success : function (data) { $("#full_liste").empty().append(data); $("#full_liste").addClass("active"); $("#"+idlien).addClass("active"); }, error: function(XMLHttpRequest, textStatus, errorThrown) { alert(errorThrown); } }); } </script> <script> document.addEventListener("DOMContentLoaded", function() { $("#topbar_nav").autoHidingNavbar(); }); </script> <script> document.addEventListener("DOMContentLoaded", function() { $( "#menu_burger_fd" ).click(function() { if($('#sidebar').hasClass('collapsed')){ $('#logo_top').show('slow').fadeIn('slow'); } else { $('#logo_top').hide('slow').fadeOut('slow'); } }); }); </script> <script> document.addEventListener("DOMContentLoaded", function() { $('.slick_visuels_festival').slick({ lazyLoad: 'ondemand', autoplay: true, infinite: true, //dots: true, arrows: false, speed: 300, slidesToShow: 1, slidesToScroll: 1 }); $('.slick_visuels_producteur').slick({ lazyLoad: 'ondemand', autoplay: true, infinite: true, //dots: true, arrows: false, speed: 300, slidesToShow: 1, slidesToScroll: 1 }); $('.slick_visuels_createurs').slick({ lazyLoad: 'ondemand', autoplay: true, infinite: true, //dots: true, arrows: false, speed: 300, slidesToShow: 1, slidesToScroll: 1 }); $('.slick_derniers_films, .slick_themas_films, .slick_derniers_producteurs').slick({ lazyLoad: 'ondemand', autoplay: false, infinite: true, dots: true, speed: 2000, //@og 18.05 : vitesse modifiée, à modifier partout slidesToShow: 4, slidesToScroll: 4, responsive: [ { breakpoint: 1024, settings: { slidesToShow: 3, slidesToScroll: 3, infinite: true, dots: true, arrows: false } }, { breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 2, infinite: true, dots: true, arrows: false } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1, infinite: true, dots: true, arrows: false } }] }); $('.slick_visuels_films').slick({ lazyLoad: 'ondemand', autoplay: false, //@og 18.05 : modif true infinite: true, //dots: true, speed: 300, slidesToShow: 3, slidesToScroll: 3, responsive: [ { breakpoint: 1024, settings: { slidesToShow: 2, slidesToScroll: 2, infinite: true, //dots: true, //arrows: false } }, { breakpoint: 600, settings: { slidesToShow: 1, slidesToScroll: 1, infinite: true, //dots: true, //arrows: false } }] }); $('.slick_zoom_films').slick({ lazyLoad: 'ondemand', autoplay: false, slidesToShow: 1, slidesToScroll: 1, arrows: true }); $('.slick_nouveautes').slick({ lazyLoad: 'ondemand', dots: true, infinite: true, speed: 300, slidesToShow: 5, slidesToScroll: 5, responsive: [ { breakpoint: 1024, settings: { slidesToShow: 3, slidesToScroll: 3, infinite: true, dots: true, arrows: false } }, { breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 2, infinite: true, dots: true, arrows: false } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1, infinite: true, dots: true, arrows: false } }] }); $('.slick_soutiens').slick({ lazyLoad: 'ondemand', arrows: false, autoplay: true, infinite: true, speed: 2000, slidesToShow: 4, slidesToScroll: 4, responsive: [ { breakpoint: 1280, settings: { slidesToShow: 3, slidesToScroll: 3, infinite: true, dots: true, arrows: false } }, // { // breakpoint: 1025, // settings: { // slidesToShow: 2, // slidesToScroll: 2, // infinite: true, // dots: true, // arrows: false // } // }, { breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 2, infinite: true, dots: true, arrows: false } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1, infinite: true, dots: true, arrows: false } }] }); $('.slick_partenaires').slick({ lazyLoad: 'progressive', dots: true, arrows: false, autoplay: true, infinite: true, speed: 2000, slidesToShow: 8, slidesToScroll: 8, responsive: [ { breakpoint: 1200, settings: { slidesToShow: 7, slidesToScroll: 7, infinite: true, dots: true, arrows: false } }, { breakpoint: 1080, settings: { slidesToShow: 6, slidesToScroll: 6, infinite: true, dots: true, arrows: false } }, { breakpoint: 768, settings: { slidesToShow: 4, slidesToScroll: 4, infinite: true, dots: true, arrows: false } }, { breakpoint: 600, settings: { slidesToShow: 3, slidesToScroll: 3, infinite: true, dots: true, arrows: false } }, { breakpoint: 480, settings: { slidesToShow: 2, slidesToScroll: 2, infinite: true, dots: true, arrows: false } }] }); }); </script> <script> document.addEventListener("DOMContentLoaded", function() { $("body, .card_mission").vegas({ delay: 15000, autoplay: true, // valign: "top", timer: false, // slidesToKeep: 1, // overlay: 'img/bg/01.png', firstTransition: 'fade2', firstTransitionDuration: 5000, transition: 'fade2', transitionDuration: 2000, shuffle: true, slides: [ { src: "/img/bg/img_01.png" }, { src: "/img/bg/img_02.png" }, { src: "/img/bg/img_03.png" }, { src: "/img/bg/img_04.png" }, { src: "/img/bg/img_05.png" } ] }); // $(".bg_traverses_img").vegas({ // timer: false, // slides: [ // { src: "img/photos/traverses_2.png" } // ] // }); $(".bg_la_une").vegas({ timer: false, slides: [ { src: "img/photos/2316.jpg" } ] }); }); </script> <script> document.addEventListener("DOMContentLoaded", function() { // Initialize Select2 select box $("select[name=\"validation-select2\"]").select2({ allowClear: true, placeholder: "Select gear...", }).change(function() { $(this).valid(); }); // Initialize Select2 multiselect box $("select[name=\"validation-select2-multi\"]").select2({ placeholder: "Select gear...", }).change(function() { $(this).valid(); }); // Trigger validation on tagsinput change $("input[name=\"validation-bs-tagsinput\"]").on("itemAdded itemRemoved", function() { $(this).valid(); }); // Initialize validation $("#validation-form").validate({ ignore: ".ignore, .select2-input", focusInvalid: false, rules: { "validation-email": { required: true, email: true }, "validation-password": { required: true, minlength: 6, maxlength: 20 }, "validation-password-confirmation": { required: true, minlength: 6, equalTo: "input[name=\"validation-password\"]" }, "validation-required": { required: true }, "validation-url": { required: true, url: true }, "validation-select": { required: true }, "validation-multiselect": { required: true, minlength: 2 }, "validation-select2": { required: true }, "validation-select2-multi": { required: true, minlength: 2 }, "validation-text": { required: true }, "validation-file": { required: true }, "validation-radios": { required: true }, "validation-radios-custom": { required: true }, "validation-checkbox": { required: true }, "validation-checkbox-custom": { required: true }, "validation-checkbox-group-1": { require_from_group: [1, "input[name=\"validation-checkbox-group-1\"], input[name=\"validation-checkbox-group-2\"]"] }, "validation-checkbox-group-2": { require_from_group: [1, "input[name=\"validation-checkbox-group-1\"], input[name=\"validation-checkbox-group-2\"]"] }, "validation-checkbox-custom-group-1": { require_from_group: [1, "input[name=\"validation-checkbox-custom-group-1\"], input[name=\"validation-checkbox-custom-group-2\"]"] }, "validation-checkbox-custom-group-2": { require_from_group: [1, "input[name=\"validation-checkbox-custom-group-1\"], input[name=\"validation-checkbox-custom-group-2\"]"] } }, // Errors errorPlacement: function errorPlacement(error, element) { var $parent = $(element).parents(".form-group"); // Do not duplicate errors if ($parent.find(".jquery-validation-error").length) { return; } $parent.append( error.addClass("jquery-validation-error small form-text invalid-feedback") ); }, highlight: function(element) { var $el = $(element); var $parent = $el.parents(".form-group"); $el.addClass("is-invalid"); // Select2 and Tagsinput if ($el.hasClass("select2-hidden-accessible") || $el.attr("data-role") === "tagsinput") { $el.parent().addClass("is-invalid"); } }, unhighlight: function(element) { $(element).parents(".form-group").find(".is-invalid").removeClass("is-invalid"); } }); // Initialize validation $("#validation-form2").validate({ ignore: ".ignore, .select2-input", focusInvalid: false, rules: { "validation-email2": { required: true, email: true } }, // Errors errorPlacement: function errorPlacement(error, element) { var $parent = $(element).parents(".form-group"); // Do not duplicate errors if ($parent.find(".jquery-validation-error").length) { return; } $parent.append( error.addClass("jquery-validation-error small form-text invalid-feedback") ); }, highlight: function(element) { var $el = $(element); var $parent = $el.parents(".form-group"); $el.addClass("is-invalid"); // Select2 and Tagsinput if ($el.hasClass("select2-hidden-accessible") || $el.attr("data-role") === "tagsinput") { $el.parent().addClass("is-invalid"); } }, unhighlight: function(element) { $(element).parents(".form-group").find(".is-invalid").removeClass("is-invalid"); } }); }); </script> <script> document.addEventListener("DOMContentLoaded", function() { $(document).ready(function(){ $(window).scroll(function () { if ($(this).scrollTop() > 320) { $('#back-to-top').fadeIn(); } else { $('#back-to-top').fadeOut(); } }); // scroll body to 0px on click $('#back-to-top').click(function () { $('body,html').animate({ scrollTop: 0 }, 400); return false; }); }); }); </script> <script> document.addEventListener("DOMContentLoaded", function() { // Select2 $(".select2").each(function() { $(this) .wrap("<div class=\"position-relative\"></div>") .select2({ placeholder: "Select value", dropdownParent: $(this).parent() }); }) $('#daterangepicker-date').daterangepicker({ autoUpdateInput: false, showDropdowns: true, opens: "right", singleDatePicker: true, autoApply: true, locale: { format: 'DD/MM/YY', daysOfWeek: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven','Sam'], monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'] } }); $('#daterangepicker-date').on('apply.daterangepicker', function(ev, picker) { $('#daterangepicker-date').val(picker.startDate.format('DD/MM/YY')); }); $('#daterangepicker-dateI').daterangepicker({ autoUpdateInput: false, showDropdowns: true, opens: "right", singleDatePicker: true, autoApply: true, locale: { format: 'DD/MM/YY', daysOfWeek: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven','Sam'], monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'] } }); $('#daterangepicker-dateI').on('apply.daterangepicker', function(ev, picker) { $('#daterangepicker-dateI').val(picker.startDate.format('DD/MM/YY')); }); $('#datefiltre-date').daterangepicker({ autoUpdateInput: false, showDropdowns: true, opens: "right", singleDatePicker: true, autoApply: true, locale: { format: 'DD/MM/YY', daysOfWeek: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven','Sam'], monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'] } }); $('#datefiltre-date').on('apply.daterangepicker', function(ev, picker) { $('#datefiltre-date').val(picker.startDate.format('DD/MM/YY')); }); $('#datefiltre-dateI').daterangepicker({ autoUpdateInput: false, showDropdowns: true, opens: "right", singleDatePicker: true, autoApply: true, locale: { format: 'DD/MM/YY', daysOfWeek: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven','Sam'], monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'] } }); $('#datefiltre-dateI').on('apply.daterangepicker', function(ev, picker) { $('#datefiltre-dateI').val(picker.startDate.format('DD/MM/YY')); }); $('#dateajout-date').daterangepicker({ autoUpdateInput: false, showDropdowns: true, opens: "right", singleDatePicker: true, autoApply: true, locale: { format: 'DD/MM/YY', daysOfWeek: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven','Sam'], monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'] } }); $('#dateajout-date').on('apply.daterangepicker', function(ev, picker) { $('#dateajout-date').val(picker.startDate.format('DD/MM/YY')); }); }); </script> <script> document.addEventListener("DOMContentLoaded", function() { $('#selection_annee_debut').datetimepicker({ viewMode: 'years', format: 'YYYY', useCurrent: false }); $('#selection_annee_fin').datetimepicker({ viewMode: 'years', format: 'YYYY', useCurrent: false }); $('.select2').select2(); }); </script> <script> document.addEventListener("DOMContentLoaded", function() { // Validation var $validationForm = $("#smartwizard-validation"); $validationForm.validate({ errorPlacement: function errorPlacement(error, element) { $(element).parents(".form-group").append( error.addClass("invalid-feedback small d-block") ) }, highlight: function(element) { $(element).addClass("is-invalid"); }, unhighlight: function(element) { $(element).removeClass("is-invalid"); }, rules: { "email": { required: true, email: true }, "input_addfilm_titre": { required: true } } }); $validationForm .smartWizard({ autoAdjustHeight: false, backButtonSupport: false, useURLhash: false, showStepURLhash: false, toolbarSettings: { toolbarButtonPosition: 'left', //toolbarExtraButtons: [$("<button type=\"button\" class=\"btn btn-submit btn-outline-primary sw-btn-group-extra float-md-right mt-4 mt-md-0\">Valider</button>")] } }) .on("leaveStep", function(e, anchorObject, stepNumber, stepDirection) { if (stepDirection === "forward") { return $validationForm.valid(); } if ($("#input_addfilm_titre").val()=="") { $("#input_addfilm_titre").addClass("is-invalid"); $('body,html').animate({scrollTop: 0}, 400); return false; } else { return true; } }); $validationForm.find(".btn-submit").on("click", function() { if (!$validationForm.valid()) { return; } alert("Merci ! Votre formulaire a bien été envoyé."); return false; }); }); </script> <script src="/js/filmdoc_actu_v01.js"></script> <script src="/js/filmdoc_media_v01.js"></script> <script src="/js/filmdoc_film_v02.js"></script> <script src="/js/filmdoc_createur_v02.js"></script> <script src="/js/filmdoc_producteur_v03.js"></script> <script src="/js/filmdoc_ecrit_v02.js"></script> <script src="/js/filmdoc_festival_v02.js"></script> <script src="/js/filmdoc_compte_v03.js"></script> <script src="/js/filmdoc_parametre_v01.js"></script> <script src="/js/filmdoc_favori_v01.js"></script> <script src="/js/filmdoc_ajout_v03.js"></script> <script> $(document).ready(function(){ var menuactif = $("#www_Menu").val(); $("#"+menuactif).addClass("sidebar-item active"); }); </script> </body> </html>

CINXE.COM