<!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_Createur" /> <meta property="og:type" content="Film-documentaire.fr" /> <meta property="og:title" content="Film-documentaire.fr : les créateurs" />    <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_Createur"> <meta property="twitter:title" content="Film-documentaire.fr : les créateurs"> <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_createur" 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"> <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;">Les créateurs & créatrices</h1> <div class="text-white text_shadow pt-0 pl-1 pr-2 d-nonex d-md-blockx ffPNB"> Écriture, réalisation, musique originale et autres collaborations artistiques et techniques </div> </div> </div> </div> <div class="row pb-5"> <div class="col-12"> <div class="card rounded-lg pb-2 px-4 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 des créateurs & créatrices</h5> </div> <div class="card-body pt-0"> <form action="/4DACTION/w_search_full_createur" method="post"> <div class="form-row"> <div class="form-group col-md-7 text-blanc"> <label for="recherche_1">Par nom, prénom</label> <input type="text" class="form-control form-control-createurs" id="recherche_1" name="input_createur" value="" style="height: calc(1.840625rem + 6px);"> </div> <div class="form-group col-md-5 text-blanc"> <label for="thema">Participations artistiques et techniques</label> <select class='form-control select2' id='tabMetier' multiple='multiple' data-placeholder='Choisissez un ou plusieurs' style='width: 100%;' name='tabMetier'><option>Réalisation</option><option>Écriture</option><option>Musique originale</option><option disabled>-----------------------------------------------</option><option>Animation</option><option>Ayant droit</option><option>Conseil dramaturgique</option><option>Conseil historique</option><option>Conseil scientifique</option><option>Conseil technique</option><option>Coproduction</option><option>Diffusion-Consultation</option><option>Direction artistique</option><option>Direction de collection</option><option>Direction de la photographie</option><option>Distribution</option><option>Documentaliste</option><option>Édition DVD</option><option>Étalonnage</option><option>Graphisme</option><option>Image</option><option>Interprétation</option><option>Journaliste</option><option>Mixage</option><option>Montage</option><option>Montage son</option><option>Participation</option><option>Photographe</option><option>Production (personne)</option><option>Production (structure)</option><option>Réalisation</option><option>Recherche ethnographique</option><option>Son</option><option>Sound design</option><option>Traduction</option><option>Voix off</option></select> </div> <div class="col-12"> <div class="d-flex justify-content-start flex-wrap pt-2"> <button type="submit" class="btn btn-outline-light ffPNB btn-lg text-uppercase" style="letter-spacing:1px;"><i class="fas fa-search mr-2"></i>Rechercher</button> </div> </div> </div> </form> </div> </div> </div> </div> <div class="row pb-3"> <div class="col">  <h2 class="h1 titres_link_rubrique text-white ffPNB text_shadow text-lowercasex smallCapsx rounded-lg px-3">Zoom sur…</h2> </div> </div> <div class="row pb-3"> <div class="col-12"> <div class="slick_zoom_films"> <div class="card mb-3 mb-md-2 rounded-lg"> <a href="/4DACTION/w_fiche_createur/220" class="link_images_liste"> <div class="row no-gutters"> <div class="col-md-6 d-flex align-items-center"> <div class="card-header p-3 rounded-lg"> <span class="hover_effect"></span> <img src="https://images-film-documentaire.fr/personne/F39/9B2213412AF843F5B2C78B976E31BF39.jpg" class="img-fluid"> <p class="small text-muted pb-0 mb-1">© Benjamin Geminel</p> </div> </div>  <div class="col-md-6 pr-0 pr-md-4 d-flex align-items-center"> <div class="card-body pt-0 py-2 px-3 px-md-3 rounded-lg"> <h3 class="h1 mb-1 pt-0 pt-md-2 ffPNB text-filmsx">Simone Bitton</h3>  <p class="resume_zoom_surx text-body"><span style="font-size:13pt"><br/>Le Prix Charles Brabant 2024 est attribué à Simone Bitton.<br/><br/>Ce Prix, créé en 1981, honore la mémoire du président fondateur de la Scam, Charles Brabant. Il consacre le parcours d’un auteur ou d’une autrice dont l’exigence a laissé son empreinte sur la création documentaire.<br/></span></p> </div> </div> </div> </a> </div> </div> </div> </div>  <div class="row pb-3"> <div class="col-12 pt-6"> <h2 class="h1 titres_link_rubrique text-white ffPNB text_shadow text-lowercasex smallCapsx rounded-lg px-3">Dernières fiches inscrites ou modifiées</h2> </div> </div> <div class="row pb-5"> <div class="col-12"> <div class="card rounded-lg"> <div class="slick_derniers_films"> <div class=""> <a href="/4DACTION/w_fiche_createur/149146" class="sidebar_link_createurs link_in_card_createurs"> <div class="p-4 d-flex flex-column"> <img data-lazy="https://images-film-documentaire.fr/createur_sans_visuel.png" class="img-fluid align-self-center align-self-sm-start" alt=""><h3 class="h4 mt-3 mb-1 titres_link titres_carousel ffPNB align-self-center align-self-sm-start">Émilie D</h3> </div> </a> </div> <div class=""> <a href="/4DACTION/w_fiche_createur/136187" class="sidebar_link_createurs link_in_card_createurs"> <div class="p-4 d-flex flex-column"> <img data-lazy="https://images-film-documentaire.fr/createur_sans_visuel.png" class="img-fluid align-self-center align-self-sm-start" alt=""><h3 class="h4 mt-3 mb-1 titres_link titres_carousel ffPNB align-self-center align-self-sm-start">Antonino d' Ambrosio</h3> </div> </a> </div> <div class=""> <a href="/4DACTION/w_fiche_createur/86749" class="sidebar_link_createurs link_in_card_createurs"> <div class="p-4 d-flex flex-column"> <img data-lazy="https://images-film-documentaire.fr/personne/A26/C8448E6A584B4D018540B3346A6DAA26.jpg" class="img-fluid align-self-center align-self-sm-start" alt=""><h3 class="h4 mt-3 mb-1 titres_link titres_carousel ffPNB align-self-center align-self-sm-start">Mohamed Malas</h3> </div> </a> </div> <div class=""> <a href="/4DACTION/w_fiche_createur/73009" class="sidebar_link_createurs link_in_card_createurs"> <div class="p-4 d-flex flex-column"> <img data-lazy="https://images-film-documentaire.fr/createur_sans_visuel.png" class="img-fluid align-self-center align-self-sm-start" alt=""><h3 class="h4 mt-3 mb-1 titres_link titres_carousel ffPNB align-self-center align-self-sm-start">Antonio Spanò</h3> </div> </a> </div> <div class=""> <a href="/4DACTION/w_fiche_createur/71604" class="sidebar_link_createurs link_in_card_createurs"> <div class="p-4 d-flex flex-column"> <img data-lazy="https://images-film-documentaire.fr/createur_sans_visuel.png" class="img-fluid align-self-center align-self-sm-start" alt=""><h3 class="h4 mt-3 mb-1 titres_link titres_carousel ffPNB align-self-center align-self-sm-start">Laureline Amanieux</h3> </div> </a> </div> <div class=""> <a href="/4DACTION/w_fiche_createur/66864" class="sidebar_link_createurs link_in_card_createurs"> <div class="p-4 d-flex flex-column"> <img data-lazy="https://images-film-documentaire.fr/createur_sans_visuel.png" class="img-fluid align-self-center align-self-sm-start" alt=""><h3 class="h4 mt-3 mb-1 titres_link titres_carousel ffPNB align-self-center align-self-sm-start">Aurore Aulong</h3> </div> </a> </div> <div class=""> <a href="/4DACTION/w_fiche_createur/58373" class="sidebar_link_createurs link_in_card_createurs"> <div class="p-4 d-flex flex-column"> <img data-lazy="https://images-film-documentaire.fr/createur_sans_visuel.png" class="img-fluid align-self-center align-self-sm-start" alt=""><h3 class="h4 mt-3 mb-1 titres_link titres_carousel ffPNB align-self-center align-self-sm-start">Hamid Benamra</h3> </div> </a> </div> <div class=""> <a href="/4DACTION/w_fiche_createur/58265" class="sidebar_link_createurs link_in_card_createurs"> <div class="p-4 d-flex flex-column"> <img data-lazy="https://images-film-documentaire.fr/createur_sans_visuel.png" class="img-fluid align-self-center align-self-sm-start" alt=""><h3 class="h4 mt-3 mb-1 titres_link titres_carousel ffPNB align-self-center align-self-sm-start">Karine Birgé</h3> </div> </a> </div> <div class=""> <a href="/4DACTION/w_fiche_createur/49242" class="sidebar_link_createurs link_in_card_createurs"> <div class="p-4 d-flex flex-column"> <img data-lazy="https://images-film-documentaire.fr/personne/112/0A401943A97E425DAFCC83C3CC4D7112.jpg" class="img-fluid align-self-center align-self-sm-start" alt=""><h3 class="h4 mt-3 mb-1 titres_link titres_carousel ffPNB align-self-center align-self-sm-start">Dominique Thiéry</h3> </div> </a> </div> <div class=""> <a href="/4DACTION/w_fiche_createur/50037" class="sidebar_link_createurs link_in_card_createurs"> <div class="p-4 d-flex flex-column"> <img data-lazy="https://images-film-documentaire.fr/personne/C22/389A78F3DFAF4BCCAB462AB708063C22.jpg" class="img-fluid align-self-center align-self-sm-start" alt=""><h3 class="h4 mt-3 mb-1 titres_link titres_carousel ffPNB align-self-center align-self-sm-start">Adrien Faucheux</h3> </div> </a> </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-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 : les créateurs"; </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