<!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_Propos" /> <meta property="og:type" content="Film-documentaire.fr" /> <meta property="og:title" content="Film-documentaire.fr : qui sommes-nous ?" />    <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_Propos"> <meta property="twitter:title" content="Film-documentaire.fr : qui sommes-nous ?"> <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="" 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-3"> <div class="col-12"> <h2 class="h1 titres_link_rubrique text-white ffPNB text_shadow text-lowercase smallCaps rounded-lg px-3" style="letter-spacing: -1px;">Qui sommes-nous ?</h2> </div> </div> <div class="row mb-5"> <div class="col-12 col-md-8"> <div class="card p-4"> <div class="card-body"> <p>Créée en 2007, film-documentaire.fr est une plateforme consacrée au référencement de la création documentaire francophone et internationale. Destinée aux professionnels et au public, elle est un outil d’intérêt général au service du cinéma et de l’audiovisuel documentaire, dans la multiplicité de ses formes et de ses esthétiques, en accès libre et gratuit. Son équipe se partage entre Lussas, au sein du village documentaire et Paris.</p> <p>Sa base de données, construite historiquement en partenariat avec la Maison du doc et Doc Net Films, permet la recherche de tous types d’informations – générique, ayant droit, ressources éditoriales et bibliographiques, etc. – parmi <span>67239</span> fiches de films, <span>103731</span> créateurs et créatrices, <span>7800</span> compositeurs et compositrices, <span>803</span> festivals, <span>31719</span> structures. Chaque mois, 400.000 pages sont consultées.</p> <p>Plateforme de référence, film-documentaire.fr met également en œuvre une veille informative sur le genre documentaire qui s’actualise en permanence et fait l’objet d’une lettre d’information envoyée chaque mois à ses abonnés.</p> <p>La plateforme propose à ses lecteurs et ses lectrices des contenus originaux – critiques de films documentaires, synthèses d’événements professionnels, entretiens avec des créateurs et des créatrices. Elle publie chaque année la revue <span class="ffPNRit">Traverses</span> dont l’ambition, à la croisée des mondes de la recherche et des professionnels du cinéma, consiste à articuler une réflexion exigeante sur les enjeux du cinéma documentaire.</p> <p>Au-delà de sa mission d’outil de recherche largement ouvert sur le genre documentaire, la plateforme agit comme espace d’expression au service de la création et du documentaire d’auteur.</p> <hr class="my-4"> <p class="ffPNB mb-1">L'équipe de film-documentaire.fr</p> <ul class="list-unstyled text-lg px-4 px-md-5"> <li class="py-2 lh_1_2">Arnaud de Mezamat<br><span class="text-sm smallCaps text-body ffPNB letter_spacing_06">président & délégué général, Paris</span></li> <li class="py-2 lh_1_2">Laetitia Dubois<br><span class="text-sm smallCaps text-body ffPNB letter_spacing_06">coordinatrice, Lussas</span></li> <li class="py-2 lh_1_2">Amandine Ribiere<br><span class="text-sm smallCaps text-body ffPNB letter_spacing_06">documentaliste, Lussas</span></li> <li class="py-2 lh_1_2">Jimmy Deniziot<br><span class="text-sm smallCaps text-body ffPNB letter_spacing_06">documentaliste, Lussas</span></li> <li class="py-2 lh_1_2">Pauline Moreira<br><span class="text-sm smallCaps text-body ffPNB letter_spacing_06">documentaliste, Lussas</span></li> <li class="py-2 lh_1_2">Zélie Tronquoy<br><span class="text-sm smallCaps text-body ffPNB letter_spacing_06">assistante artistique et rédactionnelle, Paris</span></li> <li class="py-2 lh_1_2">François-Xavier Destors<br><span class="text-sm smallCaps text-body ffPNB letter_spacing_06">chargé de mission pour l’éditorial & rédacteur en chef de <span>Traverses</span>, Paris</span></li> <li class="py-2 lh_1_2">Chantal Tran<br><span class="text-sm smallCaps text-body ffPNB letter_spacing_06">administratrice & comptable, Lussas</span></li> </ul> <hr class="my-4"> <p class="ffPNB mb-1">Partenaires</p> <p class="mb-1">Film-documentaire.fr collabore avec les partenaires suivants :</p> <ul class="list-inline text-lg px-4 px-md-5"> <li class="list-inline-item py-2"><a href="http://www.adav-assoc.com/" target="_blank" class="link_underline text-reset">ADAV</a></li> <li class="list-inline-item py-2"><a href="https://www.agencecm.com/" target="_blank" class="link_underline text-reset">L'Agence du court métrage</a></li> <li class="list-inline-item py-2"><a href="https://atelier-de-montage.com" target="_blank" class="link_underline text-reset">L'Atelier de montage</a></li> <li class="list-inline-item py-2"><a href="http://bnf.fr/" target="_blank" class="link_underline text-reset">Bibliothèque nationale de France</a></li> <li class="list-inline-item py-2"><a href="https://www.bpi.fr/" target="_blank" class="link_underline text-reset">Bibliothèque publique d’information - Centre Pompidou</a></li> <li class="list-inline-item py-2"><a href="https://www.marchedufilm.com/fr/programs/cannes-docs/" target="_blank" class="link_underline text-reset">Cannes Docs</a></li> <li class="list-inline-item py-2"><a href="https://www.cinemadureel.org/" target="_blank" class="link_underline text-reset">Cinéma du Réel</a></li> <li class="list-inline-item py-2"><a href="https://www.cnc.fr/" target="_blank" class="link_underline text-reset">CNC</a></li> <li class="list-inline-item py-2"><a href="https://cinematheque-documentaire.org/" target="_blank" class="link_underline text-reset">La Cinémathèque du documentaire</a></li> <li class="list-inline-item py-2"><a href="http://www.doc-cevennes.org/" target="_blank" class="link_underline text-reset">Doc-Cévennes</a></li> <li class="list-inline-item py-2"><a href="https://www.ehess.fr/fr" target="_blank" class="link_underline text-reset">École des hautes études en science sociale (EHESS)</a></li> <li class="list-inline-item py-2"><a href="http://www.ens-lyon.fr/" target="_blank" class="link_underline text-reset">École normale supérieure de Lyon (ENS)</a></li> <li class="list-inline-item py-2"><a href="https://ecoleurbainedelyon.universite-lyon.fr/" target="_blank" class="link_underline text-reset">École urbaine de Lyon</a></li> <li class="list-inline-item py-2"><a href="https://lesecransdocumentaires.org/" target="_blank" class="link_underline text-reset">Les Écrans documentaires</a></li> <li class="list-inline-item py-2"><a href="https://www.escalesdocumentaires.org" target="_blank" class="link_underline text-reset">Escales documentaires</a></li> <li class="list-inline-item py-2"><a href="http://www.lussasdoc.org/" target="_blank" class="link_underline text-reset">États généraux du film documentaire</a></li> <li class="list-inline-item py-2"><a href="https://fipadoc.com/fr" target="_blank" class="link_underline text-reset">FIPADOC</a></li> <li class="list-inline-item py-2"><a href="https://imagesenbibliotheques.fr/" target="_blank" class="link_underline text-reset">Images en bibliothèques</a></li> <li class="list-inline-item py-2"><a href="https://www.imagesdocumentaires.fr/" target="_blank" class="link_underline text-reset">Images documentaires</a></li> <li class="list-inline-item py-2"><a href="https://www.france-isan.org/" target="_blank" class="link_underline text-reset">ISAN</a></li> <li class="list-inline-item py-2"><a href="http://www.lussasdoc.org/" target="_blank" class="link_underline text-reset">La Maison du doc</a></li> <li class="list-inline-item py-2"><a href="https://pariscience.fr/" target="_blank" class="link_underline text-reset">Pariscience</a></li> <li class="list-inline-item py-2"><a href="https://www.procirep.fr/" target="_blank" class="link_underline text-reset">Procirep</a></li> <li class="list-inline-item py-2"><a href="#" target="_blank" class="link_underline text-reset">Résistances</a></li> <li class="list-inline-item py-2"><a href="https://www.sacem.fr/" target="_blank" class="link_underline text-reset">Sacem</a></li> <li class="list-inline-item py-2"><a href="https://www.scam.fr/" target="_blank" class="link_underline text-reset">Scam</a></li> <li class="list-inline-item py-2"><a href="https://www.sunnysideofthedoc.com/fr/accueil.htm" target="_blank" class="link_underline text-reset">Sunny Side of the Doc</a></li> <li class="list-inline-item py-2"><a href="https://www.on-tenk.com/fr" target="_blank" class="link_underline text-reset">Tënk</a></li> <li class="list-inline-item py-2"><a href="https://www.uphf.fr/" target="_blank" class="link_underline text-reset">Université Polytechnique Hauts-de-France</a></li> <li class="list-inline-item py-2"><a href="http://www.videadoc.com/" target="_blank" class="link_underline text-reset">Vidéadoc</a></li> <li class="list-inline-item py-2"><a href="https://www.visionsdureel.ch/" target="_blank" class="link_underline text-reset">Visions du Réel</a></li> </ul> <hr class="my-4"> <p class="ffPNB mb-3">Membres de l'association</p> <p class="mt-4 mb-1"><span class="text-body ffPNRit pl-4">Bureau de l’association</span></p> <ul class="list-unstyled text-lg px-4 px-md-5"> <li class="py-2 lh_1_2">Arnaud de Mezamat<br><span class="text-sm smallCaps text-body ffPNB letter_spacing_06">président</span></li> <li class="py-2 lh_1_2">Benjamin Landsberger<br><span class="text-sm smallCaps text-body ffPNB letter_spacing_06">secrétaire</span></li> <li class="py-2 lh_1_2">Blanche Guichou<br><span class="text-sm smallCaps text-body ffPNB letter_spacing_06">trésorière</span></li> </ul> <p class="mt-4 mb-1"><span class="text-body ffPNRit pl-4">Membres</span></p> <ul class="list-unstyled text-lg px-4 px-md-5"> <li class="py-2 lh_1_2">Association Doc Net Films</li> <li class="py-2 lh_1_2">Jean-Marie Barbe</li> <li class="py-2 lh_1_2">Alexandre Cornu</li> <li class="py-2 lh_1_2">Gilles Padovani</li> </ul> <p class="mt-4 mb-1"><span class="text-body ffPNRit pl-4">Membres de droits</span></p> <ul class="list-unstyled text-lg px-4 px-md-5"> <li class="py-2 lh_1_2"><a href="https://www.procirep.fr/" target="_blank" class="link_underline text-reset">PROCIREP</a></li> <li class="py-2 lh_1_2"><a href="https://www.scam.fr/" target="_blank" class="link_underline text-reset">SCAM</a></li> </ul> <hr class="my-4"> <p class="ffPNB mb-1">Soutiens</p> <p class="mb-1">Le développement et le fonctionnement du site www.film-documentaire.fr sont rendus possibles grâce aux soutiens financiers de :</p> <ul class="list-unstyled text-lg px-4 px-md-5"> <li class="py-2 lh_1_2"><a href="https://www.cnc.fr/" target="_blank" class="link_underline text-reset">CNC</a></li> <li class="py-2 lh_1_2"><a href="https://www.procirep.fr/" target="_blank" class="link_underline text-reset">PROCIREP</a></li> <li class="py-2 lh_1_2"><a href="https://www.scam.fr/" target="_blank" class="link_underline text-reset">SCAM</a></li> </ul> <p>Film-documentaire.fr est membre de <a href="https://cinematheque-documentaire.org/" target="_blank" class="link_underline text-reset">La Cinémathèque du documentaire</a>. Celle-ci contribue également à son financement.</p> </div> </div> </div> <div class="col-12 col-md-4"> <div class="row mb-5"> <div class="col-12"> <a href="https://vimeo.com/688426555" target="_blank" class=""><img src="/img/photos/clip_vignette_valid.jpg" class="img-fluid" alt=""></a> </div> </div> <div class="card bg-primary"> <div class="card-header bg-primary"> <p class="card-text ffPNB text-light lead smallCaps">contact</p> </div> <div class="card-body ffPNB d-flex justify-content-between flex-wrap pt-0"> <div class="text-light py-2"><i class="fas fa-envelope mr-2"></i><a class="text-light link_underline" href="#">contact@film-documentaire.fr</a></div> <div class="text-light py-2"><i class="fas fa-home mr-2"></i>300 route de Mirabel • 07170 Lussas</div> </div> </div> </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-4"> <div class="col-12"> <div class="card bg-transparent border border-extralight rounded-lg"> <h4 class="h2 px-4 pt-2 pb-0 text-white ffPNC text-uppercase">Partenaires</h4> <div class="slick_partenaires d-flex align-items-center pb-0"> <div class="d-flex align-items-center"> <a href="http://www.adav-assoc.com/" class="sidebar_link_actus link_in_card_films" target="_blank"> <div class="pt-3 pb-1 px-3"> <img data-lazy="/img/partenaire/logo_adav.png" class="img-fluid" alt=""> </div> </a> </div> <div class="d-flex align-items-center"> <a href="https://www.agencecm.com" class="sidebar_link_actus link_in_card_films" target="_blank"> <div class="pt-3 pb-1 px-4"> <img data-lazy="/img/partenaire/logo_agence_court_metrage.png" class="img-fluid" alt=""> </div> </a> </div> <div class="d-flex align-items-center"> <a href="https://atelier-de-montage.com/" class="sidebar_link_actus link_in_card_films" target="_blank"> <div class="pt-3 pb-1 px-4"> <img data-lazy="/img/partenaire/logo_atelier_de_montage.png" class="img-fluid" alt=""> </div> </a> </div> <div class="d-flex align-items-center"> <a href="http://bnf.fr/" class="sidebar_link_actus link_in_card_films" target="_blank"> <div class="pt-3 pb-1 px-4"> <img data-lazy="/img/partenaire/logo_BnF.png" class="img-fluid" alt=""> </div> </a> </div> <div class="d-flex align-items-center"> <a href="https://www.bpi.fr/" class="sidebar_link_actus link_in_card_films" target="_blank"> <div class="pt-0 pb-1 px-0"> <img data-lazy="/img/partenaire/logo_bpi.png" class="img-fluid" alt=""> </div> </a> </div>  <div class="d-flex align-items-center"> <a href="https://www.marchedufilm.com/fr/programs/cannes-docs/" class="sidebar_link_actus link_in_card_films" target="_blank"> <div class="pt-3 pb-1 px-4"> <img data-lazy="/img/partenaire/logo_cannes_docs.png" class="img-fluid" alt=""> </div> </a> </div> <div class="d-flex align-items-center"> <a href="https://www.cinemadureel.org/" class="sidebar_link_actus link_in_card_films" target="_blank"> <div class="pt-2 pb-1 px-0 mx-0"> <img data-lazy="/img/partenaire/logo_cinema_du_reel.png" class="img-fluid" alt=""> </div> </a> </div> <div class="d-flex align-items-center"> <a href="https://cinematheque-documentaire.org/" class="sidebar_link_actus link_in_card_films" target="_blank"> <div class="pt-2 pb-1 px-0"> <img data-lazy="/img/partenaire/logo_cdd.png" class="img-fluid" alt=""> </div> </a> </div> <div class="d-flex align-items-center"> <a href="https://www.cnc.fr/" class="sidebar_link_actus link_in_card_films" target="_blank"> <div class="pt-3 pb-1 px-4"> <img data-lazy="/img/partenaire/logo_cnc.png" class="img-fluid" alt=""> </div> </a> </div> <div class="d-flex align-items-center"> <a href="http://www.doc-cevennes.org/" class="sidebar_link_actus link_in_card_films" target="_blank"> <div class="pt-2 pb-1 px-2"> <img data-lazy="/img/partenaire/logo_doc_cevennes.png" class="img-fluid" alt=""> </div> </a> </div> <div class="d-flex align-items-center"> <a href="https://ecoleurbainedelyon.universite-lyon.fr/" class="sidebar_link_actus link_in_card_films" target="_blank"> <div class="pt-2 pb-1 px-3"> <img data-lazy="/img/partenaire/logo_ecole_urbaine_lyon.png" class="img-fluid" alt=""> </div> </a> </div> <div class="d-flex align-items-center"> <a href="https://www.ehess.fr/fr" class="sidebar_link_actus link_in_card_films" target="_blank"> <div class="pt-1 pb-1 px-4"> <img data-lazy="/img/partenaire/logo_ehess.png" class="img-fluid" alt=""> </div> </a> </div> <div class="d-flex align-items-center"> <a href="http://www.ens-lyon.fr/" class="sidebar_link_actus link_in_card_films" target="_blank"> <div class="pt-3 pb-1 px-2"> <img data-lazy="/img/partenaire/logo_ens.png" class="img-fluid" alt=""> </div> </a> </div> <div class="d-flex align-items-center"> <a href="https://lesecransdocumentaires.org/" class="sidebar_link_actus link_in_card_films" target="_blank"> <div class="pt-1 pb-1 px-3"> <img data-lazy="/img/partenaire/logo_ecrans_documentaires.png" class="img-fluid" alt=""> </div> </a> </div> <div class="d-flex align-items-center"> <a href="https://www.escalesdocumentaires.org/" class="sidebar_link_actus link_in_card_films" target="_blank"> <div class="pt-1 pb-1 px-3"> <img data-lazy="/img/partenaire/logo_escales_doc.png" class="img-fluid" alt=""> </div> </a> </div> <div class="d-flex align-items-center"> <a href="http://www.lussasdoc.org/" class="sidebar_link_actus link_in_card_films" target="_blank"> <div class="pt-1 pb-1 px-0"> <img data-lazy="/img/partenaire/logo_egd.png" class="img-fluid" alt=""> </div> </a> </div>  <div class="d-flex align-items-center"> <a href="https://fipadoc.com/fr" class="sidebar_link_actus link_in_card_films" target="_blank"> <div class="pt-3 pb-1 px-4"> <img data-lazy="/img/partenaire/logo_fipadoc.png" class="img-fluid" alt=""> </div> </a> </div>  <div class="d-flex align-items-center"> <a href="https://imagesenbibliotheques.fr/" class="sidebar_link_actus link_in_card_films" target="_blank"> <div class="pt-3 pb-1 px-4"> <img data-lazy="/img/partenaire/logo_IB.png" class="img-fluid" alt=""> </div> </a> </div> <div class="d-flex align-items-center"> <a href="https://www.imagesdocumentaires.fr/" class="sidebar_link_actus link_in_card_films" target="_blank"> <div class="pt-3 pb-1 px-4"> <img data-lazy="/img/partenaire/logo_images_documentaires.png" class="img-fluid" alt=""> </div> </a> </div>  <div class="d-flex align-items-center"> <a href="https://www.france-isan.org/" class="sidebar_link_actus link_in_card_films" target="_blank"> <div class="pt-3 pb-1 px-2"> <img data-lazy="/img/partenaire/logo_isan.png" class="img-fluid px-4 px-md-3" alt=""> </div> </a> </div> <div class="d-flex align-items-center"> <a href="http://www.lussasdoc.org/un_centre_de_ressources_sur_le_cinema_documentaire,72.html" class="sidebar_link_actus link_in_card_films" target="_blank"> <div class="pt-2 pb-1 px-1"> <img data-lazy="/img/partenaire/logo_maison_du_doc.png" class="img-fluid px-4 px-md-3" alt=""> </div> </a> </div> <div class="d-flex align-items-center"> <a href="https://pariscience.fr/" class="sidebar_link_actus link_in_card_films" target="_blank"> <div class="pt-3 pb-1 px-1"> <img data-lazy="/img/partenaire/logo_pariscience.png" class="img-fluid px-4 px-md-3" alt=""> </div> </a> </div> <div class="d-flex align-items-center"> <a href="https://www.procirep.fr/" class="sidebar_link_actus link_in_card_films" target="_blank"> <div class="pt-3 pb-1 px-4"> <img data-lazy="/img/partenaire/logo_procirep.png" class="img-fluid" alt="" style="margin-top: .5rem;"> </div> </a> </div> <div class="d-flex align-items-center"> <a href="https://festival-resistances.fr/" class="sidebar_link_actus link_in_card_films" target="_blank"> <div class="pt-3 pb-1 px-3"> <img data-lazy="/img/partenaire/logo_resistances.png" class="img-fluid" alt="" style="margin-top: .5rem;"> </div> </a> </div>  <div class="d-flex align-items-center"> <a href="https://www.sacem.fr/" class="sidebar_link_actus link_in_card_films" target="_blank"> <div class="pt-3 pb-1 px-4"> <img data-lazy="/img/partenaire/logo_sacem.png" class="img-fluid" alt="" style="margin-top: .5rem;"> </div> </a> </div> <div class="d-flex align-items-center"> <a href="https://www.scam.fr/" class="sidebar_link_actus link_in_card_films" target="_blank"> <div class="pt-3 pb-1 px-4"> <img data-lazy="/img/partenaire/logo_scam.png" class="img-fluid" alt="" style="margin-top: .5rem;"> </div> </a> </div>  <div class="d-flex align-items-center"> <a href="https://www.sunnysideofthedoc.com/fr/accueil.htm" class="sidebar_link_actus link_in_card_films" target="_blank"> <div class="pt-3 pb-1 px-4"> <img data-lazy="/img/partenaire/logo_ssd.png" class="img-fluid" alt=""> </div> </a> </div> <div class="d-flex align-items-center"> <a href="https://www.on-tenk.com/fr" class="sidebar_link_actus link_in_card_films" target="_blank"> <div class="pt-3 pb-1 px-4"> <img data-lazy="/img/partenaire/logo_tenk_w.png" class="img-fluid" alt=""> </div> </a> </div> <div class="d-flex align-items-center"> <a href="https://www.uphf.fr/" class="sidebar_link_actus link_in_card_films" target="_blank"> <div class="pt-3 pb-1 px-3"> <img data-lazy="/img/partenaire/logo_universite_polytechnique.png" class="img-fluid" alt=""> </div> </a> </div> <div class="d-flex align-items-center"> <a href="http://www.videadoc.com/" class="sidebar_link_actus link_in_card_films" target="_blank"> <div class="pt-3 pb-1 px-4"> <img data-lazy="/img/partenaire/logo_videadoc.png" class="img-fluid" alt="" style="margin-top: 1rem;"> </div> </a> </div> <div class="d-flex align-items-center"> <a href="https://www.visionsdureel.ch/" class="sidebar_link_actus link_in_card_films" target="_blank"> <div class="pt-1 pb-1 px-4"> <img data-lazy="/img/partenaire/logo_visions_du_reel.png" class="img-fluid" alt="" style="margin-top: 1rem;"> </div> </a> </div> </div> </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://www.instagram.com/film_documentaire.fr/" target="_blank"><i class="fab fa-instagram 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 : qui sommes-nous ?"; </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