1<!DOCTYPE html> 2<html lang="fr"> 3 4<head> 5 <meta charset="utf-8"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 8 <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."> 9 <meta name="author" content="Film-documentaire.fr"> 10 <meta name="google-site-verification" content="sVfqABrouBU1XVmIFyOJCqRIbRYq8n2zihQfR7Dh_PA" /> 11 12 <!--<link rel="canonical" href="https://www.film-documentaire.fr" /> --> 13 14 <!-- Favicon --> 15 <link rel="shortcut icon" href="/img/favicon/favicon.ico"> 16 <link rel="apple-touch-icon-precomposed" sizes="57x57" href="/img/favicon/apple-touch-icon-57x57.png" /> 17 <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/img/favicon/apple-touch-icon-114x114.png" /> 18 <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/img/favicon/apple-touch-icon-72x72.png" /> 19 <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/img/favicon/apple-touch-icon-144x144.png" /> 20 <link rel="apple-touch-icon-precomposed" sizes="60x60" href="/img/favicon/apple-touch-icon-60x60.png" /> 21 <link rel="apple-touch-icon-precomposed" sizes="120x120" href="/img/favicon/apple-touch-icon-120x120.png" /> 22 <link rel="apple-touch-icon-precomposed" sizes="76x76" href="/img/favicon/apple-touch-icon-76x76.png" /> 23 <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/img/favicon/apple-touch-icon-152x152.png" /> 24 <link rel="icon" type="image/png" href="/img/favicon/favicon-196x196.png" sizes="196x196" /> 25 <link rel="icon" type="image/png" href="/img/favicon/favicon-96x96.png" sizes="96x96" /> 26 <link rel="icon" type="image/png" href="/img/favicon/favicon-32x32.png" sizes="32x32" /> 27 <link rel="icon" type="image/png" href="/img/favicon/favicon-16x16.png" sizes="16x16" /> 28 <link rel="icon" type="image/png" href="/img/favicon/favicon-128.png" sizes="128x128" /> 29 <meta name="application-name" content=" "/> 30 <meta name="msapplication-TileColor" content="#FFFFFF" /> 31 <meta name="msapplication-TileImage" content="/img/favicon/mstile-144x144.png" /> 32 <meta name="msapplication-square70x70logo" content="/img/favicon/mstile-70x70.png" /> 33 <meta name="msapplication-square150x150logo" content="/img/favicon/mstile-150x150.png" /> 34 <meta name="msapplication-wide310x150logo" content="/img/favicon/mstile-310x150.png" /> 35 <meta name="msapplication-square310x310logo" content="/img/favicon/mstile-310x310.png" /> 36 37 <!-- Fonts --> 38 <link rel="preconnect" href="https://fonts.gstatic.com"> 39 <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"> 40 41 42 <!-- All CSS --> 43 <link rel="stylesheet" href="/css/stylesheet.css"> 44 <link rel="stylesheet" href="/css/light.css"> 45 <link rel="stylesheet" href="/css/vegas.min.css"> 46 <link rel="stylesheet" href="/css/select2.min.css"> 47 <link rel="stylesheet" href="/css/custom_fd_0726.css"> 48 <link rel="stylesheet" href="/css/ekko-lightbox.css"> 49 <link rel="stylesheet" href="/css/easy-autocomplete.css"> 50 <!-- CSS pour les ICONES--> 51 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css"crossorigin="anonymous" referrerpolicy="no-referrer"> 52 53 <!-- SLICK CAROUSEL --> 54 <link rel="stylesheet" type="text/css" href="/css/slick/slick.css"/> 55 <link rel="stylesheet" type="text/css" href="/css/slick/slick-theme.css"/> 56 57 58<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 64 bytes, lines 58-59
58 59<script async src="https://www.googletagmanager.com/gtag/js?id=
59G-L4P4NJYFNT
vendor: 12 bytes, line 59
59"></script>
60<script> 61
vendor: 134 bytes, lines 61-65
61window.dataLayer = window.dataLayer || []; 62 function gtag(){dataLayer.push(arguments);} 63 gtag('js', new Date()); 64 65 gtag('config', '
65G-L4P4NJYFNT
vendor: 4 bytes, line 65
65');
66</script>
66 67 68<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 64 bytes, lines 68-69
68 69<script async src="https://www.googletagmanager.com/gtag/js?id=
69UA-65675356-1
vendor: 12 bytes, line 69
69"></script>
70<script> 71
vendor: 134 bytes, lines 71-75
71window.dataLayer = window.dataLayer || []; 72 function gtag(){dataLayer.push(arguments);} 73 gtag('js', new Date()); 74 75 gtag('config', '
75UA-65675356-1
vendor: 4 bytes, line 75
75');
76</script>
76 77 78 <!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 78-79
78 79<script async src="https://www.googletagmanager.com/gtag/js?id=
79G-KPPQGYXZ5E
vendor: 12 bytes, line 79
79"></script>
80<script> 81
vendor: 134 bytes, lines 81-85
81window.dataLayer = window.dataLayer || []; 82 function gtag(){dataLayer.push(arguments);} 83 gtag('js', new Date()); 84 85 gtag('config', '
85G-KPPQGYXZ5E
vendor: 4 bytes, line 85
85');
86</script>
86 87 88 <!-- Google Tag Manager 89
89<script>
vendor: 331 bytes, lines 89-93
89(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 90 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 91 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 92 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 93 })(window,document,'script','dataLayer','
93GTM-MF7CZLL
vendor: 3 bytes, line 93
93');
93</script>
93 94 End Google Tag Manager --> 95 96 <!-- Facebook Tag --> 97 <meta property="og:url" content="http://www.film-documentaire.fr<!--#4DHTML www_Facebook--> : Indéfinie" /> 98 <meta property="og:type" content="Film-documentaire.fr" /> 99 <meta property="og:title" content="Film-documentaire.fr" /> 100 <!--<meta property="og:description" content="#4DHTML www_Event_Chapeau" /> 101 <meta property="og:image" content="#4DHTML www_Event_Facebook" />--> 102 103 <!-- Facebook Tag--> 104 105 <!-- Twitter Tag --> 106 <meta name="twitter:card" content="summary_large_image"> 107 <meta name="twitter:site" content="@Film_doc"> 108 <meta property="twitter:url" content="http://www.film-documentaire.fr<!--#4DHTML www_Facebook--> : Indéfinie"> 109 <meta property="twitter:title" content="Film-documentaire.fr"> 110 <meta property="twitter:image" content="http://www.film-documentaire.fr/images/logo.png"> 111
111<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
111 112 <!-- Twitter Tag --> 113 114 115
116<script> 117 !function (a, b, c, d, e, f){ 118 a.ddjskey = e; 119 a.ddoptions = f || null; 120 var m = b.createElement(c), n = b.getElementsByTagName(c)[0]; 121 m.async = 1, m.src = d, n.parentNode.insertBefore(m, n); 122 }(window, 123 document, 124 "script", 125 "https://js.datadome.co/tags.js", 126 "AD6661B162DBF84819E888911FD3A9", 127 { ajaxListenerPath: true } 128 ); 129</script>
129 130 131 132 133 134 135 136 137 138</head> 139 140<body data-theme="default" data-layout="fluid" data-sidebar-position="left" data-sidebar-behavior="sticky"> 141 142 <!-- Facebook share sdk --> 143 <div id="fb-root"></div> 144
144<script async defer crossorigin="anonymous" src="https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v5.0"></script>
144 145 <!-- Facebook share sdk --> 146 147 <input type="hidden" name="www_Menu" value="" id="www_Menu"> 148 149 <div class="wrapper wrapper_index"> 150 151 <nav id="sidebar" class="sidebar"> 152 <div class="sidebar-content js-simplebar"> 153 <a class="sidebar-brand logo_left text-left" href="/index.shtml"> 154 <!-- @og 18.05 : le bon logo --> 155 <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 "/>
155<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> 156 </a> 157 158 <ul class="sidebar-nav pt-3"> 159 <li class="sidebar-item" id="menu_film"> 160 <a class="sidebar-link sidebar_link_films" href="/4DACTION/w_Film" onclick="javascript:menu_active('menu_film');"> 161 <span class="align-middle text-uppercase sidebar_item_fd">Films</span> 162 </a> 163 </li> 164 165 166 <li class="sidebar-item d-block d-md-none"> 167 168 <a class="sidebar-link sidebar_link_films pt-1 pb-2" data-toggle="modal" data-target="#ModalConnexion"> 169 <span class="align-middle ffPNB smallCaps">ajouter une fiche de film</span> 170 <span class="float-right"><i class="fas fa-file-upload fa-lg ml-2"></i></span> 171 </a> 172 173 </li> 174 175 <li class="sidebar-item" id="menu_createur"> 176 <a class="sidebar-link sidebar_link_createurs" href="/4DACTION/w_Createur"> 177 <span class="align-middle text-uppercase sidebar_item_fd">Créateurs & Créatrices</span> 178 <span class="align-middle d-block small sidebar_item_fd_small">écriture, réalisation, musique originale<br>et autres collaborations artistiques</span> 179 </a> 180 </li> 181 182 <li class="sidebar-item" id="menu_producteur"> 183 <a class="sidebar-link sidebar_link_producteurs" href="/4DACTION/w_Producteur"> 184 <span class="align-middle text-uppercase sidebar_item_fd">Structures de production</span> 185 <span class="align-middle d-block small sidebar_item_fd_small">et autres structures : distribution, diffusion, éditionâ¦</span> 186 </a> 187 </li> 188 189 <li class="sidebar-item" id="menu_festival"> 190 <a class="sidebar-link sidebar_link_festivals" href="/4DACTION/w_Festival"> 191 <span class="align-middle text-uppercase sidebar_item_fd">Festivals</span> 192 </a> 193 </li> 194 195 <li class="sidebar-item" id="menu_ecrit"> 196 <a class="sidebar-link sidebar_link_ecrits" href="/4DACTION/w_Ecrit"> 197 <span class="align-middle text-uppercase sidebar_item_fd">Ãcrits</span> 198 <span class="align-middle d-block small sidebar_item_fd_small">critiques, entretiens, portraits</span> 199 </a> 200 </li> 201 202 <li class="sidebar-item" id="menu_traverse"> 203 <a class="sidebar-link sidebar_link_ecrits" href="/4DACTION/w_Traverse"> 204 <span class="align-middle text-uppercase sidebar_item_fd">Traverses</span> 205 <span class="align-middle d-block small sidebar_item_fd_small">revue d'analyse et de recherche</span> 206 </a> 207 </li> 208 209 <li class="sidebar-item" id="menu_media"> 210 <a class="sidebar-link sidebar_link_mediatheque" href="/4DACTION/w_Mediatheque" onclick="javascript:menu_active('menu_media');"> 211 <span class="align-middle text-uppercase sidebar_item_fd">La Médiathèque</span> 212 <span class="align-middle d-block small sidebar_item_fd_small">livres, podcasts, films invisibles, tables rondes, master classesâ¦</span> 213 </a> 214 </li> 215 216 <li class="sidebar-item pb-5" id="menu_actu"> 217 <a class="sidebar-link sidebar_link_actus" href="/4DACTION/w_Actualite"> 218 <span class="align-middle text-uppercase sidebar_item_fd">Actualités</span> 219 <span class="align-middle d-block small sidebar_item_fd_small">en cours et archivées</span> 220 </a> 221 </li> 222 223 <li class="sidebar-item d-block d-xl-none"> 224 <a class="sidebar-link pb-1" href="https://vimeo.com/688426555" target="_blank"> 225 <img src="/img/photos/clip_valid.jpg" alt="clip" width="56" height="32"> 226 </a> 227 </li> 228 229 230 <li class="sidebar-item"> 231 <a class="sidebar-link pb-1" href="https://www.helloasso.com/associations/film-documentairefr/formulaires/2" target="_blank" id="permanent-link">
232 <span class="align-middle ffPNB">Faire un don</span> 233 </a> 234 </li> 235 236 <li class="sidebar-item"> 237 <a class="sidebar-link pb-1" href="/4DACTION/w_Aide"> 238 <span class="align-middle ffPNB">Aide/FAQ</span> 239 </a> 240 </li> 241 242 <!-- @og 18.05 : ajouter lien supplémentaire vers rubrique Aide --> 243 <li class="sidebar-item"> 244 <a class="sidebar-link pb-1" href="/4DACTION/w_Aide"> 245 <span class="align-middle ffPNB">Visionner ou acheter un film</span> 246 </a> 247 </li> 248 249 <li class="sidebar-item"> 250 <!-- @og 18.05 : attention, le lien sera remplacé par "apropos.html" --> 251 <a class="sidebar-link pb-1" href="/4DACTION/w_Propos"> 252 <span class="align-middle ffPNB">Qui sommes-nous ?</span> 253 </a> 254 </li> 255 256 257 <li class="sidebar-item"> 258 <a class="sidebar-link pb-1" href="/4DACTION/w_Contact"> 259 <span class="align-middle ffPNB">Contact</span> 260 </a> 261 </li> 262 263 <!-- @og : 07.12 --> 264 <li class="sidebar-item"> 265 <a class="sidebar-link pb-1" href="/4DACTION/w_Lettre"> 266 <span class="align-middle ffPNB">Lettre d'information</span> 267 </a> 268 </li> 269 270 </ul> 271 </div> 272 </nav> 273 274 <div class="main"> 275 276 <nav id="topbar_nav" class="navbar navbar-expand navbar-light navbar-bg sticky-top bg-dark"> 277 <div class="container-fluid"> 278 <div class="navbar-collapse collapse" id="navbar10"> 279 <ul class="navbar-nav nav-fill w-100"> 280 <!-- @og 18.05 : modifs --> 281 <li class="nav-item"> 282 <div class="d-flex justify-content-between"> 283 <a class="sidebar-toggle align-self-center" id="menu_burger_fd"> 284 <i class="hamburger align-self-center"></i> 285 </a> 286 <a id="logo_topx" class="sidebar-brand logo_top_style d-block d-lg-none" href="/index.shtml"><!-- style="display: none;" --> 287 <svg xmlns="http://www.w3.org/2000/svg" width="320" height="240" viewBox="0 0 320 240.3"> 288 <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"/> 289 </svg> 290 </a> 291 <form class="d-flex flex-grow-1" id="SearchForm_Full" method="post" action="/4DACTION/w_search_full"> 292 <div class="input-group input-group-navbar input-group-rs d-flex flex-nowrap"> 293 <input type="text" class="form-control" placeholder="Rechercher dans lâensemble du site" aria-label="Search" id="rech_simple" name="rech_simple"> 294 <input type="hidden" id="rech_uukey" name="rech_uukey" value=""> 295 <input type="hidden" id="rech_table" name="rech_table" value=""> 296 <div class="input-group-append"> 297 <button class="btn" type="submit"> 298 <i class="align-self-center" data-feather="search"></i> 299 </button> 300 </div> 301 </div> 302 </form> 303 </div> 304 </li> 305 <li class="nav-item"> 306 <div class="d-flex justify-content-end"> 307 <!-- @og 04.02 : ajout icone clip --> 308 <div class="d-flex align-items-center pr-3 text-lg"> 309 <a href="https://vimeo.com/688426555" target="_blank" class="d-none d-xl-inline-block"> 310 <img src="/img/photos/clip_valid.jpg" alt="clip" width="56" height="32"> 311 </a> 312 </div> 313 <!-- @og 04.01 : ajout lien lettre --> 314 <div class="d-flex align-items-center pr-3 text-lg"> 315 <a href="/4DACTION/w_Lettre" class="btn btn-lgx btn-outline-light smallCaps ffPNB d-none d-xl-inline-block"> 316 <!-- <i class="align-self-center mr-2" data-feather="send"></i>
316 --> <i class="fas fa-newspaper align-self-center mr-2"></i> lettre d'information 317 </a> 318 </div> 319 <div class="d-flex align-items-center rounded-lg pr-3"> 320 <!-- @og 18.05 : remplacer <button> par <a> et supprimer les deux liens supplémentaires Proposer une actu et Aide sur vos contributions --> 321 322 <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 323 </a> 324 325 </div> 326 <div class=""> 327 <a class="nav-icon dropdown-toggle" href="#" id="" data-toggle="dropdown"> 328 <div class="position-relative"> 329 <i class="fas fa-user align-middle"></i> 330 <!-- <span class="indicator"></span> --> 331 </div> 332 </a> 333 <!-- @og 18.05 : modifs --> 334 <div class="dropdown-menu dropdown-menu-right"> 335 336 <a class="dropdown-item" data-toggle="modal" data-target="#ModalConnexion"><i class="align-middle mr-1" data-feather="log-in"></i> Se connecter</a> 337 338 </div> 339 </div> 340 </div> 341 </li> 342 </ul> 343 </div> 344 </div> 345 </nav> 346 347 <main class="content"> 348 <div class="container p-0"> 349 350 <div class="row"> 351 <div class="col-12 d-flex"> 352 <!-- @og 18.05 : modifs --> 353 <div class="card flex-fill px-3 px-xl-4 py-2 card_mission rounded-lg bg-dark"> 354 <div class="row"> 355 <div class="col-12 d-flex justify-content-between text-white"> 356 <!-- @og 18.05 : attention classes ajoutées sur le h1 --> 357 <a href="/4DACTION/w_Propos" class="link-editorial text-reset"><h1 class="card-text card_text_mission pb-2 pl-1 ffPNB text-white">La plateforme de recherche et d'information du film documentaire</h1></a> 358 <!-- <h1 class="card-text card_text_mission pt-2 pl-1 ffPNB">Le portail de référence <br class="d-block d-md-none"> du film documentaire</h1> --> 359 </div> 360 </div> 361 <div class="row"> 362 <div class="col-12"> 363 <!-- @og 18.05 : modifs--> 364 <div class="d-flex flex-column flex-md-row justify-content-md-between pt-3 pt-md-1"> 365 366 <div class="px-1 py-1 pt-md-2 pb-md-0"><span class="ffPNB mission_link link_underline">74757 films</span></div> 367 <div class="px-1 py-1 pt-md-2 pb-md-0"><span class="ffPNB mission_link link_underline">120939 créateurs & créatrices</span></div> 368 <div class="px-1 py-1 pt-md-2 pb-md-0"><span class="ffPNB mission_link link_underline">34703 structures</span></div> 369 <div class="px-1 py-1 pt-md-2 pb-md-0"><span class="ffPNB mission_link link_underline">810 festivals</span></div> 370 371 372 </div> 373 </div> 374 </div> 375 </div> 376 </div> 377 </div> 378 379 380 <!-- @og 18.05 : modif --> 381 <div class="row pb-3"> 382 <div class="col-12 pt-5"> 383 <h2 class="h1 titres_link_rubrique text-white ffPNB text_shadow text-lowercasex smallCapsx rounded-lg px-3">Actualités</h2> 384 </div> 385 </div> 386 387 388 <div class="row"> 389 390 391 <div class="col-12 col-md-8 mb-3"> 392 <div class="card mb-3 rounded-lg bg-dark-blue text-light"> 393 <div class="row no-gutters align-items-start"> 394 <div class="col-12 col-lg-6 col-xl-6 text-center text-xl-left"><div class="pl-lg-3 py-lg-3 px-xl-5 py-xl-7"><img src='https://images-film-documentaire.fr/actu/1F4/723B39C008F8466CB814813EB8E5C1F4.jpg' class="img-fluid rounded-lg" alt=""></div></div><div class="col-12 col-lg-6 col-xl-6"><div class="card-body px-5 pl-lg-3 pl-xl-0 pr-xl-6 py-xl-7"><a class="sidebar_link_actus stretched-link link_in_card_actus link_in_card_actus_lumiere" href="/4DACTION/w_fiche_actu/1713"><h2 class="mb-0 ffPNB titres_link text-reset">Ãtats-Unis : l'Amérique malade</h2></a><div class="text-light mb-2 mb-sm-4">Du 29 septembre au 3 décembre 2026 - Lille, Roubaix et Tourcoing</div><p class="card-text mb-0 pb-2"><span style="font-size:13pt">Heure Exquise ! ouvre sa nouvelle saison culturelle autour du thème <span style="font-style:italic">Ãtats-Unis : l'Amérique malade</span> en compagnie de la réalisatrice Sabrina Van Tassel.</span></p><a href="/4DACTION/w_fiche_actu/1713" class="card-link text-actus sidebar_link_festivals">Lire la suite</a></div></div> 395 </div> 396 </div> 397 </div> 398 399 400 <div class="col-12 col-md-4 mb-3"> 401 <!-- @og 18.05 : modifs ascenseur et titre --> 402 <div class="card pb-3 rounded-lg bg-actus"> 403 <div class="card-header py-3 bg-actus"> 404 <h2 class="mb-0 ffPNB text-uppercase text-light">Brèves</h2> 405 </div> 406 <div class="card-body pt-0 pb-4 px-0 ascenseur_breves bg-actus"> 407 <ul class="list-group list-group-flush ffPNB"> 408 409 <li class="list-group-item bg-light"> 410 <div class="text-body ffPNB pb-1">25/09/2026</div> 411 <a class="align-middle text-bodyx" href="https://www.cnc.fr/cinema/actualites/le-documentaire--matiere-a-penser-9e-volet-la-democratie----le-documentaire-acte-de-resistance--le-29-septembre-2026_2669318" target="_blank"><div><span class="pr-2">
411Neuvième volet de la série "Le documentaire : matière à penser" proposée par La Scam, ARTE et le CNC, la rencontre "Le documentaire, acte de résistance" se déroulera le 29 septembre à partir de 14h30 dans les locaux de la Scam. Elle sera également retransmise en direct sur la salle virtuelle dâARTE.</span><i class="align-middle fas fa-fw fa-external-link-alt text-primaryx"></i></div></a> 412 </li> 413 414 <li class="list-group-item bg-light"> 415 <div class="text-body ffPNB pb-1">23/09/2026</div> 416 <a class="align-middle text-bodyx" href="https://www.lascam.fr/actualites-ressources/france-televisions-la-spirale-de-restrictions-met-en-peril-la-creation/" target="_blank"><div><span class="pr-2">LaScam publie un communiqué "France Télévisions : la spirale de restrictions met en péril la création".</span><i class="align-middle fas fa-fw fa-external-link-alt text-primaryx"></i></div></a> 417 </li> 418 419 <li class="list-group-item bg-light"> 420 <div class="text-body ffPNB pb-1">21/09/2026</div> 421 <a class="align-middle text-bodyx" href="https://www.garance-patrimoine.fr" target="_blank"><div><span class="pr-2">Le CNC annonce le lancement de Garance, portail consacré au patrimoine cinématographique.</span><i class="align-middle fas fa-fw fa-external-link-alt text-primaryx"></i></div></a> 422 </li> 423 424 <li class="list-group-item bg-light"> 425 <div class="text-body ffPNB pb-1">17/09/2026</div> 426 <a class="align-middle text-bodyx" href="https://www.athenee-theatre.com/saison/spectacle/la-demenagement.htm" target="_blank"><div><span class="pr-2">Du 22 au 26 septembre au théâtre de l'Athénée à Paris, Stanislas Merhar donne à entendre deux textes de Chantal Akerman, dans une lecture théâtrale accompagnée en musique.</span><i class="align-middle fas fa-fw fa-external-link-alt text-primaryx"></i></div></a> 427 </li> 428 429 <li class="list-group-item bg-light"> 430 <div class="text-body ffPNB pb-1">16/09/2026</div> 431 <a class="align-middle text-bodyx" href="https://www.lemonde.fr/culture/article/2026/09/15/patricio-guzman-cineaste-et-documentariste-du-chili-de-pinochet-est-mort_6774481_3246.html" target="_blank"><div><span class="pr-2">Décès de Patricio Guzmán, à qui l'on doit notamment "La Bataille du Chili", chronique de la chute du gouvernement d'Allende, jusqu'au coup d'Ãtat de Pinochet.</span><i class="align-middle fas fa-fw fa-external-link-alt text-primaryx"></i></div></a> 432 </li> 433 434 <li class="list-group-item bg-light"> 435 <div class="text-body ffPNB pb-1">07/09/2026</div> 436 <a class="align-middle text-bodyx" href="https://maisondufilm.com/wp-content/uploads/2026/07/Catalogue-Formations-2nd-semestre-2026-2.pdf" target="_blank"><div><span class="pr-2">La Maison du Film publie sa nouvelle offre de formations à suivre en�visioconférence.</span><i class="align-middle fas fa-fw fa-external-link-alt text-primaryx"></i></div></a> 437 </li> 438 439 <li class="list-group-item bg-light"> 440 <div class="text-body ffPNB pb-1">02/09/2026</div> 441 <a class="align-middle text-bodyx" href="https://form.heeds.eu/registration/25201/6e79c4219511660f9a82d157abe83fc9" target="_blank"><div><span class="pr-2">Lâappel à candidatures de la deuxième édition de la Bourse Médicis est ouvert jusqu'au 31 octobre 2026. </span><i class="align-middle fas fa-fw fa-external-link-alt text-primaryx"></i></div></a> 442 </li> 443 444 <li class="list-group-item bg-light"> 445 <div class="text-body ffPNB pb-1">31/08/2026</div> 446 <a class="align-middle text-bodyx" href="https://www.figra.fr/hommage-a-jean-louis-saporito/" target="_blank"><div><span class="pr-2">Décès de Jean-Louis Saporito, réalisateur, grand reporter et cofondateur de l'agence de presse Point du Jour.</span><i class="align-middle fas fa-fw fa-external-link-alt text-primaryx"></i></div></a> 447 </li> 448 449 <li class="list-group-item bg-light"> 450 <div class="text-body ffPNB pb-1">24/07/2026</div> 451 <a class="align-middle text-bodyx" href="https://laboucledocumentaire.fr/wp-content/uploads/2026/07/Etude-Boucle-La-Creation-cinematographique-et-audiovisuelle-depuis-les-territoires.pdf" target="_blank"><div><span class="pr-2">La Boucle documentaire publie une analyse des conventions-cadres CNC-Ãtat-Régions au prisme des auteur·ices réalisateur·ices.</span><i class="align-middle fas fa-fw fa-external-link-alt text-primaryx"></i></div></a> 452 </li> 453 454 <li class="list-group-item bg-light"> 455 <div class="text-body ffPNB pb-1">21/07/2026</div> 456 <a class="align-middle text-bodyx" href="https://www.festivalscope.com/page/fid-marseille-international-film-festival/" target="_blank"><div><span class="pr-2">FIDMarseille propose en visionnage gratuit une sélection de six courts métrages issus de la 37e édition, disponible sur la plateforme Festival Scope jusqu'au 10 août 2026.</span><i class="align-middle fas fa-fw fa-external-link-alt text-primaryx"></i></div></a> 457 </li> 458 459 <li class="list-group-item bg-light"> 460 <div class="text-body ffPNB pb-1">22/06/2026</div> 461 <a class="align-middle text-bodyx" href="https://www.cnc.fr/professionnels/communiques-de-presse/strasbourg-
461accueillera-en-2027-un-nouveau-marche-international-du-documentaire_2613709" target="_blank"><div><span class="pr-2">Gaëtan Bruel, président du CNC, a annoncé ce lundi à La Rochelle la poursuite du Sunny Side of the Doc à Strasbourg à partir de 2027. </span><i class="align-middle fas fa-fw fa-external-link-alt text-primaryx"></i></div></a> 462 </li> 463 464 <li class="list-group-item bg-light"> 465 <div class="text-body ffPNB pb-1">22/06/2026</div> 466 <a class="align-middle text-bodyx" href="https://www.visionsdureel.ch/anne-delseth-nouvelle-directrice-artistique-de-visions-du-reel/" target="_blank"><div><span class="pr-2">La Fondation Visions du Réel annonce la nomination dâAnne Delseth au poste de directrice artistique et codirectrice du festival. Membre du Comité de sélection depuis 2023, Anne Delseth prendra ses fonctions à la fin du mois dâaoût 2026.</span><i class="align-middle fas fa-fw fa-external-link-alt text-primaryx"></i></div></a> 467 </li> 468 469 <li class="list-group-item bg-light"> 470 <div class="text-body ffPNB pb-1">18/06/2026</div> 471 <a class="align-middle text-bodyx" href="https://www.lascam.fr/actualites-ressources/lascam-en-chiffres-2025-perceptions-records-et-forte-croissance-du-nombre-doeuvres/" target="_blank"><div><span class="pr-2">LaScam publie ses chiffres-clés 2025, extraits du rapport dâactivité et de transparence.</span><i class="align-middle fas fa-fw fa-external-link-alt text-primaryx"></i></div></a> 472 </li> 473 474 <li class="list-group-item bg-light"> 475 <div class="text-body ffPNB pb-1">17/06/2026</div> 476 <a class="align-middle text-bodyx" href="https://www.lascam.fr/actualites-ressources/le-prix-charles-brabant-2026-decerne-a-elisabeth-kapnist/" target="_blank"><div><span class="pr-2">La commission audiovisuelle de LaScam décerne le Prix Charles Brabant 2026 à Elisabeth Kapnist, pour lâensemble de son Åuvre audiovisuelle.</span><i class="align-middle fas fa-fw fa-external-link-alt text-primaryx"></i></div></a> 477 </li> 478 479 <li class="list-group-item bg-light"> 480 <div class="text-body ffPNB pb-1">16/06/2026</div> 481 <a class="align-middle text-bodyx" href="https://www.sooner.fr" target="_blank"><div><span class="pr-2">Le FIDMarseille sâassocie à la plateforme indépendante SOONER pour proposer en accès à la demande un large catalogue de films issus des dernières éditions depuis 2022, à redécouvrir du 30 juin au 21 juillet 2026.</span><i class="align-middle fas fa-fw fa-external-link-alt text-primaryx"></i></div></a> 482 </li> 483 484 <li class="list-group-item bg-light"> 485 <div class="text-body ffPNB pb-1">11/06/2026</div> 486 <a class="align-middle text-bodyx" href="https://www.lascam.fr/actualites-ressources/pillage-des-oeuvres-par-lia-le-groupe-epr-de-gabriel-attal-enterre-seul-la-proposition-de-loi-qui-devait-y-mettre-fin/" target="_blank"><div><span class="pr-2">LaScam publie un communiqué "Pillage des oeuvres par l'IA : le groupe EPR de Gabriel Attal enterre seul la proposition de loi qui devait y mettre fin".</span><i class="align-middle fas fa-fw fa-external-link-alt text-primaryx"></i></div></a> 487 </li> 488 489 <li class="list-group-item bg-light"> 490 <div class="text-body ffPNB pb-1">04/06/2026</div> 491 <a class="align-middle text-bodyx" href="https://www.telerama.fr/livre/mort-de-marjane-satrapi-l-autrice-franco-iranienne-de-persepolis-7031450.php" target="_blank"><div><span class="pr-2">Décès de Marjane Satrapi, co-réalisatrice de "Persepolis".</span><i class="align-middle fas fa-fw fa-external-link-alt text-primaryx"></i></div></a> 492 </li> 493 494 <li class="list-group-item bg-light"> 495 <div class="text-body ffPNB pb-1">23/05/2026</div> 496 <a class="align-middle text-bodyx" href="https://www.festival-cannes.com/presse/communiques/le-palmares-du-79e-festival-de-cannes/" target="_blank"><div><span class="pr-2">La Palme dâor du court métrage est attribuée à un documentaire : "Para los contrincantes" de Federico Luis.</span><i class="align-middle fas fa-fw fa-external-link-alt text-primaryx"></i></div></a> 497 </li> 498 499 <li class="list-group-item bg-light"> 500 <div class="text-body ffPNB pb-1">
50022/05/2026</div> 501 <a class="align-middle text-bodyx" href="https://www.lascam.fr/actualites-ressources/loeil-dor-2026-est-decerne-a-pegah-ahangarani/" target="_blank"><div><span class="pr-2">L'Åil d'or 2026 est décerné au film "Rehearsals for a Revolution" de Pegah Ahangarani. Le film "Tin Castle" dâAlexander Murphy reçoit une Mention spéciale du jury.��</span><i class="align-middle fas fa-fw fa-external-link-alt text-primaryx"></i></div></a> 502 </li> 503 504 <li class="list-group-item bg-light"> 505 <div class="text-body ffPNB pb-1">21/05/2026</div> 506 <a class="align-middle text-bodyx" href="https://www.forumdesimages.fr/la-quinzaine-en-salle-2026" target="_blank"><div><span class="pr-2">Le Forum des images propose du 10 au 21 juin 2026 la reprise intégrale de la 58e édition de la Quinzaine des Cinéastes, en présence des équipes de films.</span><i class="align-middle fas fa-fw fa-external-link-alt text-primaryx"></i></div></a> 507 </li> 508 509 <li class="list-group-item bg-light"> 510 <div class="text-body ffPNB pb-1">20/05/2026</div> 511 <a class="align-middle text-bodyx" href="https://www.cinematheque.fr/media/2026-05-20-cp-antenne-marseille.pdf" target="_blank"><div><span class="pr-2">La Cinémathèque française annonce lâouverture au public de son antenne à Marseille en avril 2027. Elle sera dirigée par Sabine Putorti.</span><i class="align-middle fas fa-fw fa-external-link-alt text-primaryx"></i></div></a> 512 </li> 513 514 <li class="list-group-item bg-light"> 515 <div class="text-body ffPNB pb-1">13/05/2026</div> 516 <a class="align-middle text-bodyx" href="https://www.cnc.fr/professionnels/etudes-et-rapports/bilans/bilan-2025-du-cnc_2589800#:~:text=209%2C6%20M%E2%82%AC%20de,%E2%82%AC%20pour%20les%20dispositifs%20transversaux." target="_blank"><div><span class="pr-2">Publication du bilan 2025 du CNC avec une vision complète des secteurs aidés. Il analyse également lâaction publique par le prisme des financements publics, de la parité et de lâemploi, et de la transition écologique dans les secteurs.</span><i class="align-middle fas fa-fw fa-external-link-alt text-primaryx"></i></div></a> 517 </li> 518 519 <li class="list-group-item bg-light"> 520 <div class="text-body ffPNB pb-1">11/05/2026</div> 521 <a class="align-middle text-bodyx" href="https://www.sunnysideofthedoc.com/fr/evenement/sessions-2026/" target="_blank"><div><span class="pr-2">Le Sunny Side of the Doc annonce le programme de sa 37e édition qui se tiendra du 22 au 24 juin 2026.</span><i class="align-middle fas fa-fw fa-external-link-alt text-primaryx"></i></div></a> 522 </li> 523 524 <li class="list-group-item bg-light"> 525 <div class="text-body ffPNB pb-1">06/05/2026</div> 526 <a class="align-middle text-bodyx" href="https://www.lascam.fr/actualites-ressources/desarmer-la-france-ce-que-cache-vraiment-le-rapport-alloncle/" target="_blank"><div><span class="pr-2">LaScam publie un communiqué "Désarmer la France : ce que cache vraiment le rapport Alloncle".</span><i class="align-middle fas fa-fw fa-external-link-alt text-primaryx"></i></div></a> 527 </li> 528 529 <li class="list-group-item bg-light"> 530 <div class="text-body ffPNB pb-1">05/05/2026</div> 531 <a class="align-middle text-bodyx" href="https://ardecheimages.org/l-ecole-documentaire/#formation" target="_blank"><div><span class="pr-2">L'école documentaire de Lussas propose de nouvelles formations professionnelles, notamment autour de l'administration de production et de l'environnement juridique du documentaire de création.</span><i class="align-middle fas fa-fw fa-external-link-alt text-primaryx"></i></div></a> 532 </li> 533 534 <li class="list-group-item bg-light"> 535 <div class="text-body ffPNB pb-1">28/04/2026</div> 536 <a class="align-middle text-bodyx" href="https://www.lascam.fr/actualites-ressources/ia-et-droits-dauteur-rejoignez-les-20-000-signataires-de-la-tribune-pour-proteger-vos-oeuvres/" target="_blank"><div><span class="pr-2">
536LaScam appelle à rejoindre les 20 000 acteurs de la culture et de la presse qui ont déjà signé la tribune pour lâinscription de la proposition de loi sur la présomption dâutilisation des contenus culturels par l'IA à lâAssemblée nationale.</span><i class="align-middle fas fa-fw fa-external-link-alt text-primaryx"></i></div></a> 537 </li> 538 539 <li class="list-group-item bg-light"> 540 <div class="text-body ffPNB pb-1">26/04/2026</div> 541 <a class="align-middle text-bodyx" href="https://www.visionsdureel.ch/programme/palmares/2026/" target="_blank"><div><span class="pr-2">Visions du Réel publie le palmarès de son édition 2026.</span><i class="align-middle fas fa-fw fa-external-link-alt text-primaryx"></i></div></a> 542 </li> 543 544 <li class="list-group-item bg-light"> 545 <div class="text-body ffPNB pb-1">24/04/2026</div> 546 <a class="align-middle text-bodyx" href="https://www.lascam.fr/actualites-ressources/publication-du-rapport-de-contre-enquete-sur-laudiovisuel-public/" target="_blank"><div><span class="pr-2">LaScam publie son rapport de contre-enquête sur lâaudiovisuel public.</span><i class="align-middle fas fa-fw fa-external-link-alt text-primaryx"></i></div></a> 547 </li> 548 549 <li class="list-group-item bg-light"> 550 <div class="text-body ffPNB pb-1">15/04/2026</div> 551 <a class="align-middle text-bodyx" href="https://festival-cinema-carcassonne.org/fiffh/up/Accueil/2026/Communiqu%C3%A9s/cm-cinebastide-14-04-2026.pdf?_t=1776243337" target="_blank"><div><span class="pr-2">Le Festival International du Film Politique de Carcassonne retire sa demande de subvention auprès de la mairie de Carcassonne et affirme ainsi son indépendance à lâégard de la municipalité désormais dirigée par le Rassemblement national.</span><i class="align-middle fas fa-fw fa-external-link-alt text-primaryx"></i></div></a> 552 </li> 553 554 <li class="list-group-item bg-light"> 555 <div class="text-body ffPNB pb-1">08/04/2026</div> 556 <a class="align-middle text-bodyx" href="https://www.visionsdureel.ch/depart-emilie-bujes/" target="_blank"><div><span class="pr-2">La Fondation Visions du Réel annonce le départ de sa directrice artistique Ãmilie Bujès à l'issue de l'édition 2026.</span><i class="align-middle fas fa-fw fa-external-link-alt text-primaryx"></i></div></a> 557 </li> 558 559 <li class="list-group-item bg-light"> 560 <a class="align-middle text-bodyx" href="/4DACTION/w_Actualite">Voir toutes les brèves</a> 561 </li> 562 </ul> 563 </div> 564 </div> 565 </div> 566 567 <div class="col-12 col-md-4 col-lg-4 mb-3" id="actu_1719"> 568 <div class="card"> 569 <img src='https://images-film-documentaire.fr/actu/3A1/419A501FAD8C42F38863820A8DEAA3A1.jpg' class="card-img-top" alt=""> 570 <div class="card-header"> 571 <a class="sidebar_link_actus stretched-link link_in_card_actus" href="/4DACTION/w_fiche_actu/1719"> <h3 class="mb-0 ffPNB titres_link">Garance</h3></a> 572 <div class="text-muted mb-2">Portail du patrimoine cinématographique</div> 573 </div> 574 <div class="card-body pt-0"> 575 <p class="card-text mb-0 pb-2"><span style="font-size:13pt">Le CNC, la Cinémathèque de Corse â Casa di Lume, la Cinémathèque française, la Cinémathèque Gnidzaz de Martigues, la Cinémathèque de Grenoble, la Cinémathèque de Toulouse et l'Institut Jean Vigo se sont rassemblés pour créer Garance, nouveau portail web dédié au patrimoine cinématographique. </span></p> 576 <a href="/4DACTION/w_fiche_actu/1719" class="card-link text-actus sidebar_link_festivals">Lire la suite</a> 577 </div> 578 </div> 579 </div> 580 581 <div class="col-12 col-md-4 col-lg-4 mb-3" id="actu_1705"> 582 <div class="card"> 583 <img src='https://images-film-documentaire.fr/actu/D4E/40D6E3BFAB804AEE9FCAE0B15312AD4E.jpg' class="card-img-top" alt=""> 584 <div class="card-header"> 585 <a class="sidebar_link_actus stretched-link link_in_card_actus" href="/4DACTION/w_fiche_actu/1705"> <h3 class="mb-0 ffPNB titres_link">La Cinémathèque française, une histoire au féminin pluriel</h3></a> 586 <div class="text-muted mb-2">Du 25 septembre au 1er octobre 2026 - Paris</div> 587 </div> 588 <div class="card-body pt-0"> 589 <p class="card-text mb-0 pb-2"><span style="font-size:13pt">La Cinémathèque française rend hommage à quelques grandes figures de son histoire dont les destins, souvent hors norme, racontent une autre histoire de l'institution, de la conservation et la mémoire du cinéma. Une histoire au féminin, non pas dans l'ombre mais bien aux côtés d'Henri Langlois.</span></p> 590 <a href="/4DACTION/w_fiche_actu/1705" class="card-link text-actus sidebar_link_festivals">Lire la suite</a> 591 </div> 592 </div> 593 </div> 594 595 <div class="col-12 col-md-4 col-lg-4 mb-3" id="actu_1693"> 596 <div class="card"> 597 <img src='https://images-film-documentaire.fr/actu/BF7/618A7A7F05DD4571A1E47917D48FBBF7.jpg' class="card-img-top" alt=""> 598 <div class="card-header"> 599 <a class="sidebar_link_actus stretched-link link_in_card_actus" href="/4DACTION/w_fiche_actu/1693"> <h3 class="mb-0 ffPNB titres_link">Jean-Pierre Thorn. Fraternellement</h3></a> 600 <div class="text-muted mb-2">Du 16 septembre au 1er novembre 2026 - La Cinémathèque du documentaire par la Bpi</div> 601 </div> 602 <div class="card-body pt-0"> 603 <p class="card-text mb-0 pb-2"><span style="font-size:13pt">à l'occasion de ce nouveau cycle, La Cinémathèque du documentaire et la Bibliothèque publique d'information (Bpi) vous invitent à plonger dans la filmographie dense, engagée et profondément humaniste de Jean-Pierre Thorn.</span></p> 604 <a href="/4DACTION/w_fiche_actu/1693" class="card-link text-actus sidebar_link_festivals">Lire la suite</a> 605 </div> 606 </div> 607 </div> 608 609 <div class="col-12 col-md-4 col-lg-4 mb-3" id="actu_1717"> 610 <div class="card"> 611 <img src='https://images-film-documentaire.fr/actu/723/835BB73A48E94B17A955149982924723.jpg' class="card-img-top" alt=""> 612 <div class="card-header"> 613 <a class="sidebar_link_actus stretched-link link_in_card_actus" href="/4DACTION/w_fiche_actu/1717"> <h3 class="mb-0 ffPNB titres_link">Masterclasse de Vincent Dieutre</h3></a> 614 <div class="text-muted mb-2">Rencontres du cinéma documentaire, 2025</div> 615 </div> 616 <div class="card-body pt-0"> 617 <p class="card-text mb-0 pb-2"><span style="font-size:13pt">Invité des Rencontres du cinéma documentaire en novembre 2025, Vincent Dieutre y avait donné une longue masterclasse, aujourd'hui accessible sur le site de Périphérie.</sp
617an></p> 618 <a href="/4DACTION/w_fiche_actu/1717" class="card-link text-actus sidebar_link_festivals">Lire la suite</a> 619 </div> 620 </div> 621 </div> 622 623 <div class="col-12 col-md-4 col-lg-4 mb-3" id="actu_1718"> 624 <div class="card"> 625 <img src='https://images-film-documentaire.fr/actu/BED/2AA20911FE7648098F5B90F98A989BED.jpg' class="card-img-top" alt=""> 626 <div class="card-header"> 627 <a class="sidebar_link_actus stretched-link link_in_card_actus" href="/4DACTION/w_fiche_actu/1718"> <h3 class="mb-0 ffPNB titres_link">Images mouvementées</h3></a> 628 <div class="text-muted mb-2">Du 1er au 15 octobre 2026 - Paris</div> 629 </div> 630 <div class="card-body pt-0"> 631 <p class="card-text mb-0 pb-2"><span style="font-size:13pt">Organisé par ATTAC Paris Nord-Ouest depuis 2003, Images mouvementées sâemploie à informer et à susciter la réflexion collective sur des questions cruciales de ce début de XXIe siècle en sâappuyant sur une programmation cinématographique exigeante et éclectique.</span></p> 632 <a href="/4DACTION/w_fiche_actu/1718" class="card-link text-actus sidebar_link_festivals">Lire la suite</a> 633 </div> 634 </div> 635 </div> 636 637 <div class="col-12 col-md-4 col-lg-4 mb-3" id="actu_1711"> 638 <div class="card"> 639 <img src='https://images-film-documentaire.fr/actu/925/546DB1B5EC48440FA51F474C8276C925.jpg' class="card-img-top" alt=""> 640 <div class="card-header"> 641 <a class="sidebar_link_actus stretched-link link_in_card_actus" href="/4DACTION/w_fiche_actu/1711"> <h3 class="mb-0 ffPNB titres_link">Rencontres cinéma et société</h3></a> 642 <div class="text-muted mb-2">Du 29 septembre au 4 octobre 2026 - Tulle, Uzerche et Juillac</div> 643 </div> 644 <div class="card-body pt-0"> 645 <p class="card-text mb-0 pb-2"><span style="font-size:13pt">Les Rencontres cinéma et société explorent notre rapport à la santé à travers une programmation de films documentaires, de fiction, d'animation et de patrimoine, interrogeant aussi bien le système de soins que la santé mentale dans une approche "<span style="font-style:italic">One health</span>" qui relie santé humaine, environnementale et sociale.</span></p> 646 <a href="/4DACTION/w_fiche_actu/1711" class="card-link text-actus sidebar_link_festivals">Lire la suite</a> 647 </div> 648 </div> 649 </div> 650 651 <div class="col-12 col-md-4 col-lg-4 mb-3" id="actu_1716"> 652 <div class="card"> 653 <img src='https://images-film-documentaire.fr/actu/CC0/9072FEF84F2542C0B2A8AF59EFF51CC0.jpg' class="card-img-top" alt=""> 654 <div class="card-header"> 655 <a class="sidebar_link_actus stretched-link link_in_card_actus" href="/4DACTION/w_fiche_actu/1716"> <h3 class="mb-0 ffPNB titres_link">War on Screen</h3></a> 656 <div class="text-muted mb-2">Du 5 au 11 octobre 2026 - Pays de Châlons</div> 657 </div> 658 <div class="card-body pt-0"> 659 <p class="card-text mb-0 pb-2"><span style="font-size:13pt">War on Screen revient pour une 14e édition placée sous le signe de la diversité des regards et des récits. Unique en Europe, le festival explore la manière dont le cinéma représente les conflits, mais surtout ce quâils révèlent de nos sociétés, de nos mémoires et de nos imaginaires.<br/></span></p> 660 <a href="/4DACTION/w_fiche_actu/1716" class="card-link text-actus sidebar_link_festivals">Lire la suite</a> 661 </div> 662 </div> 663 </div> 664 665 <div class="col-12 col-md-4 col-lg-4 mb-3" id="actu_1715"> 666 <div class="card"> 667 <img src='https://images-film-documentaire.fr/actu/E07/0B23821AD9454289AF1AFB48BC49CE07.jpg' class="card-img-top" alt=""> 668 <div class="card-header"> 669 <a class="sidebar_link_actus stretched-link link_in_card_actus" href="/4DACTION/w_fiche_actu/1715"> <h3 class="mb-0 ffPNB titres_link">Aflam - Cinémas des mondes arabes</h3></a> 670 <div class="text-muted mb-2">Du 10 au 18 octobre 2026 - Marseille</div> 671 </div> 672 <div class="card-body pt-0"> 673 <p class="card-text mb-0 pb-2"><span style="font-size:13pt">Le festival interrogera les questions de mémoire, la sauvegarde des archives filmiques et la transmission des histoires collectives et minoritaires à travers le cinéma. Ce sera aussi lâoccasion de célébrer les 5 ans de <span style="font-style:italic">Vives archives</span>, le cycle annuel d'Aflam consacré aux patrimoines cinématographiques des mondes arabes.<br/></span></p> 674 <a href="/4DACTION/w_fiche_actu/1715" class="card-link text-actus sidebar_link_festivals">Lire la suite</a> 675 </div> 676 </div> 677 </div> 678 679 <div class="col-12 col-md-4 col-lg-4 mb-3" id="actu_1714"> 680 <div class="card"> 681 <img src='https://images-film-documentaire.fr/actu/3B4/EF045217B77349D189EFA40A9FC333B4.jpg' class="card-img-top" alt=""> 682 <div class="card-header"> 683 <a class="sidebar_link_actus stretched-link link_in_card_actus" href="/4DACTION/w_fiche_actu/1714"> <h3 class="mb-0 ffPNB titres_link">Michel Fano</h3></a> 684 <div class="text-muted mb-2"></div> 685 </div> 686 <div class="card-body pt-0"> 687 <p class="card-text mb-0 pb-2"><span style="font-size:13pt">Décès de l'une des personnalités les plus attachantes de la musique du XXe siècle : compositeur, théoricien, grand pédagogue, auteur et/ou réalisateur de remarquables documentaires musicaux, Michel Fano a marqué la création et la diffusion de la musique contemporaine par la pluralité de ses dons en laissant le souvenir d'une discrétion lumineuse.<br/>(AM)</span></p> 688 <a href="/4DACTION/w_fiche_actu/1714" class="card-link text-actus sidebar_link_festivals">Lire la suite</a> 689 </div> 690 </div> 691 </div> 692 693 <div class="col-12 col-md-4 col-lg-4 mb-3" id="actu_1712"> 694 <div class="card"> 695 <img src='https://images-film-documentaire.fr/actu/798/1886583CE2C6483B8126CD8A5C9BB798.jpg' class="card-img-top" alt=""> 696 <div class="card-header"> 697 <a class="sidebar_link_actus stretched-link link_in_card_actus" href="/4DACTION/w_fiche_actu/1712"> <h3 class="mb-0 ffPNB titres_link">"J'aime collecter et travailler des sons qui ont une histoire"</h3></a> 698 <div class="text-muted mb-2">Masterclasse de Nicolas Becker</div> 699 </div> 700 <div class="card-body pt-0"> 701 <p class="card-text mb-0 pb-2"><span style="font-size:13pt">En avril 2026, France Culture et La Cité de la musique - Philharmonie de Paris s'associaient pour un colloque "De l'onde à l'inouï : les pouvoirs du son". Natacha Triou y recevait Nicolas Becker, bruiteur,<span style="font-style:italic"> sound designer</span> et compositeur, pour une masterclasse.</span></p> 702 <a href="/4DACTION/w_fiche_actu/1712" class="card-link text-actus sidebar_link_festivals">Lire la suite</a> 703 </div> 704 </div> 705 </div> 706 707 <div class="col-12 col-md-4 col-lg-4 mb-3" id="actu_1710"> 708 <div class="card"> 709 <img src='https://images-film-documentaire.fr/actu/311/0DBD6B2DC05743A5A9AA5BB716C44311.jpg' class="card-img-top" alt=""> 710 <div class="card-header"> 711 <a class="sidebar_link_actus stretched-link link_in_card_actus" href="/4DACTION/w_fiche_actu/1710"> <h3 class="mb-0 ffPNB titres_link">Le Grand Bivouac</h3></a> 712 <div class="text-muted mb-2">Du 12 au 18 octobre 2026 - Albertville</div> 713 </div> 714 <div class="card-body pt-0"> 715 <p class="card-text mb-0 pb-2"><span style="font-size:13pt">Autour du thème "Le futur n'attend pas", le Grand Bivouac propose une sélection internationale de films documentaires, un Salon du livre et des rencontres littéraires, des conférences et débats, des concerts, des installations photographiques et des ateliers artistiques.</span></p> 716 <a href="/4DACTION/w_fiche_actu/1710" class="card-link text-actus sidebar_link_festivals">Lire la suite</a> 717 </div> 718 </div> 719 </div> 720 721 <div class="col-12 col-md-4 col-lg-4 mb-3" id="actu_1695"> 722 <div class="card"> 723 <img src='https://images-film-documentaire.fr/actu/A3C/C1B3D314280743C78A4CF5C0421E9A3C.jpg' class="card-img-top" alt=""> 724 <div class="card-header"> 725 <a class="sidebar_link_actus stretched-link link_in_card_actus" href="/4DACTION/w_fiche_actu/1695"> <h3 class="mb-0 ffPNB titres_link">Les yeux doc à midi ⢠Mémoire vive</h3></a> 726 <div class="text-muted mb-2">Du 18 septembre au 18 décembre 2026</div> 727 </div> 728 <div class="card-body pt-0"> 729 <p class="card-text mb-0 pb-2"><span style="font-size:13pt">Les yeux doc est la plateforme de vidéo à la demande de la Bpi. Elle propose des films dâauteur et d'autrice témoignant de la diversité des styles et des écritures du cinéma documentaire. Ce cycle vou
729s invite à les découvrir en projection publique gratuite tous les vendredis à midi, ou chez vous, en vous inscrivant au préalable dans lâune des bibliothèques abonnées.</span></p> 730 <a href="/4DACTION/w_fiche_actu/1695" class="card-link text-actus sidebar_link_festivals">Lire la suite</a> 731 </div> 732 </div> 733 </div> 734 735 <div class="col-12 col-md-4 col-lg-4 mb-3" id="actu_1702"> 736 <div class="card"> 737 <img src='https://images-film-documentaire.fr/actu/744/A8F0EF87AAF341B69B28A515AFA72744.jpg' class="card-img-top" alt=""> 738 <div class="card-header"> 739 <a class="sidebar_link_actus stretched-link link_in_card_actus" href="/4DACTION/w_fiche_actu/1702"> <h3 class="mb-0 ffPNB titres_link">La création cinématographique et audiovisuelle depuis les territoires</h3></a> 740 <div class="text-muted mb-2">La Boucle documentaire</div> 741 </div> 742 <div class="card-body pt-0"> 743 <p class="card-text mb-0 pb-2"><span style="font-size:13pt">L'analyse des conventions-cadres CNC / Ãtat / Régions au prisme des auteur·ices-réalisateur·ices, menée par Aurore Fossard de Almeida pour La Boucle documentaire, avec le soutien de LaScam, vient dâêtre publiée.</span></p> 744 <a href="/4DACTION/w_fiche_actu/1702" class="card-link text-actus sidebar_link_festivals">Lire la suite</a> 745 </div> 746 </div> 747 </div> 748 749 <div class="col-12 col-md-4 col-lg-4 mb-3" id="actu_1706"> 750 <div class="card"> 751 <img src='https://images-film-documentaire.fr/actu/80A/10AB4846AADF4FDA8FD3F8AFA032080A.jpg' class="card-img-top" alt=""> 752 <div class="card-header"> 753 <a class="sidebar_link_actus stretched-link link_in_card_actus" href="/4DACTION/w_fiche_actu/1706"> <h3 class="mb-0 ffPNB titres_link">Réparer le visible</h3></a> 754 <div class="text-muted mb-2">Collectif dirigé par Farah Clémentine Dramani-Issifou - Marest, Institut français, 2026</div> 755 </div> 756 <div class="card-body pt-0"> 757 <p class="card-text mb-0 pb-2"><span style="font-size:13pt"><span style="font-style:italic">Réparer le visible</span> constitue la première histoire critique de la Cinémathèque Afrique. </span></p> 758 <a href="/4DACTION/w_fiche_actu/1706" class="card-link text-actus sidebar_link_festivals">Lire la suite</a> 759 </div> 760 </div> 761 </div> 762 763 <div class="col-12 col-md-4 col-lg-4 mb-3" id="actu_1701"> 764 <div class="card"> 765 <img src='https://images-film-documentaire.fr/actu/399/524F932BC7104EA095AE47C838DE8399.jpg' class="card-img-top" alt=""> 766 <div class="card-header"> 767 <a class="sidebar_link_actus stretched-link link_in_card_actus" href="/4DACTION/w_fiche_actu/1701"> <h3 class="mb-0 ffPNB titres_link">Le cinéma qui manque - Une histoire du film local</h3></a> 768 <div class="text-muted mb-2">Caroline Zéau - Ãditions Mimésis, 2026</div> 769 </div> 770 <div class="card-body pt-0"> 771 <p class="card-text mb-0 pb-2"><span style="font-size:13pt">"En priorisant le soin et la cérémonie, ces cinéastes se sont dotés dâun outil de résilience mais aussi de communication â tambour ou bâton de paroles â pour permettre au monde de partager la lucidité et la puissance des cultures autochtones au moment le plus crucial." (Caroline Zéau)</span></p> 772 <a href="/4DACTION/w_fiche_actu/1701" class="card-link text-actus sidebar_link_festivals">Lire la suite</a> 773 </div> 774 </div> 775 </div> 776 777 <div class="col-12 col-md-4 col-lg-4 mb-3" id="actu_1699"> 778 <div class="card"> 779 <img src='https://images-film-documentaire.fr/actu/5B0/A59285CD29F54E4ABF1DD1BDA7CCE5B0.jpg' class="card-img-top" alt=""> 780 <div class="card-header"> 781 <a class="sidebar_link_actus stretched-link link_in_card_actus" href="/4DACTION/w_fiche_actu/1699"> <h3 class="mb-0 ffPNB titres_link">"Ma façon d'être musicien, c'est de faire des films sur la musique"</h3></a> 782 <div class="text-muted mb-2">Philippe Béziat sur France Culture</div> 783 </div> 784 <div class="card-body pt-0"> 785 <p class="card-text mb-0 pb-2"><span style="font-size:13pt">Alors que sortait en salle son film <span style="font-style:italic">Nous l'orchestre</span>, Philippe Béziat était invité dans l'émission <span style="font-style:italic">
785Les Midis de Culture</span> sur France Culture en avril dernier.</span></p> 786 <a href="/4DACTION/w_fiche_actu/1699" class="card-link text-actus sidebar_link_festivals">Lire la suite</a> 787 </div> 788 </div> 789 </div> 790 791 792 793 794 795 796 <div class="col-12"> 797 <a href="/4DACTION/w_Actualite" class="btn btn-dark-blue ffPNB btn-lg rounded-lg p-2">Voir toutes les actualités</span></a> 798 </div> 799 800 801 802 </div> 803 804 805 806 <div class="row pb-3"> 807 <div class="col-12 pt-7"> 808 <h2 class="h1 titres_link_rubrique text-white ffPNB text_shadow text-lowercasex smallCapsx rounded-lg px-3">Sorties en salle</h2> 809 </div> 810 </div> 811 812 <div class="row pb-3"> 813 <div class="col-12"> 814 <div class="card"> 815 <div class="slick_nouveautes"> 816 <div class=""><a href="/4DACTION/w_fiche_film/78583_2" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/C31/7A8E5A7991C74D9E83317972983A5C31.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-left align-self-sm-start">Un hiver russe</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Patric Chiha</p><span class="text-black-50 ffPNB">Le 30/09/2026</span></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/81989_2" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/D78/18269461625140ADB7C6079D2E0C0D78.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-left align-self-sm-start">Le Monde à l'endroit</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Sylvie Meyer</p><span class="text-black-50 ffPNB">Le 30/09/2026</span></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/76846_2" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/9D5/B28E5D1FC96B41C09E2FCDA9F76EF9D5.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-left align-self-sm-start">Ãcrire la vie - Annie Ernaux racontée par des lycéennes et des lycéens</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Claire Simon</p><span class="text-black-50 ffPNB">Le 23/09/2026</span></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/81359_2" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/8DF/86A621F89D00420D8EFD6087B7AC48DF.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-left align-self-sm-start">Fini de rire !</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Jean-Baptiste Rivoire, Matéo Larroque, Clara Menais, Mila Branco</p><span class="text-black-50 ffPNB">Le 23/09/2026</span></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/76768_2" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/0EB/20F2191CCD2D4BC785BDB6AF4385A0EB.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-left align-self-sm-start">Haute Solitude</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Laurent Véray</p><span class="text-black-50 ffPNB">Le 23/09/2026</span></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/76156_2" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/477/53AD181B019B4CB79DDA5ADB85F2F477.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-left align-self-sm-start">La Ligne bleue</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Marie Dumora</p><span class="text-black-50 ffPNB">Le 16/09/2026</span></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/76094_2" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/5B3/0FFEA1FAE74440D3A67411005E8475B3.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-left align-self-sm-start">Festin boréal</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Robert Morin</p><span class="text-black-50 ffPNB">Le 16/09/2026</span></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/81772_2" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film_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-left align-self-sm-start">La Vie en relief</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Denis Gaubert</p><span class="text-black-50 ffPNB">Le 16/09/2026</span></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/81773_2" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/CFD/C9D20E21B5814A9DB6B15594791AFCFD.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-left align-self-sm-start">Maquisards</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Christian Philibert</p><span class="text-black-50 ffPNB">Le 16/09/2026</span></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/77491_2" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/08A/8A3A7BDFB4B144DC8570745238CE408A.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-left align-self-sm-start">Hair, Paper, Water... Tóc, giấy và nưá»c...</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Truong Minh Quy, Nicolas Graux</p><span class="text-black-50 ffPNB">Le 09/09/2026</span></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/79648_2" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/393/4F55851C8746412A94413B2562788393.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-left align-self-sm-start">Les Survivants du Che</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Christophe Dimitri Réveille</p><span class="text-black-50 ffPNB">Le 09/09/2026</span></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/81569_2" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/810/CF2CADEE0CC3421B889CCD41857B3810.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-left align-self-sm-start">
816Oasis: Don't Look Back in Anger</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Dylan Southern, Will Lovelace</p><span class="text-black-50 ffPNB">Le 09/09/2026</span></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/77157_2" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/9F3/9C9DC4670AA349058F5643E11271E9F3.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-left align-self-sm-start">Gouffres et Merveilles</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Jean Boiron Lajous</p><span class="text-black-50 ffPNB">Le 02/09/2026</span></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/78942_2" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/C7F/2E0A1F55BD784787A69FB2A14BF9DC7F.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-left align-self-sm-start">Retour avant 15 heures</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Gaël Lépingle</p><span class="text-black-50 ffPNB">Le 02/09/2026</span></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/78492_2" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/656/B40B3E3655704B9382D3531542055656.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-left align-self-sm-start">Arcobaleno</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Pablo Cirès</p><span class="text-black-50 ffPNB">Le 12/08/2026</span></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/76533_2" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/9B6/0EC94BCF0FEC4510B72BBBDD7D5BE9B6.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-left align-self-sm-start">Le Chantier</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Jean-Stéphane Bron</p><span class="text-black-50 ffPNB">Le 05/08/2026</span></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/80956_2" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/F51/0AA07DD53B50428FA20BDE33277B7F51.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-left align-self-sm-start">Les Vacances de Golo & Ritchie [Les Vacances de Golo et Ritchie]</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Ahmed Hamidi, Martin Fougerol</p><span class="text-black-50 ffPNB">Le 22/07/2026</span></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/80958_2" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/576/66034A5007564A6C8C8497E4B7367576.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-left align-self-sm-start">Les Madeleines</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Arthur Dreyfus</p><span class="text-black-50 ffPNB">Le 22/07/2026</span></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/39974_2" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/96F/BA59DACF96434D7B8D57EA541123496F.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-left align-self-sm-start">Parade</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Jacques Tati</p><span class="text-black-50 ffPNB">Le 15/07/2026</span></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/73827_2" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/1B4/BBF5BA64F8274E8AA9E5CF55EB43F1B4.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-left align-self-sm-start">Le Berger et les Ours</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Max Keegan</p><span class="text-black-50 ffPNB">Le 15/07/2026</span></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/80721_2" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/169/07B851EDE8C44CA2A0C93578E4FDF169.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-left align-self-sm-start">Enfants de Palestine â Deux histoires de Cisjordanie</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Mohamed Mesbah, Shayma Awawdeh</p><span class="text-black-50 ffPNB">Le 08/07/2026</span></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/76670_2" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/A6B/6E70B2047CDC412CA8DB720B64AFCA6B.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-left align-self-sm-start">Ghost Elephants</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Werner Herzog</p><span class="text-black-50 ffPNB">Le 01/07/2026</span></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/80510_2" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/C6F/462D7C5EB5C340C5B244AAB9B8421C6F.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-left align-self-sm-start">Laissez-nous les clés</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Yacine Helali</p><span class="text-black-50 ffPNB">Le 01/07/2026</span></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/78198_2" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/EF3/54638D537FA3443B918D3D25CCED4EF3.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-left align-self-sm-start">André est un idiot</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Tony Benna</p><span class="text-black-50 ffPNB">Le 01/07/2026</span></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/80628_2" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/B98/9E7A3EEB37A149C4A73FDE955D675B98.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-left align-self-sm-start">Autour de Lucio</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Ãtienne Barrier, Pierre-Alain Delisse</p><span class="text-black-50 ffPNB">Le 01/07/2026</span></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/80602_2" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/448/243C7D3C2F0D4402B7664FC0365EF448.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-left align-self-sm-start">Anesthesia</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Damien Boyer</p><span class="text-black-50 ffPNB">Le 24/06/2026</span></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/78166_2" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/07E/A97930F0C4554F26A611D8D9FF0E007E.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-left align-self-sm-start">La Baleine et le Musicien</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Valentin Paoli</p><span class="text-black-50 ffPNB">Le 17/06/2026</span></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/12362_2" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/0B5/BBA0B8846B7045B695E570264AD820B5.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-left align-self-sm-start">Le Cuirassé Potemkine</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Sergueï M. Eisenstein</p><span class="text-black-50 ffPNB">Le 12/11/1926</span></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/80443_2" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column">
816<img data-lazy="https://images-film-documentaire.fr/film/FC6/B3EEE6DF180A4839830BBFCFCB241FC6.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-left align-self-sm-start">D'un monde à l'autre</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Jérémie Renier</p><span class="text-black-50 ffPNB">Le 10/06/2026</span></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/79476_2" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/EDF/E3AB758AA0E240A7AF8BC315F9CEBEDF.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-left align-self-sm-start">Bouchra</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Meriem Bennani, Orian Barki</p><span class="text-black-50 ffPNB">Le 03/06/2026</span></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/78894_2" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/58C/F58F2F09754E46F9B91BD2176D87258C.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-left align-self-sm-start">En nous</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Juliette Binoche</p><span class="text-black-50 ffPNB">Le 03/06/2026</span></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/74562_2" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/F56/10C01D9584D84BBE86C70E595951CF56.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-left align-self-sm-start">Loin de moi la colère</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Joël Akafou</p><span class="text-black-50 ffPNB">Le 03/06/2026</span></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/77327_2" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/64F/9C108EDBB97E488D9B094981AF62864F.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-left align-self-sm-start">Toutes mes sÅurs</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Massoud Bakhshi</p><span class="text-black-50 ffPNB">Le 03/06/2026</span></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/71280_2" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/A39/0D3D6D23EE6C41F6A869C41A80921A39.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-left align-self-sm-start">La Tsigane, sur la route avec Tamèrantong !</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Sébastien Lefèbvre</p><span class="text-black-50 ffPNB">Le 03/06/2026</span></div></a></div> 817 </div> 818 </div> 819 </div> 820 821 <div class="col-12"> 822 <a href="/4DACTION/w_search_Carousel/2" class="btn btn-dark-blue ffPNB btn-lg rounded-lg p-2">Voir plus</a> 823 </div> 824 825 </div> 826 827 828 <div class="row pb-3"> 829 <div class="col-12 pt-7"> 830 <h2 class="h1 titres_link_rubrique text-white ffPNB text_shadow text-lowercasex smallCapsx rounded-lg px-3">Nouveautés DVD/VOD</h2> 831 </div> 832 </div> 833 834 <div class="row pb-3"> 835 <div class="col-12"> 836 <div class="card"> 837 <div class="slick_nouveautes"> 838 <div class=""><a href="/4DACTION/w_fiche_film/68698_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/65A/DB7A407FA81D40ACAAD67B93D9B706
8385A.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-left align-self-sm-start">Arsène, un mec lambda</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Léa Forest</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/4668_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/76D/8344BB51DD3E4BA7918D10AEEEA9C76D.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-left align-self-sm-start">Biquefarre</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Georges Rouquier</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/80271_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/79E/88699CBE90D448049FB8B2C55565079E.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-left align-self-sm-start">Biodestruktoriai</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de AistÄ Å½egulytÄ</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/81852_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/311/F380D5624BEE47F6942F49BECBC73311.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-left align-self-sm-start">Born in Flames</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Lizzie Borden</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/13601_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/EEC/E1DD7C85536F414082C0FA3BFAAE5EEC.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-left align-self-sm-start">Chambre 666 n'importe quand...</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Wim Wenders</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/81905_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/27C/FA2BBB0158754592967721852DD4F27C.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-left align-self-sm-start">Le Chantier des gosses</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Jean Harlez</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/53680_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/471/DBC8309A787E433E85A466ABC679B471.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-left align-self-sm-start">Le Char et l'Olivier</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Roland Nurier</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/24057_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/D34/A2FF48DC6D204BA0BB8F6C5757C84D34.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-left align-self-sm-start">La Chine est encore loin</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Malek Bensmaïl</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/78585_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/9BB/0FBC0ED3889245379EF453B7E95809BB.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-left align-self-sm-start">Collapse (Face à Gaza)</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Anat Even</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/73175_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/8EE/BA66A4DADFC44C0EAE051915F87838EE.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-left align-self-sm-start">D'Abdul à Leïla</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Leïla Albayaty</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/49040_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/194/AEFCD8B96D804CB69367448E126AA194.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-left align-self-sm-start">Dans les limbes</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Antoine Viviani</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/82018_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/ECC/E271F3C1DE3541588F524088621F7ECC.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-left align-self-sm-start">Depuis 1871</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Florian Beaume</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/71447_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/C53/2BE0282DB82D45358FE58BA499988C53.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-left align-self-sm-start">Derrière le soleil ÙØ§ÙÙØ¬Ø§ ØÙ
را</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Dhia Jerbi</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/74636_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column">
838<img data-lazy="https://images-film-documentaire.fr/film/FBF/930842D1196140ACB46227819F8F7FBF.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-left align-self-sm-start">Derrière les drapeaux, le soleil</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Juanjo Pereira</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/78894_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/58C/F58F2F09754E46F9B91BD2176D87258C.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-left align-self-sm-start">En nous</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Juliette Binoche</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/44123_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/CF0/C429ED28ADA74B5E9C20CD4578B04CF0.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-left align-self-sm-start">La Folle de Toujane</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Nicole Le Garrec, René Vautier</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/65845_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/516/FF83ACB37BCC491D9C1C5B1A94A92516.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-left align-self-sm-start">Frères</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Ugo Simon</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/38929_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/95B/0D5F7C0F70C6479484A8F2BE294FD95B.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-left align-self-sm-start">Géographie humaine</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Claire Simon</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/22848_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/B93/BA6FC7C720914294A8789E5BBD301B93.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-left align-self-sm-start">Le Ghetto expérimental (ou lâUniversité pour quoi faire ?)</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Jean-Michel Carré, Adam Schmedes</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/76408_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/CA0/4D4CB07D19B14CA8B4C311DCE15E3CA0.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-left align-self-sm-start">Grandmamauntsistercat</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Zuza BanasiÅska</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/76671_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/7D1/67804A3E452C4BF387D574842C2247D1.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-left align-self-sm-start">Gros Bébé</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Letty Bidivanu Solomon</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/77444_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/E9C/ABC8973315D448B598
8381DFBFA2E4F1E9C.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-left align-self-sm-start">Howard Zinn, une histoire populaire américaine 2</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Olivier Azam, Daniel Mermet</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/18810_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film_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-left align-self-sm-start">Joe Strummer</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Julien Temple</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/82016_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/25B/8641807090944CCF8940D49C1184025B.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-left align-self-sm-start">Lionel Soukaz, le désir et le manque</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Yves-Marie Mahé</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/68736_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/3B0/9A27AA69C136484D9C7B649A566093B0.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-left align-self-sm-start">Mascarades</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Claire Second</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/57441_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/58A/9986ADED6875498E9C204B6DA21FD58A.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-left align-self-sm-start">Mon village, un village parmi tant d'autres</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Taïeb Louhichi</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/26898_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/7BF/86E8509AC975480080C4C0A3B82577BF.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-left align-self-sm-start">Moussem</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Izza Génini</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/17754_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/175/9997FB94AA6D4BC8831A6C3A56195175.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-left align-self-sm-start">Les Murs et la Parole</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de F. Blusseau, Patrick Bories</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/76679_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/888/7DD6C48EDCB2437BA77F20CCF44E2888.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-left align-self-sm-start">Nuestra tierra</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Lucrecia Martel</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/277_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/482/80641EFEFE12483998C5382DCACCE482.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-left align-self-sm-start">Nuptiales en Moyen Atlas</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Izza Génini</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/45063_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column">
838<img data-lazy="https://images-film-documentaire.fr/film/6F1/692E7609A3394514B3315314EF3606F1.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-left align-self-sm-start">On a mal à la dette</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Pierre Carles</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/81900_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/0FE/C41C46AE915643CAAD8A705E1C4740FE.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-left align-self-sm-start">Où est le chemin de ma maison</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Adélie Vertès</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/67520_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/C59/74B29404A11F485A912FFB7F84387C59.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-left align-self-sm-start">Paradis</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Alexander Abaturov</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/71014_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/A67/BF79CC2A031E47D78845EDD3A92CDA67.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-left align-self-sm-start">Prisonnières</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Lola Arias</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/1249_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/AA9/AAC27502B6E04C46BE814A2FEA115AA9.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-left align-self-sm-start">Retrouver Oulad Moumen</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Izza Génini</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/66637_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/E5F/77C955725D3E46E2A7AEAC848E913E5F.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-left align-self-sm-start">Rêves</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Pascal Catheland, Arthur Perole</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/58929_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/E26/F1651C3157D744E38B0FEB635C208E26.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-left align-self-sm-start">Riddles of the Sphinx</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Peter Wollen, Laura Mulvey</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/82017_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/7ED/B67B8A32CE774A4883872EB8BB2FE7ED.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-left align-self-sm-start">Le Samaritain de Shanghai</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Sébastien Cassen</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/76657_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/2B6/E5F9D3D4271D4ADE9B1EA993BA9742B6.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-left align-self-sm-start">Sangre del Toro</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Yves Montmayeur</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/80913_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/067/A9B3371C85954B8AAB7EC07EA0684067.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-left align-self-sm-start">Sur la colline ÙÙÙ Ø§ÙØªÙ</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Belhassen Handous</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/75126_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/E4E/9F3638A849D6405
838B8B93C63C5DB32E4E.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-left align-self-sm-start">La Tapisserie lumineuse</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Kai Harlow</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/74743_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/B2E/71A992BC93714FF286DEE6ACAB590B2E.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-left align-self-sm-start">Their Eyes</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Nicolas Gourault</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/80925_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/C51/B2AC9695A33142E7816DAC78F88EFC51.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-left align-self-sm-start">Tomates maudites</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Marwa Tiba</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/77327_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/64F/9C108EDBB97E488D9B094981AF62864F.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-left align-self-sm-start">Toutes mes sÅurs</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Massoud Bakhshi</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/21195_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/6F3/B8A080E48AA0474E9896B1BAA3BB06F3.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-left align-self-sm-start">Valse avec Bachir</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Ari Folman</p></div></a></div><div class=""><a href="/4DACTION/w_fiche_film/73581_3" class="sidebar_link_actus link_in_card_films"><div class="p-4 d-flex flex-column"><img data-lazy="https://images-film-documentaire.fr/film/BCF/ACE9CA42E96D4EE58BF52078C5D0EBCF.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-left align-self-sm-start">We Had Fun Yesterday</h3><p class="text-muted pt-0 titres_carousel align-self-left align-self-sm-start">Un film de Marion Guillard</p></div></a></div> 839 </div> 840 </div> 841 </div> 842 843 <div class="col-12"> 844 <a href="/4DACTION/w_search_Carousel/3" class="btn btn-dark-blue ffPNB btn-lg rounded-lg p-2">Voir plus</a> 845 </div> 846 847 </div> 848 849 850 851 852 853 854 855 <div class="row pb-3"> 856 <div class="col-12 pt-7"> 857 <h2 class="h1 titres_link_rubrique text-white ffPNB text_shadow text-lowercasex smallCapsx rounded-lg px-3">La Médiathèque</h2> 858 </div> 859 </div> 860 861 862 <div class="row pb-3"> 863 864 <div class="col-12 col-md-4 col-lg-4 mb-3"> 865 <div class="card"> 866 <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/970"> 867 <div class="position-relative"> 868 <div class="play_icon position-relative"> 869 <i class="align-middle fas fa-fw fa-play-circle fa-4x"></i><img src='https://images-film-documentaire.fr/mediatheque/0F8/892D4C1F5F5C46D7A51F6D47DDF650F8.jpg' class="card-img-top play_icon_img" alt=""> 870 </div> 871 </div> 872 <div class="card-header"> 873 <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Table ronde</span></div> 874 <h3 class="mb-0 ffPNB titres_link">
874Accompagner son documentaire, à quel(s) prix ?</h3> 875 <div class="text-muted mb-0">Table-ronde, ACID Cannes, 2026</div> 876 </div> 877 </a> 878 <div class="card-body pt-0"> 879 <p class="card-text mb-0 pb-2"><span style="font-size:13pt">La présence de lâauteurice d'un documentaire est particulièrement appréciée lors des projections en salle par les exploitants, car elle attire le public. Tout le monde en tire bénéfice, sauf lâauteurice qui y consacre pourtant beaucoup de temps. C'est ce qu'a voulu interroger l'ACID lors d'une table ronde pendant le Festival de Cannes.</span></p> 880 <a href="/4DACTION/w_fiche_media/970" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> 881 </div> 882 </div> 883 </div> 884 885 <div class="col-12 col-md-4 col-lg-4 mb-3"> 886 <div class="card"> 887 <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/972"> 888 <div class="position-relative"> 889 <div class="play_icon position-relative"> 890 <img src='https://images-film-documentaire.fr/mediatheque/9AB/141E3D3651554D5D87D6E8B88E6AF9AB.jpg' class="card-img-top play_icon_img" alt=""> 891 </div> 892 </div> 893 <div class="card-header"> 894 <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Lecture</span></div> 895 <h3 class="mb-0 ffPNB titres_link">Le cinéma roumain en contexte</h3> 896 <div class="text-muted mb-0">Ãditions de l'Université de Bruxelles, 2026</div> 897 </div> 898 </a> 899 <div class="card-body pt-0"> 900 <p class="card-text mb-0 pb-2"><span style="font-size:13pt">Premier ouvrage collectif bilingue consacré à la richesse et à la diversité du cinéma roumain, l'ouvrage explore les liens étroits entre création artistique, mémoire historique et enjeux politiques. </span></p> 901 <a href="/4DACTION/w_fiche_media/972" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> 902 </div> 903 </div> 904 </div> 905 906 <div class="col-12 col-md-4 col-lg-4 mb-3"> 907 <div class="card"> 908 <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/971"> 909 <div class="position-relative"> 910 <div class="play_icon position-relative"> 911 <img src='https://images-film-documentaire.fr/mediatheque/7A2/098A61ECED7E41C5A6FE61858EB9F7A2.jpg' class="card-img-top play_icon_img" alt=""> 912 </div> 913 </div> 914 <div class="card-header"> 915 <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Lecture</span></div> 916 <h3 class="mb-0 ffPNB titres_link">Nancynéma, le cinéma selon Jean-Luc Nancy</h3> 917 <div class="text-muted mb-0">Dirigé par Marie Martin et Antoine de Baecque, UGA Ãditions, 2026</div> 918 </div> 919 </a> 920 <div class="card-body pt-0"> 921 <p class="card-text mb-0 pb-2"><span style="font-size:13pt">Figure marquante de la philosophie contemporaine, Jean-Luc Nancy a laissé une Åuvre riche, nourrie par la métaphysique, la littérature et la politique. UGA Ãditions publie un ouvrage collectif qui explore la relation singulière que Jean-Luc Nancy entretenait avec le cinéma, entre pensée philosophique et compagnonnages créatifs.</span></p> 922 <a href="/4DACTION/w_fiche_media/971" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> 923 </div> 924 </div> 925 </div> 926 927 <div class="col-12 col-md-4 col-lg-4 mb-3"> 928 <div class="card"> 929 <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/969"> 930 <div class="position-relative"> 931 <div class="play_icon position-relative"> 932 <img src='https://images-film-documentaire.fr/mediatheque/28F/F5F040A619B84519A1A93334DF2EE28F.jpg' class="card-img-top play_icon_img" alt=""> 933 </div> 934 </div> 935 <div class="card-header"> 936 <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Lecture</span></div> 937 <h3 class="mb-0 ffPNB titres_link">Patrick et Michèle Bokanowski - à la croisée des mondes</h3> 938 <div class="text-muted mb-0">Jacques Kermabon, Les Ãditions de l'Åil, 2026</div> 939 </div> 940 </a> 941 <div class="card-body pt-0"> 942 <p class="card-text mb-0 pb-2"><span style="font-size:13pt">Cet ouvrage présente l'Åuvre cinématographique de Patrick Bokanowski et ses multiples collaborations avec Michèle, sa femme, qui en a composé la musique. </span></p> 943 <a href="/4DACTION/w_fiche_media/969" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> 944 </div> 945 </div> 946 </div> 947 948 <div class="col-12 col-md-4 col-lg-4 mb-3"> 949 <div class="card"> 950 <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/967"> 951 <div class="position-relative"> 952 <div class="play_icon position-relative"> 953 <img src='https://images-film-documentaire.fr/mediatheque/DC2/38A21CD7C7D64CDD91BF923C36F68DC2.jpg' class="card-img-top play_icon_img" alt=""> 954 </div> 955 </div> 956 <div class="card-header"> 957 <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Lecture</span></div> 958 <h3 class="mb-0 ffPNB titres_link">Robert Kramer, une quête incandescente</h3> 959 <div class="text-muted mb-0">David Yon, De l'incidence éditeur, 2026</div> 960 </div> 961 </a> 962 <div class="card-body pt-0"> 963 <p class="card-text mb-0 pb-2"><span style="font-size:13pt">Le livre retrace le parcours de Robert Kramer, de ses premiers films réalisés aux Ãtats-Unis à la fin des années 1960 en lien avec son activité de militant politique, à ses derniers essais cinématographiques réalisés en France dans les années 1990.</span></p> 964 <a href="/4DACTION/w_fiche_media/967" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> 965 </div> 966 </div> 967 </div> 968 969 <div class="col-12 col-md-4 col-lg-4 mb-3"> 970 <div class="card"> 971 <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/966"> 972 <div class="position-relative"> 973 <div class="play_icon position-relative"> 974 <i class="align-middle fas fa-fw fa-play-circle fa-4x"></i><img src='https://images-film-documentaire.fr/mediatheque/FEB/3053C204F66E4706BA28FBAD3A751FEB.jpg' class="card-img-top play_icon_img" alt=""> 975 </div> 976 </div> 977 <div class="card-header"> 978 <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Podcast</span></div> 979 <h3 class="mb-0 ffPNB titres_link">Gilles Perret, filmer lâhistoire des luttes sociales</h3> 980 <div class="text-muted mb-0">Le Cours de l'histoire sur France Culture</div> 981 </div> 982 </a> 983 <div class="card-body pt-0"> 984 <p class="card-text mb-0 pb-2"><span style="font-size:13pt">à l'occasion de la diffusion sur France Télévisions de son dernier film <span style="font-style:italic">On est la CGT ! 130 ans après</span>, coécrit et coréalisé avec Marion Richoux, Gilles Perret était invité dans l'émission <span style="font-style:italic">Le Cours de l'histoire</span> sur France Culture.</span></p> 985 <a href="/4DACTION/w_fiche_media/966" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> 986 </div> 987 </div> 988 </div> 989 990 <div class="col-12 col-md-4 col-lg-4 mb-3"> 991 <div class="card"> 992 <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/968"> 993 <div class="position-relative"> 994 <div class="play_icon position-relative"> 995 <i class="align-middle fas fa-fw fa-play-circle fa-4x"></i><img src='https://images-film-documentaire.fr/mediatheque/CBF/262AD08636734F3386689F34F07CBCBF.jpg' class="card-img-top play_icon_img" alt=""> 996 </div> 997 </div> 998 <div class="card-header"> 999 <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Podcast</span></div> 1000 <h3 class="mb-0 ffPNB titres_link">Meriem Bennani, artiste et co-réalisatrice de "Bouchra" </h3> 1001 <div class="text-muted mb-0">
1001Les Midis de Culture sur France Culture</div> 1002 </div> 1003 </a> 1004 <div class="card-body pt-0"> 1005 <p class="card-text mb-0 pb-2"><span style="font-size:13pt">à l'occasion de la sortie en salles du film <span style="font-style:italic">Bouchra</span>, Meriem Bennani était invitée dans l'émission <span style="font-style:italic">Les Midis de Culture</span> sur France Culture.</span></p> 1006 <a href="/4DACTION/w_fiche_media/968" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> 1007 </div> 1008 </div> 1009 </div> 1010 1011 <div class="col-12 col-md-4 col-lg-4 mb-3"> 1012 <div class="card"> 1013 <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/964"> 1014 <div class="position-relative"> 1015 <div class="play_icon position-relative"> 1016 <img src='https://images-film-documentaire.fr/mediatheque/CE0/062888BDF582418D9C46A81F75524CE0.jpg' class="card-img-top play_icon_img" alt=""> 1017 </div> 1018 </div> 1019 <div class="card-header"> 1020 <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Lecture</span></div> 1021 <h3 class="mb-0 ffPNB titres_link">Paysages</h3> 1022 <div class="text-muted mb-0">Images documentaires n°118, mars 2026</div> 1023 </div> 1024 </a> 1025 <div class="card-body pt-0"> 1026 <p class="card-text mb-0 pb-2"><span style="font-size:13pt">à partir de lâexemple du dernier film de José Luis Guerin, <span style="font-style:italic">Histoires de la bonne vallée</span> (2025), ce numéro d'<span style="font-style:italic">Images documentaires</span> interroge la capacité du cinéma à lire et à interpréter un paysage rural ou urbain et à rendre compte de ses métamorphoses. </span></p> 1027 <a href="/4DACTION/w_fiche_media/964" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> 1028 </div> 1029 </div> 1030 </div> 1031 1032 <div class="col-12 col-md-4 col-lg-4 mb-3"> 1033 <div class="card"> 1034 <a class="sidebar_link_mediatheque stretched-link link_in_card_mediatheque" href="/4DACTION/w_fiche_media/963"> 1035 <div class="position-relative"> 1036 <div class="play_icon position-relative"> 1037 <img src='https://images-film-documentaire.fr/mediatheque/C6F/73B21241B9944CE09C81DB0E016F7C6F.jpg' class="card-img-top play_icon_img" alt=""> 1038 </div> 1039 </div> 1040 <div class="card-header"> 1041 <div class="pb-2 lead"><span class="badge badge-lg badge-pill badge-mediatheque">Lecture</span></div> 1042 <h3 class="mb-0 ffPNB titres_link">Une semaine avec Jean Douchet et Jacques Lassalle</h3> 1043 <div class="text-muted mb-0">Sous la direction de Pierre-Alexandre Schwab, Carlotta Films, 2026</div> 1044 </div> 1045 </a> 1046 <div class="card-body pt-0"> 1047 <p class="card-text mb-0 pb-2"><span style="font-size:13pt">Pendant une semaine de juin 2014, Pierre-Alexandre Schwab a réuni deux amis de longue date, Jean Douchet et Jacques Lassalle, pour une discussion à bâtons rompus sur le cinéma et le théâtre, entre réflexions personnelles, enseignements précieux et digressions essentielles. </span></p> 1048 <a href="/4DACTION/w_fiche_media/963" class="card-link text-mediatheque sidebar_link_mediatheque">Lire la suite</a> 1049 </div> 1050 </div> 1051 </div> 1052 1053 1054 <div class="col-12"> 1055 <a href="/4DACTION/w_Mediatheque" class="btn btn-dark-blue ffPNB btn-lg rounded-lg p-2">Voir plus</a> 1056 </div> 1057 </div> 1058 1059 1060 1061 <div class="row pb-3"> 1062 <div class="col-12 pt-7"> 1063 <!-- @og 18.05 : attention modifs --> 1064 <h2 class="h1 titres_link_rubrique text-white ffPNB text_shadow text-lowercasex smallCapsx rounded-lg px-3">Découvrez aussi</h2> 1065 </div> 1066 </div> 1067 1068 <div class="row pb-5"> 1069 <div class="col-12 pb-3"> 1070 <a href="/4DACTION/w_fiche_traverse/4"> 1071 <div class="card mb-0 rounded-lg bg-traverses text-white"> 1072 <div class="row no-gutters rounded-lg"> 1073 <div class="col-md-5 bg-traverses rounded-lg d-flex align-self-start align-self-md-center p-3"> 1074 <div class="rounded-lg" style="max-height:480px; overflow-y: hidden;"> 1075 <img src="https://images-film-documentaire.fr/traverse/BF3/1376932233E54ADDBFFF1C66477A0BF3.jpg" class="img-fluid" alt="Couverture revue Traverses"></div> 1076 </div> 1077 <div class="col-md-7 bg-traverses rounded-lg d-flex"> 1078 <div class="card-body rounded-right px-4 align-self-center py-0 py-md-4"> 1079 <!-- @og 18.05 : ajouts --> 1080 <h2 class="h1 text-white text-uppercase mb-0 pb-0 ffPNB text_shadowx traverses_titre ss01">Traverses</h2> 1081 <div class="text-white ffPNB text_shadowx ss01 pb-5">revue d'analyse et de recherche</div> 1082 <span class="h5 ffPNB text-blanc ss01">numéro 2</span> 1083 <h3 class="h1 text-light pb-2 mb-4 ffPNB border-bottom ss01">L'éco-documentaire à l'épreuve de l'Anthropocène - Partie 1</h3> 1084 <p class="text-light text-sm pt-0 ss01">Lire le numéro</p> 1085 </div> 1086 </div> 1087 </div> 1088 </div> 1089 </a> 1090 </div> 1091 </div> 1092 1093 1094 1095 </div> 1096 </main> 1097 1098 <footer class="footer d-print-none"> 1099 <div class="container"> 1100 <div class="row pt-2 pb-0"> 1101 <div class="col-12"> 1102 <div class="card bg-transparent border border-extralight rounded-lg"> 1103 <h4 class="h2 px-4 pt-2 pb-2 text-white ffPNC text-uppercase">Soutiens</h4> 1104 <div class="slick_soutiens pt-2 pb-2 pb-lg-4"> 1105 <div class="px-2 px-md-2 px-lg-3 px-xl-4"> 1106 <a href="https://www.cnc.fr/" target="_blank" class="sidebar_link_actus link_in_card_films"> 1107 <div class="py-2 px-5"> 1108 <img data-lazy="/img/photos/logo_cnc.png" class="img-fluid" alt=""> 1109 </div> 1110 </a> 1111 </div> 1112 <div class="px-2 px-md-2 px-lg-3 px-xl-4"> 1113 <a href="https://www.procirep.fr/" target="_blank" class="sidebar_link_actus link_in_card_films"> 1114 <div class="py-2 px-5"> 1115 <img data-lazy="/img/photos/logo_procirep.png" class="img-fluid" alt=""> 1116 </div> 1117 </a> 1118 </div> 1119 <div class="px-2 px-md-2 px-lg-3 px-xl-4"> 1120 <a href="https://www.scam.fr/" target="_blank" class="sidebar_link_actus link_in_card_films"> 1121 <div class="py-2 px-5"> 1122 <img data-lazy="/img/photos/logo_scam_good.png" class="img-fluid" alt=""> 1123 </div> 1124 </a> 1125 </div> 1126 <div class="px-2 px-md-2 px-lg-3 px-xl-4"> 1127 <a href="https://www.copieprivee.org/" target="_blank" class="sidebar_link_actus link_in_card_films"> 1128 <div class="py-2 px-5"> 1129 <img data-lazy="/img/photos/logo_copie_privee.png" class="img-fluid" alt=""> 1130 </div> 1131 </a> 1132 </div> 1133 </div> 1134 </div> 1135 </div> 1136 </div> 1137 1138 1139 <div class="row py-0"> 1140 <div class="col-12"> 1141 <div class="card bg-transparent border border-extralight rounded-lg text-center"> 1142 <h5 class="px-4 py-2 text-white my-0 ffPNR"> 1143 <a href="https://cinematheque-documentaire.org" target="_blank" class="sidebar-link sidebar_link_createur
1143s"> 1144 <div class="mb-2">Film-documentaire.fr est membre de</div> 1145 <img src="/img/photos/logo_cdd.png" class="img-fluid" alt="" width="100" height="auto"> 1146 </a> 1147 </h5> 1148 </div> 1149 </div> 1150 </div> 1151 1152 1153 1154 1155 <!-- @og 18.05 : attention, classes modifiées // L'encart Partenaires est à mettre uniquement sur la page d'accueil. --> 1156 1157 <div class="row pb-4"> 1158 <div class="col-12"> 1159 <div class="card bg-transparent border border-extralight rounded-lg"> 1160 <h4 class="h2 px-4 pt-2 pb-0 text-white ffPNC text-uppercase">Partenaires</h4> 1161 <div class="slick_partenaires d-flex align-items-center pb-0"> 1162 <div class="d-flex align-items-center"> 1163 <a href="http://www.adav-assoc.com/" class="sidebar_link_actus link_in_card_films" target="_blank"> 1164 <div class="pt-3 pb-1 px-3"> 1165 <img data-lazy="/img/partenaire/logo_adav.png" class="img-fluid" alt=""> 1166 </div> 1167 </a> 1168 </div> 1169 <div class="d-flex align-items-center"> 1170 <a href="https://www.agencecm.com" class="sidebar_link_actus link_in_card_films" target="_blank"> 1171 <div class="pt-3 pb-1 px-4"> 1172 <img data-lazy="/img/partenaire/logo_agence_court_metrage.png" class="img-fluid" alt=""> 1173 </div> 1174 </a> 1175 </div> 1176 <div class="d-flex align-items-center"> 1177 <a href="https://atelier-de-montage.com/" class="sidebar_link_actus link_in_card_films" target="_blank"> 1178 <div class="pt-3 pb-1 px-4"> 1179 <img data-lazy="/img/partenaire/logo_atelier_de_montage.png" class="img-fluid" alt=""> 1180 </div> 1181 </a> 1182 </div> 1183 <div class="d-flex align-items-center"> 1184 <a href="http://bnf.fr/" class="sidebar_link_actus link_in_card_films" target="_blank"> 1185 <div class="pt-3 pb-1 px-4"> 1186 <img data-lazy="/img/partenaire/logo_BnF.png" class="img-fluid" alt=""> 1187 </div> 1188 </a> 1189 </div> 1190 <div class="d-flex align-items-center"> 1191 <a href="https://www.bpi.fr/" class="sidebar_link_actus link_in_card_films" target="_blank"> 1192 <div class="pt-0 pb-1 px-0"> 1193 <img data-lazy="/img/partenaire/logo_bpi.png" class="img-fluid" alt=""> 1194 </div> 1195 </a> 1196 </div> 1197 <!-- <div class="d-flex align-items-center"> 1198 <a href="https://www.comitedufilmethnographique.com/" class="sidebar_link_actus link_in_card_films"> 1199 <div class="pt-3 pb-1 px-3"> 1200 <img data-lazy="img/photos/logo_cfe.png" class="img-fluid" alt="" style="margin-top: .5rem;"> 1201 </div> 1202 </a> 1203 </div> --> 1204 <div class="d-flex align-items-center"> 1205 <a href="https://www.marchedufilm.com/fr/programs/cannes-docs/" class="sidebar_link_actus link_in_card_films" target="_blank"> 1206 <div class="pt-3 pb-1 px-4"> 1207 <img data-lazy="/img/partenaire/logo_cannes_docs.png" class="img-fluid" alt=""> 1208 </div> 1209 </a> 1210 </div> 1211 <div class="d-flex align-items-center"> 1212 <a href="https://www.cinemadureel.org/" class="sidebar_link_actus link_in_card_films" target="_blank"> 1213 <div class="pt-2 pb-1 px-0 mx-0"> 1214 <img data-lazy="/img/partenaire/logo_cinema_du_reel.png" class="img-fluid" alt=""> 1215 </div> 1216 </a> 1217 </div> 1218 <div class="d-flex align-items-center"> 1219 <a href="https://cinematheque-documentaire.org/" class="sidebar_link_actus link_in_card_films" target="_blank"> 1220 <div class="pt-2 pb-1 px-0"> 1221 <img data-lazy="/img/partenaire/logo_cdd.png" class="img-fluid" alt=""> 1222 </div> 1223 </a> 1224 </div> 1225 <div class="d-flex align-items-center"> 1226 <a href="https://www.cnc.fr/" class="sidebar_link_actus link_in_card_films" target="_blank"> 1227 <div class="pt-3 pb-1 px-4"> 1228 <img data-lazy="/img/partenaire/logo_cnc.png" class="img-fluid" alt=""> 1229 </div> 1230 </a> 1231 </div> 1232 <div class="d-flex align-items-center"> 1233 <a href="http://www.doc-cevennes.org/" class="sidebar_link_actus link_in_card_films" target="_blank"> 1234 <div class="pt-2 pb-1 px-2"> 1235 <img data-lazy="/img/partenaire/logo_doc_cevennes.png" class="img-fluid" alt=""> 1236 </div> 1237 </a> 1238 </div> 1239 <!--<div class="d-flex align-items-center"> 1240 <a href="https://ecoleurbainedelyon.universite-lyon.fr/" class="sidebar_link_actus link_in_card_films" target="_blank"> 1241 <div class="pt-2 pb-1 px-3"> 1242 <img data-lazy="/img/partenaire/logo_ecole_urbaine_lyon.png" class="img-fluid" alt=""> 1243 </div> 1244 </a> 1245 </div>--> 1246 <div class="d-flex align-items-center"> 1247 <a href="https://www.ehess.fr/fr" class="sidebar_link_actus link_in_card_films" target="_blank"> 1248 <div class="pt-1 pb-1 px-4"> 1249 <img data-lazy="/img/partenaire/logo_ehess.png" class="img-fluid" alt=""> 1250 </div> 1251 </a> 1252 </div> 1253 <!--<div class="d-flex align-items-center"> 1254 <a href="http://www.ens-lyon.fr/" class="sidebar_link_actus link_in_card_films" target="_blank"> 1255 <div class="pt-3 pb-1 px-2"> 1256 <img data-lazy="/img/partenaire/logo_ens.png" class="img-fluid" alt=""> 1257 </div> 1258 </a> 1259 </div>--> 1260 <div class="d-flex align-items-center"> 1261 <a href="https://lesecransdocumentaires.org/" class="sidebar_link_actus link_in_card_films" target="_blank"> 1262 <div class="pt-1 pb-1 px-3"> 1263 <img data-lazy="/img/partenaire/logo_ecrans_documentaires.png" class="img-fluid" alt=""> 1264 </div> 1265 </a> 1266 </div> 1267 <div class="d-flex align-items-center"> 1268 <a href="https://www.escalesdocumentaires.org/" class="sidebar_link_actus link_in_card_films" target="_blank"> 1269 <div class="pt-1 pb-1 px-3"> 1270 <img data-lazy="/img/partenaire/logo_escales_doc.png" class="img-fluid" alt=""> 1271 </div> 1272 </a> 1273 </div> 1274 <div class="d-flex align-items-center"> 1275 <a href="http://www.lussasdoc.org/" class="sidebar_link_actus link_in_card_films" target="_blank"> 1276 <div class="pt-1 pb-1 px-0"> 1277 <img data-lazy="/img/partenaire/logo_egd.png" class="img-fluid" alt=""> 1278 </div> 1279 </a> 1280 </div> 1281 <!-- <div class="d-flex align-items-center"> 1282 <a href="https://fidmarseille.org/" class="sidebar_link_actus link_in_card_films"> 1283 <div class="pt-3 pb-1 px-4"> 1284 <img data-lazy="img/photos/logo_fid.png" class="img-fluid" alt=""> 1285 </div> 1286 </a> 1287 </div> --> 1288 <div class="d-flex align-items-center"> 1289 <a href="https://fipadoc.com/fr" class="sidebar_link_actus link_in_card_films" target="_blank"> 1290 <div class="pt-3 pb-1 px-4"> 1291 <img data-lazy="/img/partenaire/logo_fipadoc.png" class="img-fluid" alt=""> 1292 </div> 1293 </a> 1294 </div> 1295 <!--<div class="d-flex align-items-center"> 1296 <a href="https://www.forumdesimages.fr/" class="sidebar_link_actus link_in_card_films" target="_blank"> 1297 <div class="pt-3 pb-1 px-4"> 1298 <img data-lazy="/img/partenaire/logo_fdi.png" class="img-fluid" alt=""> 1299 </div> 1300 </a> 1301 </div>--> 1302 <div class="d-flex align-items-center"> 1303 <a href="https://imagesenbibliotheques.fr/" class="sidebar_link_actus link_in_card_films" target="_blank"> 1304 <div class="pt-3 pb-1 px-4"> 1305 <img data-lazy="/img/partenaire/logo_IB.png" class="img-fluid" alt=""> 1306 </div> 1307 </a> 1308 </div> 1309 <div class="d-flex align-items-center"> 1310 <a href="https://www.imagesdocumentaires.fr/" class="sidebar_link_actus link_in_card_films" target="_blank"> 1311 <div class="pt-3 pb-1 px-4"> 1312 <img data-lazy="/img/partenaire/logo_images_documentaires.png" class="img-fluid" alt=""> 1313 </div> 1314 </a> 1315 </div> 1316 <!-- <div class="d-flex align-items-center"> 1317 <a href="https://www.ina.fr" class="sidebar_link_actus link_in_card_films"> 1318 <div class="pt-3 pb-1 px-4"> 1319 <img data-lazy="img/photos/logo_ina.png" class="img-fluid px-4 px-md-3" alt=""> 1320 </div> 1321 </a> 1322 </div> --> 1323 <div class="d-flex align-items-center"> 1324 <a href="https://www.france-isan.org/" class="sidebar_link_actus link_in_card_films" target="_blank"> 1325 <div class="pt-3 pb-1 px-2"> 1326 <img data-lazy="/img/partenaire/logo_isan.png" class="img-fluid px-4 px-md-3" alt=""> 1327 </div> 1328 </a> 1329 </div> 1330 <div class="d-flex align-items-center"> 1331 <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"> 1332 <div class="pt-2 pb-1 px-1"> 1333 <img data-lazy="/img/partenaire/logo_maison_du_doc.png" class="img-fluid px-4 px-md-3" alt=""> 1334 </div> 1335 </a> 1336 </div> 1337 <div class="d-flex align-items-center"> 1338 <a href="https://pariscience.fr/" class="sidebar_link_actus link_in_card_films" target="_blank"> 1339 <div class="pt-3 pb-1 px-1"> 1340 <img data-lazy="/img/partenaire/logo_pariscience.png" class="img-fluid px-4 px-md-3" alt=""> 1341 </div> 1342 </a> 1343 </div> 1344 <div class="d-flex align-items-center"> 1345 <a href="https://www.procirep.fr/" class="sidebar_link_actus link_in_card_films" target="_blank"> 1346 <div class="pt-3 pb-1 px-4"> 1347 <img data-lazy="/img/partenaire/logo_procirep.png" class="img-fluid" alt="" style="margin-top: .5rem;"> 1348 </div> 1349 </a> 1350 </div> 1351 <div class="d-flex align-items-center"> 1352 <a href="https://festival-resistances.fr/" class="sidebar_link_actus link_in_card_films" target="_blank"> 1353 <div class="pt-3 pb-1 px-3"> 1354 <img data-lazy="/img/partenaire/logo_resistances.png" class="img-fluid" alt="" style="margin-top: .5rem;"> 1355 </div> 1356 </a> 1357 </div> 1358 <!-- <div class="d-flex align-items-center"> 1359 <a href="https://larevuedocumentaires.fr/" class="sidebar_link_actus link_in_card_films"> 1360 <div class="pt-3 pb-1 px-3"> 1361 <img data-lazy="img/photos/logo_larevuedocumentaires.png" class="img-fluid" alt="" style="margin-top: .5rem;"> 1362 </div> 1363 </a> 1364 </div> --> 1365 <div class="d-flex align-items-center"> 1366 <a href="https://www.sacem.fr/" class="sidebar_link_actus link_in_card_films" target="_blank"> 1367 <div class="pt-3 pb-1 px-4"> 1368 <img data-lazy="/img/partenaire/logo_sacem.png" class="img-fluid" alt="" style="margin-top: .5rem;"> 1369 </div> 1370 </a> 1371 </div> 1372 <div class="d-flex align-items-center"> 1373 <a href="https://www.scam.fr/" class="sidebar_link_actus link_in_card_films" target="_blank"> 1374 <div class="pt-3 pb-1 px-4"> 1375 <img data-lazy="/img/partenaire/logo_scam_part.png" class="img-fluid" alt="" style="margin-top: .5rem;"> 1376 </div> 1377 </a> 1378 </div> 1379 <!-- <div class="d-flex align-items-center"> 1380 <a href="https://www.sfav.fr/fr" class="sidebar_link_actus link_in_card_films"> 1381 <div class="pt-3 pb-1 px-4"> 1382 <img data-lazy="img/photos/logo_sfav.png" class="img-fluid" alt=""> 1383 </div> 1384 </a> 1385 </div> --> 1386 <div class="d-flex align-items-center">
1387 <a href="https://www.sunnysideofthedoc.com/fr/accueil.htm" class="sidebar_link_actus link_in_card_films" target="_blank"> 1388 <div class="pt-3 pb-1 px-4"> 1389 <img data-lazy="/img/partenaire/logo_ssd.png" class="img-fluid" alt=""> 1390 </div> 1391 </a> 1392 </div> 1393 <div class="d-flex align-items-center"> 1394 <a href="https://www.on-tenk.com/fr" class="sidebar_link_actus link_in_card_films" target="_blank"> 1395 <div class="pt-3 pb-1 px-4"> 1396 <img data-lazy="/img/partenaire/logo_tenk_w.png" class="img-fluid" alt=""> 1397 </div> 1398 </a> 1399 </div> 1400 <!--<div class="d-flex align-items-center"> 1401 <a href="https://www.uphf.fr/" class="sidebar_link_actus link_in_card_films" target="_blank"> 1402 <div class="pt-3 pb-1 px-3"> 1403 <img data-lazy="/img/partenaire/logo_universite_polytechnique.png" class="img-fluid" alt=""> 1404 </div> 1405 </a> 1406 </div>--> 1407 <div class="d-flex align-items-center"> 1408 <a href="http://www.videadoc.com/" class="sidebar_link_actus link_in_card_films" target="_blank"> 1409 <div class="pt-3 pb-1 px-4"> 1410 <img data-lazy="/img/partenaire/logo_videadoc.png" class="img-fluid" alt="" style="margin-top: 1rem;"> 1411 </div> 1412 </a> 1413 </div> 1414 <div class="d-flex align-items-center"> 1415 <a href="https://www.visionsdureel.ch/" class="sidebar_link_actus link_in_card_films" target="_blank"> 1416 <div class="pt-1 pb-1 px-4"> 1417 <img data-lazy="/img/partenaire/logo_visions_du_reel.png" class="img-fluid" alt="" style="margin-top: 1rem;"> 1418 </div> 1419 </a> 1420 </div> 1421 </div> 1422 </div> 1423 </div> 1424 </div> 1425 1426 <div class="row pb-0 pb-md-3 mb-0"> 1427 <div class="col-6 col-md-5 col-lg-5 pt-4"> 1428 <div class="h5 text-white pb-2 text-uppercase ffPNB">Contactez-nous</div> 1429 <ul class="list-unstyled text-white h6 text-white mb-3"> 1430 <li class="list-item pb-2"> 1431 <div><span class="pr-2 align-middle text-white">300, route de Mirabel â¢Â 07170 Lussas</span></div> 1432 </li> 1433 <li class="list-item pb-2"> 1434 [email protected] 1435 </li> 1436 </ul> 1437 </div> 1438 1439 <div class="col-6 col-md-3 col-lg-2 pt-4"> 1440 <div class="h5 text-white pb-2 text-uppercase ffPNB"> Suivez-nous</div> 1441 <div class="d-flex pt-0"> 1442 <a class="pl-0 text-white" href="https://www.facebook.com/filmdocumentaire.fr/" target="_blank"><i class="fab fa-facebook fa-2x align-left"></i></a> 1443 <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> 1444 <a class="pl-0 text-white" href="https://www.linkedin.com/company/film-documentaire-fr/" target="_blank"><i class="fab fa-linkedin fa-2x align-right"></i></a> 1445 </div> 1446 </div> 1447 1448 <div class="col-12 col-md-4 col-lg-5 mb-3 pt-2 pt-md-4 text-md-right"> 1449 <a href="/4DACTION/w_Lettre" class="btn btn-lg btn-outline-light smallCaps ffPNB"> 1450 <!-- <i class="align-self-center mr-2" data-feather="send"></i> --> <i class="fas fa-newspaper align-self-center mr-2"></i> recevoir la lettre d'information 1451 </a> 1452 <!--<form class="form" action="/4DACTION/w_Abonnement/" method="post"> 1453 <div class="form-group"> 1454 <label class="form-label text-white h5 text-uppercase ffPNB">Lettre d'info mensuelle</label> 1455 <div class="input-group input-group-navbar email"> 1456 <input type="hidden" name="input_abo_hiddden" value=""> 1457 <input type="text" class="form-control is-valid" name="input_abo_valid" placeholder="Votre adresse email" aria-label="S'abonner à la lettre d'info"> 1458 <div class="input-group-append"> 1459 <button class="btn" type="submit"> 1460 <i class="align-self-center" data-feather="send"></i> 1461 </button> 1462 </div> 1463 </div> 1464 </div> 1465 </form>--> 1466 </div> 1467 </div> 1468 1469 <div class="row"> 1470 <div class="col-12 pt-2"> 1471 <ul class="list-inline text-white h6 text-white small"> 1472 <li class="list-inline-item pb-3"> 1473 <a class="align-middle text-white" href="/4DACTION/w_Mentions"><div><span class="pr-2">Mentions légales</span></div></a> 1474 </li> 1475 <li class="list-inline-item pb-3"> 1476 <a class="align-middle text-white" href="/4DACTION/w_Politique"><div><span class="pr-2">Politique de confidentialité</span></div></a> 1477 </li> 1478 <li class="list-inline-item pb-3"> 1479 <a class="align-middle text-white" href="/4DACTION/w_Credit"><div><span class="pr-2">Crédits</span></div></a> 1480 </li> 1481 <li class="list-inline-item pb-3"> 1482 <span class="pr-2 align-middle text-white">© film-documentaire.fr 2022</span> 1483 </li> 1484 1485 </ul> 1486 </div> 1487 1488 1489 </div> 1490
1491 </div> 1492 </footer> 1493 1494 <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> 1495 1496 1497 1498 1499 1500 1501 1502 1503 <div class="modal fade" id="ModalConnexion" tabindex="-1" aria-labelledby="Se connnecter" aria-hidden="true"> 1504 <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> 1505 <div class="modal-content"> 1506 <div class="modal-header"> 1507 <h4 class="modal-title ffPNB" id="exampleModalLabel">Se connecter</h4> 1508 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 1509 <span aria-hidden="true">×</span> 1510 </button> 1511 </div> 1512 <div class="modal-header py-0 my-0"> 1513 <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> 1514 </div> 1515 <form class="form" id="Form_Connexion"> 1516 <div class="modal-body"> 1517 <div class="form-group"> 1518 <label>Mail</label> 1519 <input name="input_connexion_email" class="form-control" type="email" placeholder="" required /> 1520 </div> 1521 <div class="form-group"> 1522 <label>Mot de passe</label> 1523 <input name="input_connexion_mdp" class="form-control" type="password" placeholder="" required/> 1524 <small> 1525 <a href="/4DACTION/w_Parametre_Mdp">Mot de passe oublié ?</a> 1526 </small> 1527 </div> 1528 </div> 1529 <div class="modal-footer d-flex justify-content-start"> 1530 <button type="submit" class="btn btn-primary">Se connecter</button> 1531 <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Annuler</button> 1532 </div> 1533 </form> 1534 </div> 1535 </div> 1536 </div> 1537 1538 <!-- modal INSCRIPTION --> 1539 <div class="modal fade" id="ModalInscription" tabindex="-1" aria-labelledby="Créer un compte" aria-hidden="true"> 1540 <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> 1541 <div class="modal-content"> 1542 <div class="modal-header"> 1543 <h4 class="modal-title ffPNB" id="exampleModalLabel">Créer un compte</h4> 1544 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 1545 <span aria-hidden="true">×</span> 1546 </button> 1547 </div> 1548 <div class="modal-header py-0 my-0"> 1549 <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> 1550 </div> 1551 <div class="modal-body"> 1552 <form class="form" id="Form_Inscription"> 1553 <div class="form-group"> 1554 <label>Nom</label> <span class="small ml-3 text-muted">Facultatif</span> 1555 <input name="input_nom" class="form-control" type="text" name="name" placeholder="" /> 1556 </div> 1557 <div class="form-group"> 1558 <label>Prénom</label> <span class="small ml-3 text-muted">Facultatif</span> 1559 <input name="input_prenom" class="form-control" type="text" name="name" placeholder="" /> 1560 </div> 1561 <div class="form-group"> 1562 <label>Mail</label> 1563 <input name="input_email" class="form-control" type="email" name="validation-email" placeholder="" required /> 1564 </div> 1565 <div class="form-group"> 1566 <label>Mot de passe</label> 1567 <input name="input_mdp" id="mdp" class="form-control" type="password" name="password" placeholder="" required/> 1568 </div> 1569 <div class="form-group"> 1570 <label>Confirmation mot de passe</label> 1571 <input name="input_mdpconfirme" id="mdp_confirm" class="form-control" type="password" name="password" placeholder="" required/> 1572 </div> 1573 <div class="form-check"> 1574 <input name="check_lettre" class="form-check-input" type="checkbox" value="" id="abo_lettre"> 1575 <label class="form-check-label" for="abo_lettre">Je m'abonne à la lettre d'info mensuelle</label> 1576 </div> 1577 <div class="modal-footer d-flex justify-content-start"> 1578 <button type="submit" class="btn btn-primary">Créer un compte</button> 1579 <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Annuler</button> 1580 </div> 1581 </form> 1582 </div> 1583 </div>
1584 </div> 1585 </div> 1586 1587 1588 1589 <div class="modal fade" id="ModalEnregistrerFilms_NotLog" tabindex="-1" aria-labelledby="Enregistrer liste films" aria-hidden="true"> 1590 <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> 1591 <div class="modal-content"> 1592 <div class="modal-header"> 1593 <h4 class="modal-title ffPNB" id="exampleModalLabel">Enregistrer les fiches </h4> 1594 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 1595 <span aria-hidden="true">×</span> 1596 </button> 1597 </div> 1598 <div class="modal-body"> 1599 <div class="lead">Connectez-vous pour enregistrer les fiches dans vos listes personnalisées.</div> 1600 <div class="text-muted pt-2">Si vous n'avez pas de compte, vous pouvez en créer un gratuitement.</div> 1601 </div> 1602 <div class="modal-footer d-flex justify-content-start"> 1603 <button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#ModalConnexion">Se connecter</button> 1604 <button type="button" class="btn btn-outline-primary" data-dismiss="modal" data-toggle="modal" data-target="#ModalInscription">Créer un compte</button> 1605 </div> 1606 </div> 1607 </div> 1608 </div> 1609 1610 1611 <!-- modal Enregistrer liste CONNECTE --> 1612 <div class="modal fade" id="ModalEnregistrerFilms_Log" tabindex="-1" aria-labelledby="Enregistrer liste films" aria-hidden="true"> 1613 <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> 1614 <div class="modal-content"> 1615 <div class="modal-header"> 1616 <h4 class="modal-title" id="exampleModalLabel">Enregistrer dansâ¦</h4> 1617 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 1618 <span aria-hidden="true">×</span> 1619 </button> 1620 </div> 1621 <form id="Form_Favori" method="post"> 1622 <div class="modal-body"> 1623 <input type="hidden" name="input_favori_hidden" id="input_favori_hidden" value=""/> 1624 <div> 1625 1626 <div id="favori_liste"> 1627 1628 </div> 1629 1630 1631 <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> 1632 1633 1634 <div class="form-group pt-2 collapse" id="collapseNewList"> 1635 <label class="ffPNB">Nouvelle liste</label> 1636 <input name="input_favori_newliste" type="text" class="form-control" id="input_favori_newliste" placeholder="Choisissez un nom" style="height: calc(1.840625rem + 6px);"> 1637 </div> 1638 1639 1640 </div> 1641 </div> 1642 <div class="modal-footer d-flex justify-content-start"> 1643 <button type="submit" class="btn btn-primary">Enregistrer</button> 1644 <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Annuler</button> 1645 </div> 1646 </form> 1647 1648 </div> 1649 </div> 1650 </div> 1651 1652 <!-- modal-dialog-scrollable --> 1653 <!-- @og 18.05 : modal MODIFIER FILM --> 1654 <div class="modal fade" id="ModalModifierFilm" tabindex="-1" aria-labelledby="Créer un compte" aria-hidden="true"> 1655 <div class="modal-dialog modal-dialog-centered modal-sm" role="document"> 1656 <div class="modal-content"> 1657 <div class="modal-header"> 1658 <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> 1659 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 1660 <span aria-hidden="true">×</span> 1661 </button> 1662 </div> 1663 1664 1665 <div class="modal-header py-2 my-0"> 1666 <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> 1667 </div> 1668 1669 1670 <form class="form" id="Form_Modif"> 1671 <div class="modal-body"> 1672 <input name="input_modif_codefilm" class="form-control" type="hidden" value="<!--#4DHTML www_CodeFilm--> : Indéfinie" /> 1673 <div class="form-group"> 1674 <label class="ffPNB" for="nom">Nom</label> 1675 <input class="form-control" type="text" placeholder="" /> 1676 </div> 1677 <div class="form-group"> 1678 <label class="ffPNB" for="prenom">Prénom</label> 1679 <input class="form-control" type="text" placeholder="" /> 1680 </div> 1681 <div class="form-group"> 1682 <label class="ffPNB" for="validation-email">Mail</label> 1683 <input name="input_modif_email" class="form-control" type="email" value="" required /> 1684 </div> 1685 1686 <div class="form-group"> 1687 <label class="ffPNB" for="champModif">Information à modifier et/ou compléter</label> 1688 <select name="tabModif" class="form-control select2" id="tabModif" onchange="javascript:modif_info();" data-placeholder="Choisissez dans la liste" style="width: 100%;"> 1689 <option>Choisissez dans la liste</option> 1690 <option>Titre</option> 1691 <!--<option>Titre original</option> 1692 <option>Complément de titre</option> 1693 <option>Complément de titre original</option>--> 1694 <option>Pays de production</option> 1695 <option>Année de production</option> 1696 <option>Durée</option> 1697 <!--<option>
1697Titre épisode 1</option> 1698 <option>Titre original épisode 1</option> 1699 <option>Durée épisode 1</option> 1700 <option>Titre épisode 2</option> 1701 <option>Titre original épisode 2</option> 1702 <option>Durée épisode 2</option>--> 1703 <option>Type Åuvre</option> 1704 <option>Couleur/NB</option> 1705 <option>Support de tournage</option> 1706 <option>N° ISAN</option> 1707 <option>Langue originale</option> 1708 <option>Langue sous-titres</option> 1709 <option>Date sortie salle</option> 1710 <option>Résumé</option> 1711 <option>Résumé en anglais</option> 1712 <option>Mots-clés thématiques</option> 1713 <option>Liens à propos du film</option> 1714 <option>Photos</option> 1715 <option>Liens vidéo</option> 1716 <option>Générique artistique et technique</option> 1717 <option>Production</option> 1718 <option>Distribution </option> 1719 <option>Ayant droit</option> 1720 <option>Participation / Soutien</option> 1721 <option>Sélections et distinctions aux festivals</option> 1722 <option>Ajouter une information à modifier et/ou compléter</option> 1723 </select> 1724 </div> 1725 1726 <div class="form-group" id="show_info" style="display: none;"> 1727 <label for="show_info">Pour chaque image, merci de nous indiquer le copyright et de nous confirmer lâautorisation du droit de reproduction. Merci de nous faire parvenir votre photo à : <br><span class="ffPNB">[email protected]</span></label> 1728 </div> 1729 1730 <div class="form-group" id="show_festival" style="display: none;"> 1731 <label for="show_festival"> 1732 Chaque sélection en festival est vérifiée avant dâêtre ajoutée par les documentalistes. Merci dâenvoyer le lien vers la page de sélection du film au festival.<br/> 1733 Nous limitons les sélections en festival par fiche de film à huit occurrences, sauf situation exceptionnelle.<br/> 1734 Seules les sélections dans des festivals peuvent être ajoutées à une fiche de film. Les participations autres, telles que les présentations dans les marchés, les vidéothèques, les projections publiques, les forums de coproduction, ne sont pas admises. 1735 </label> 1736 </div> 1737 1738 <div class="form-group" id="show_video" style="display: none;"> 1739 <label for="show_video"> 1740 Les bandes-annonces ou extraits doivent être préalablement disponibles sur YouTube, Dailymotion ou Vimeo et film-documentaire.fr doit être autorisé à partager la vidéo. Il est inutile de nous envoyer des extraits qui ne seraient pas hébergés sur une de ces plateformes. 1741 </label> 1742 </div> 1743 1744 1745 <div class="form-group"> 1746 <label class="ffPNB" for="modif_film">Nouvelle information</label> 1747 <textarea name="textarea_modif" class="form-control" rows="3" placeholder="Votre contribution" id="modif_film"></textarea> 1748 </div> 1749 1750 </div> 1751 <div class="modal-footer d-flex justify-content-between"> 1752 <div> 1753 <button type="submit" class="btn btn-primary">Valider</button> 1754 <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Annuler</button> 1755 </div> 1756 <span class="ffPNB"> 1757 <a href="/4DACTION/w_fiche_actu/1485"><i class="far fa-question-circle mr-2"></i>Aide</a> 1758 </span> 1759 </div> 1760 </form> 1761 </div> 1762 </div> 1763 </div> 1764 1765 1766 <!-- @og 18.05 : modal MODIFIER FILM modal-dialog-scrollable --> 1767 <div class="modal fade" id="ModalModifierCreateur" tabindex="-1" aria-labelledby="Créer un compte" aria-hidden="true"> 1768 <div class="modal-dialog modal-dialog-centered modal-sm"> 1769 <div class="modal-content"> 1770 <div class="modal-header"> 1771 <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> 1772 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 1773 <span aria-hidden="true">×</span> 1774 </button> 1775 </div> 1776 1777 1778 <div class="modal-header py-2 my-0"> 1779 <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> 1780 </div> 1781 1782 1783 <form class="form" id="Form_Modif_Createur"> 1784 <div class="modal-body"> 1785 <input name="input_modifcrea_code" class="form-control" type="hidden" value="<!--#4DHTML www_CodeCreateur--> : Indéfinie" /> 1786 <div class="form-group"> 1787 <label class="ffPNB" for="nom">Nom</label> 1788 <input class="form-control" type="text" placeholder="" /> 1789 </div> 1790 <div class="form-group"> 1791 <label class="ffPNB" for="prenom">Prénom</label> 1792 <input class="form-control" type="text" placeholder="" /> 1793 </div> 1794 <div class="form-group"> 1795 <label class="ffPNB" for="validation-email">Mail</label> 1796 <input name="input_modifcrea_email" class="form-control" type="email" value="" required /> 1797 </div> 1798 1799 <div class="form-group"> 1800 <label class="ffPNB" for="champModif">Information à modifier et/ou compléter</label> 1801 <select name="tabCreaModif" class="form-control select2" id="tabCreaModif" onchange="javascript:modif_info_crea();" data-placeholder="Choisissez dans la liste" style="width: 100%;"> 1802 <option>Choisissez dans la liste</option> 1803 <option>
1803Biographie</option> 1804 <option>Site internet personnel</option> 1805 <option>Nom ou prénom</option> 1806 <option>Copyright de la photo</option> 1807 <option>Photos</option> 1808 <option>Liens vers des articles critiques, rencontres filmées ou masterclasses</option> 1809 <option>Ãtre crédité·e sur plusieurs films</option> 1810 <option>Ajouter une information à modifier et/ou compléter</option> 1811 </select> 1812 </div> 1813 1814 <div class="form-group" id="show_info_crea" style="display: none;"> 1815 <label for="show_info">Pour chaque image, merci de nous indiquer le copyright et de nous confirmer lâautorisation du droit de reproduction. Merci de nous faire parvenir votre photo à : <br><span class="ffPNB">[email protected]</span></label> 1816 </div> 1817 1818 <div class="form-group" id="show_credit" style="display: none;"> 1819 <label for="show_credit"> 1820 Merci de lister les films en indiquant la fonction que vous avez occupée pour chacun. Si un film nâest pas référencé sur notre plateforme, vous pouvez lâinscrire en cliquant sur « Ajouter une fiche de film » en haut à droite du site. 1821 </label> 1822 </div> 1823 1824 <div class="form-group"> 1825 <label class="ffPNB" for="modif_film">Nouvelle information</label> 1826 <textarea name="textarea_creamodif" class="form-control" rows="3" placeholder="Votre contribution" id="modif_crea"></textarea> 1827 </div> 1828 1829 </div> 1830 <div class="modal-footer d-flex justify-content-between"> 1831 <div> 1832 <button type="submit" class="btn btn-primary">Valider</button> 1833 <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Annuler</button> 1834 </div> 1835 <span class="ffPNB"> 1836 <a href="/4DACTION/w_fiche_actu/1485"><i class="far fa-question-circle mr-2"></i>Aide</a> 1837 </span> 1838 </div> 1839 </form> 1840 </div> 1841 </div> 1842 </div> 1843 1844 <div class="modal fade" id="ModalConfirmModif" tabindex="-1" aria-labelledby="Modification prise en compte" aria-hidden="true"> 1845 <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> 1846 <div class="modal-content"> 1847 <div class="modal-header"> 1848 <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> 1849 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 1850 <span aria-hidden="true">×</span> 1851 </button> 1852 </div> 1853 <div class="modal-body"> 1854 <h5 class="modal-title ffPNB" id="exampleModalLabel">Merci pour votre contribution.</h5> 1855 <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> 1856 <div class="form-group pt-4"> 1857 <button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#ModalModifierFilm">Modifier une autre information</button> 1858 </div> 1859 </div> 1860 </div> 1861 </div> 1862 </div> 1863 1864 <div class="modal fade" id="ModalInfdSearch" tabindex="-1" aria-labelledby="Aide transversale" aria-hidden="true"> 1865 <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> 1866 <div class="modal-content"> 1867 <div class="modal-header"> 1868 <h5 class="modal-title ffPNB" id="exampleModalLabel"><i class="fas fa-question-circle ml-2 text-primary"></i> Aide sur la recherche transversale.</h5> 1869 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 1870 <span aria-hidden="true">×</span> 1871 </button> 1872 </div> 1873 <div class="modal-body"> 1874 <h5 class="modal-title ffPNB" id="exampleModalLabel">Merci pour votre contribution.</h5> 1875 <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> 1876 </div> 1877 </div>
1878 </div> 1879 </div> 1880 1881 <div class="modal fade" id="ModalInscriptionValid" tabindex="-1" aria-labelledby="Inscription validée" aria-hidden="true"> 1882 <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> 1883 <div class="modal-content"> 1884 <div class="modal-header"> 1885 <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> 1886 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 1887 <span aria-hidden="true">×</span> 1888 </button> 1889 </div> 1890 <div class="modal-body"> 1891 <h5 class="modal-title ffPNB" id="exampleModalLabel">Merci pour votre contribution.</h5> 1892 <h5 class="modal-title" id="exampleModalLabel">Vous allez recevoir un email de confirmation afin d'activer votre compte.</h5> 1893 <div class="form-group pt-4"> 1894 <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button> 1895 </div> 1896 </div> 1897 </div> 1898 </div> 1899 </div> 1900 1901 <div class="modal fade" id="ModalInscriptionExiste" tabindex="-1" aria-labelledby="Compte existant" aria-hidden="true"> 1902 <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> 1903 <div class="modal-content"> 1904 <div class="modal-header"> 1905 <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> 1906 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 1907 <span aria-hidden="true">×</span> 1908 </button> 1909 </div> 1910 <div class="modal-body"> 1911 <h5 class="modal-title ffPNB" id="exampleModalLabel">Vous avez déjà créé un compte avec cette adresse mail.</h5> 1912 <h5 class="modal-title" id="exampleModalLabel">Notre équipe est à votre disposition pour vous aider à résoudre le souci.</h5> 1913 <div class="form-group pt-4"> 1914 <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button> 1915 </div> 1916 </div> 1917 </div> 1918 </div> 1919 </div> 1920 1921 1922 <div class="modal fade" id="ModalInscriptionSouci" tabindex="-1" aria-labelledby="Compte souci" aria-hidden="true"> 1923 <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> 1924 <div class="modal-content"> 1925 <div class="modal-header"> 1926 <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> 1927 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 1928 <span aria-hidden="true">×</span> 1929 </button> 1930 </div> 1931 <div class="modal-body"> 1932 <h5 class="modal-title ffPNB" id="exampleModalLabel">Un souci s'est produit lors de votre tentative d'identification.</h5> 1933 <h5 class="modal-title" id="exampleModalLabel">Notre équipe est à votre disposition pour vous aider à résoudre le souci.</h5> 1934 <div class="form-group pt-4"> 1935 <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button> 1936 </div> 1937 </div> 1938 </div> 1939 </div> 1940 </div> 1941 1942 <div class="modal fade" id="ModalConnexionSouci" tabindex="-1" aria-labelledby="Compte souci" aria-hidden="true"> 1943 <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> 1944 <div class="modal-content"> 1945 <div class="modal-header"> 1946 <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> 1947 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 1948 <span aria-hidden="true">×</span> 1949 </button> 1950 </div> 1951 <div class="modal-body"> 1952 <h5 class="modal-title ffPNB" id="exampleModalLabel">Votre identifiant ou votre mot de passe sont incorrects.</h5> 1953 <h5 class="modal-title" id="exampleModalLabel">Merci de réessayer ou de contacter notre équipe</h5> 1954 <div class="form-group pt-4"> 1955 <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button> 1956 </div> 1957 </div> 1958 </div>
1959 </div> 1960 </div> 1961 1962 <div class="modal fade" id="ModalConnexionActivation" tabindex="-1" aria-labelledby="Compte souci" aria-hidden="true"> 1963 <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> 1964 <div class="modal-content"> 1965 <div class="modal-header"> 1966 <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> 1967 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 1968 <span aria-hidden="true">×</span> 1969 </button> 1970 </div> 1971 <div class="modal-body"> 1972 <h5 class="modal-title ffPNB" id="exampleModalLabel">Vous n'avez pas encore activé votre compte.</h5> 1973 <h5 class="modal-title" id="exampleModalLabel">Notre équipe est à votre disposition pour vous aider à résoudre le souci.</h5> 1974 <div class="form-group pt-4"> 1975 <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button> 1976 </div> 1977 </div> 1978 </div> 1979 </div> 1980 </div> 1981 1982 1983 <div class="modal fade" id="ModalSupprimerCompte" tabindex="-1" aria-labelledby="Supprimer la liste" aria-hidden="true"> 1984 <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> 1985 <div class="modal-content"> 1986 <div class="modal-header"> 1987 <h4 class="modal-title" id="exampleModalLabel"><i class="fas fa-user-minus mr-2"></i>Supprimer le compte</h4> 1988 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 1989 <span aria-hidden="true">×</span> 1990 </button> 1991 </div> 1992 <div class="modal-body"> 1993 <div class="form-group pt-2"> 1994 <div class="ffPNB">Ãtes-vous sûr(e) de vouloir supprimer votre compte ?</div> 1995 <div class="ffPNB text-danger">Cette action est définitive et irréversible.</div> 1996 </div> 1997 </div> 1998 <div class="modal-footer d-flex justify-content-start"> 1999 <form method="post" action="/4DACTION/Ajax_Compte_Supprimer"> 2000 <button type="submit" class="btn btn-danger">Supprimer</button> 2001 </form> 2002 <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Annuler</button> 2003 </div> 2004 </div> 2005 </div> 2006 </div> 2007 2008 <!-- MODAL RENOMMER LISTE --> 2009 <div class="modal fade" id="ModalRenommerListe" tabindex="-1" aria-labelledby="Renommer la liste" aria-hidden="true"> 2010 <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> 2011 <div class="modal-content"> 2012 <div class="modal-header"> 2013 <h4 class="modal-title" id="exampleModalLabel"><i class="fas fa-pen mr-2"></i>Renommer la liste</h4> 2014 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 2015 <span aria-hidden="true">×</span> 2016 </button> 2017 </div> 2018 <form id="Form_Favori_rename"> 2019 <div class="modal-body"> 2020 <input type="hidden" name="input_rename_uuid" id="input_rename_uuid" value=""/> 2021 <div class="form-group pt-2"> 2022 <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"> 2023 </div> 2024 </div> 2025 <div class="modal-footer d-flex justify-content-start"> 2026 <button type="submit" class="btn btn-primary">Enregistrer</button> 2027 <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Annuler</button> 2028 </div> 2029 </form> 2030 </div> 2031 </div> 2032 </div> 2033 2034 2035 <!-- MODAL SUPPRIMER LISTE --> 2036 <div class="modal fade" id="ModalSupprimerListe" tabindex="-1" aria-labelledby="Supprimer la liste" aria-hidden="true"> 2037 <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> 2038 <div class="modal-content"> 2039 <div class="modal-header"> 2040 <h4 class="modal-title" id="exampleModalLabel"><i class="fas fa-trash-alt mr-2"></i>Supprimer la liste ?</h4> 2041 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 2042 <span aria-hidden="true">×</span> 2043 </button> 2044 </div> 2045 <form id="Form_Favori_delete"> 2046 <div class="modal-body"> 2047 <input type="hidden" name="input_delete_uuid" id="input_delete_uuid" value=""/> 2048 <div class="form-group pt-2"> 2049 <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=""> 2050 2051 </div> 2052 2053 </div> 2054 <div class="modal-footer d-flex justify-content-start"> 2055 <button type="submit" class="btn btn-primary">Supprimer</button> 2056 <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Annuler</button> 2057 </div> 2058 <div class="modal-footer border-top-0 pt-0 d-flex justify-content-start"> 2059 <small class="text-danger"><i class="fas fa-exclamation-circle mr-2"></i>Cette action est irréversible.</small> 2060 </div> 2061 </form> 2062 </div>
2063 </div> 2064 </div> 2065 2066 2067 <!-- MODAL AJOUTER LISTE FILMS --> 2068 <div class="modal fade" id="ModalAjouterListe" tabindex="-1" aria-labelledby="Ajouter une liste" aria-hidden="true"> 2069 <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> 2070 <div class="modal-content"> 2071 <div class="modal-header"> 2072 <h4 class="modal-title" id="exampleModalLabel"><i class="fas fa-plus mr-2"></i>Ajouter une liste de fiches</h4> 2073 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 2074 <span aria-hidden="true">×</span> 2075 </button> 2076 </div> 2077 <form id="Form_Favori_add"> 2078 <div class="modal-body"> 2079 <input type="hidden" name="input_add_table" id="input_add_table" value=""/> 2080 <div class="form-group pt-2"> 2081 <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);"> 2082 </div> 2083 </div> 2084 <div class="modal-footer d-flex justify-content-start"> 2085 <button type="submit" class="btn btn-primary">Enregistrer</button> 2086 <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Annuler</button> 2087 </div> 2088 </form> 2089 </div> 2090 </div> 2091 </div> 2092 2093 2094 <!-- MODAL SUPPRIMER OBJET --> 2095 <div class="modal fade" id="ModalSupprimerObjet" tabindex="-1" aria-labelledby="Supprimer la liste" aria-hidden="true"> 2096 <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> 2097 <div class="modal-content"> 2098 <div class="modal-header"> 2099 <h4 class="modal-title" id="exampleModalLabel"><i class="fas fa-trash-alt mr-2"></i>Supprimer de la liste ?</h4> 2100 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 2101 <span aria-hidden="true">×</span> 2102 </button> 2103 </div> 2104 <form id="Form_Objet_delete"> 2105 <div class="modal-body"> 2106 <input type="hidden" name="input_objet_uuid" id="input_objet_uuid" value=""/> 2107 <div class="form-group pt-2"> 2108 <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> 2109 </div> 2110 2111 </div> 2112 <div class="modal-footer d-flex justify-content-start"> 2113 <button type="submit" class="btn btn-primary" id="notifActionMAJBtn">Supprimer</button> 2114 <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Annuler</button> 2115 </div> 2116 <div class="modal-footer border-top-0 pt-0 d-flex justify-content-start"> 2117 <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> 2118 </div> 2119 </form> 2120 </div> 2121 </div> 2122 </div> 2123 2124 2125 2126 </div> 2127 2128 </div> 2129 2130<!-- A ACTIVER OU DESACTIVER --> 2131 2132 2133 2134 2135 2136 2137 2138 2139 2140 2141
2141<script type="text/javascript"> 2142 document.title="Film-documentaire.fr"; 2143 </script>
2143 2144 2145
2145<script src="/js/app.js"></script>
2145 2146
2146<script src="/js/jquery.easy-autocomplete.min.js"></script>
2146 2147
2147<script src="/js/jquery.bootstrap-autohidingnavbar.js"></script>
2147 2148
2148<script src="/css/slick/slick.min.js"></script>
2148 2149
2149<script src="/js/vegas.min.js"></script>
2149 2150
2150<script src="/js/select2.full.min.js"></script>
2150 2151
2151<script src="/js/bigfoot.min.js"></script>
2151 2152
2152<script src="/js/ekko-lightbox.js"></script>
2152 2153
2153<script src="/js/bootstable.min.js"></script>
2153 2154
2154<script src="/js/bootstable.js"></script>
2154 2155 2156 <!-- Smooth scrolling--> 2157
2157<script src="/js/smooth-scroll.polyfills.min.js"></script>
2157 2158
2158<script src="/js/helloasso_01.js"></script>
2158 2159 2160
2160<script type="text/javascript"> 2161 $(document).on('click', '[data-toggle="lightbox"]', function(event) { 2162 event.preventDefault(); 2163 $(this).ekkoLightbox({ 2164 //alwaysShowClose: true 2165 }); 2166 }); 2167 </script>
2167 2168 2169
2169<script type="text/javascript"> 2170 $.bigfoot( 2171 { 2172 numberResetSelector: ".article_bigfoot" 2173 //actionOriginalFN: "ignore" 2174 } 2175 ); 2176 </script>
2176 2177
2177<script> 2178 2179 document.addEventListener("DOMContentLoaded", function() { 2180 var options = { 2181 2182 url: function(phrase) { 2183 //if (phrase.length > 2) 2184 //{ 2185 return "/4DACTION/Ajax_Suggestion"; 2186 //} 2187 }, 2188 2189 getValue: function(element) { 2190 return element.Keyword; 2191 }, 2192 2193 ajaxSettings: { 2194 dataType: "json", 2195 method: "POST", 2196 data: { 2197 dataType: "json" 2198 } 2199 }, 2200 2201 preparePostData: function(data) { 2202 2203 data.phrase = $("#rech_simple").val(); 2204 return data; 2205 }, 2206 2207 list: { 2208 maxNumberOfElements: 100, 2209 match: { 2210 // enabled: true 2211 }, 2212 sort: { 2213 //enabled: true 2214 }, 2215 onClickEvent: function() { 2216 var value = $("#rech_simple").getSelectedItemData(); 2217 $("#rech_uukey").val(value.UUKey); 2218 $("#rech_table").val(value.Table); 2219 2220 $( "#SearchForm_Full" ).submit(); 2221 } 2222 }, 2223 2224 template: { 2225 type: "description", 2226 fields: { 2227 description: "Table" 2228 } 2229 }, 2230 2231 theme: "square" 2232 2233 2234 }; 2235 2236 $("#rech_simple").easyAutocomplete(options); 2237 }); 2238 2239 2240function les_fulls(latable,idlien) 2241 { 2242 $(".active").removeClass("active"); 2243 2244 $.ajax({ 2245 2246 url: "/4DACTION/Ajax_Search_Full/"+latable, 2247 type : "POST", 2248 success : function (data) { 2249 2250 $("#full_liste").empty().append(data); 2251 $("#full_liste").addClass("active"); 2252 $("#"+idlien).addClass("active"); 2253 2254 2255 }, 2256 error: function(XMLHttpRequest, textStatus, errorThrown) 2257 { 2258 alert(errorThrown); 2259 } 2260 2261 }); 2262 } 2263 2264 2265 </script>
2265 2266 2267 2268
2268<script> 2269 document.addEventListener("DOMContentLoaded", function() { 2270 $("#topbar_nav").autoHidingNavbar(); 2271 }); 2272 </script>
2272 2273
2273<script> 2274 document.addEventListener("DOMContentLoaded", function() { 2275 $( "#menu_burger_fd" ).click(function() { 2276 if($('#sidebar').hasClass('collapsed')){ 2277 $('#logo_top').show('slow').fadeIn('slow'); 2278 } else { 2279 $('#logo_top').hide('slow').fadeOut('slow'); 2280 } 2281 }); 2282 }); 2283 </script>
2283 2284
2284<script> 2285 document.addEventListener("DOMContentLoaded", function() { 2286 $('.slick_visuels_festival').slick({ 2287 lazyLoad: 'ondemand', 2288 autoplay: true, 2289 infinite: true, 2290 //dots: true, 2291 arrows: false, 2292 speed: 300, 2293 slidesToShow: 1, 2294 slidesToScroll: 1 2295 }); 2296 $('.slick_visuels_producteur').slick({ 2297 lazyLoad: 'ondemand', 2298 autoplay: true, 2299 infinite: true, 2300 //dots: true, 2301 arrows: false, 2302 speed: 300, 2303 slidesToShow: 1, 2304 slidesToScroll: 1 2305 }); 2306 $('.slick_visuels_createurs').slick({ 2307 lazyLoad: 'ondemand', 2308 autoplay: true, 2309 infinite: true, 2310 //dots: true, 2311 arrows: false, 2312 speed: 300, 2313 slidesToShow: 1, 2314 slidesToScroll: 1 2315 }); 2316 $('.slick_derniers_films, .slick_themas_films, .slick_derniers_producteurs').slick({ 2317 lazyLoad: 'ondemand', 2318 autoplay: false, 2319 infinite: true, 2320 dots: true, 2321 speed: 2000, //@og 18.05 : vitesse modifiée, à modifier partout 2322 slidesToShow: 4, 2323 slidesToScroll: 4, 2324 responsive: [ 2325 { 2326 breakpoint: 1024, 2327 settings: { 2328 slidesToShow: 3, 2329 slidesToScroll: 3, 2330 infinite: true, 2331 dots: true, 2332 arrows: false 2333 } 2334 }, 2335 { 2336 breakpoint: 600, 2337 settings: { 2338 slidesToShow: 2, 2339 slidesToScroll: 2, 2340 infinite: true, 2341 dots: true, 2342 arrows: false 2343 } 2344 }, 2345 { 2346 breakpoint: 480, 2347 settings: { 2348 slidesToShow: 1, 2349 slidesToScroll: 1, 2350 infinite: true, 2351 dots: true, 2352 arrows: false 2353 } 2354 }] 2355 }); 2356 $('.slick_visuels_films').slick({ 2357 lazyLoad: 'ondemand', 2358 autoplay: false, //@og 18.05 : modif true 2359 infinite: true, 2360 //dots: true, 2361 speed: 300, 2362 slidesToShow: 3, 2363 slidesToScroll: 3, 2364 responsive: [ 2365 { 2366 breakpoint: 1024, 2367 settings: { 2368 slidesToShow: 2, 2369 slidesToScroll: 2, 2370 infinite: true, 2371 //dots: true, 2372 //arrows: false 2373 } 2374 }, 2375 { 2376 breakpoint: 600, 2377 settings: { 2378 slidesToShow: 1, 2379 slidesToScroll: 1, 2380 infinite: true, 2381 //dots: true, 2382 //arrows: false 2383 } 2384 }] 2385 }); 2386 $('.slick_zoom_films').slick({ 2387 lazyLoad: 'ondemand', 2388 autoplay: false, 2389 slidesToShow: 1, 2390 slidesToScroll: 1, 2391 arrows: true 2392 }); 2393 2394 $('.slick_nouveautes').slick({ 2395 lazyLoad: 'ondemand', 2396 dots: true, 2397 infinite: true, 2398 speed: 2000, 2399 slidesToShow: 5, 2400 slidesToScroll: 5, 2401 responsive: [ 2402 { 2403 breakpoint: 1024, 2404 settings: { 2405 slidesToShow: 3, 2406 slidesToScroll: 3, 2407 infinite: true, 2408 dots: true, 2409 arrows: false 2410 } 2411 }, 2412 { 2413 breakpoint: 600, 2414 settings: { 2415 slidesToShow: 2, 2416 slidesToScroll: 2, 2417 infinite: true, 2418 dots: false, 2419 arrows: false 2420 } 2421 }, 2422 { 2423 breakpoint: 480, 2424 settings: { 2425 slidesToShow: 1, 2426 slidesToScroll: 1, 2427 infinite: true, 2428 dots: false, 2429 autoplay: true, 2430 arrows: true 2431 } 2432 }] 2433 }); 2434 $('.slick_soutiens').slick({ 2435 lazyLoad: 'ondemand', 2436 arrows: false, 2437 autoplay: true, 2438 infinite: true, 2439 speed: 2000, 2440 slidesToShow: 4, 2441 slidesToScroll: 4, 2442 responsive: [ 2443 { 2444 breakpoint: 1280, 2445 settings: { 2446 slidesToShow: 3, 2447 slidesToScroll: 3, 2448 infinite: true, 2449 dots: true, 2450 arrows: false 2451 } 2452 }, 2453 // { 2454 // breakpoint: 1025, 2455 // settings: { 2456 // slidesToShow: 2, 2457 // slidesToScroll: 2, 2458 // infinite: true, 2459 // dots: true, 2460 // arrows: false 2461 // } 2462 // }, 2463 { 2464 breakpoint: 600, 2465 settings: { 2466 slidesToShow: 2, 2467 slidesToScroll: 2, 2468 infinite: true, 2469 dots: true,
2470 arrows: false 2471 } 2472 }, 2473 { 2474 breakpoint: 480, 2475 settings: { 2476 slidesToShow: 1, 2477 slidesToScroll: 1, 2478 infinite: true, 2479 dots: true, 2480 arrows: false 2481 } 2482 }] 2483 }); 2484 $('.slick_partenaires').slick({ 2485 lazyLoad: 'progressive', 2486 dots: true, 2487 arrows: false, 2488 autoplay: true, 2489 infinite: true, 2490 speed: 2000, 2491 slidesToShow: 8, 2492 slidesToScroll: 8, 2493 responsive: [ 2494 { 2495 breakpoint: 1200, 2496 settings: { 2497 slidesToShow: 7, 2498 slidesToScroll: 7, 2499 infinite: true, 2500 dots: true, 2501 arrows: false 2502 } 2503 }, 2504 { 2505 breakpoint: 1080, 2506 settings: { 2507 slidesToShow: 6, 2508 slidesToScroll: 6, 2509 infinite: true, 2510 dots: true, 2511 arrows: false 2512 } 2513 }, 2514 { 2515 breakpoint: 768, 2516 settings: { 2517 slidesToShow: 4, 2518 slidesToScroll: 4, 2519 infinite: true, 2520 dots: true, 2521 arrows: false 2522 } 2523 }, 2524 { 2525 breakpoint: 600, 2526 settings: { 2527 slidesToShow: 3, 2528 slidesToScroll: 3, 2529 infinite: true, 2530 dots: true, 2531 arrows: false 2532 } 2533 }, 2534 { 2535 breakpoint: 480, 2536 settings: { 2537 slidesToShow: 2, 2538 slidesToScroll: 2, 2539 infinite: true, 2540 dots: true, 2541 arrows: false 2542 } 2543 }] 2544 }); 2545 }); 2546 </script>
2546 2547
2547<script> 2548 document.addEventListener("DOMContentLoaded", function() { 2549 $("body, .card_mission").vegas({ 2550 delay: 15000, 2551 autoplay: true, 2552 // valign: "top", 2553 timer: false, 2554 // slidesToKeep: 1, 2555 // overlay: 'img/bg/01.png', 2556 firstTransition: 'fade2', 2557 firstTransitionDuration: 5000, 2558 transition: 'fade2', 2559 transitionDuration: 2000, 2560 shuffle: true, 2561 slides: [ 2562 { src: "/img/bg/img_01.png" }, 2563 { src: "/img/bg/img_02.png" }, 2564 { src: "/img/bg/img_03.png" }, 2565 { src: "/img/bg/img_04.png" }, 2566 { src: "/img/bg/img_05.png" } 2567 ] 2568 }); 2569 // $(".bg_traverses_img").vegas({ 2570 // timer: false, 2571 // slides: [ 2572 // { src: "img/photos/traverses_2.png" } 2573 // ] 2574 // }); 2575 $(".bg_la_une").vegas({ 2576 timer: false, 2577 slides: [ 2578 { src: "img/photos/2316.jpg" } 2579 ] 2580 }); 2581 }); 2582 </script>
2582 2583
2583<script> 2584 document.addEventListener("DOMContentLoaded", function() { 2585 // Initialize Select2 select box 2586 $("select[name=\"validation-select2\"]").select2({ 2587 allowClear: true, 2588 placeholder: "Select gear...", 2589 }).change(function() { 2590 $(this).valid(); 2591 }); 2592 // Initialize Select2 multiselect box 2593 $("select[name=\"validation-select2-multi\"]").select2({ 2594 placeholder: "Select gear...", 2595 }).change(function() { 2596 $(this).valid(); 2597 }); 2598 // Trigger validation on tagsinput change 2599 $("input[name=\"validation-bs-tagsinput\"]").on("itemAdded itemRemoved", function() { 2600 $(this).valid(); 2601 }); 2602 // Initialize validation 2603 $("#validation-form").validate({ 2604 ignore: ".ignore, .select2-input", 2605 focusInvalid: false, 2606 rules: { 2607 "validation-email": { 2608 required: true, 2609 email: true 2610 }, 2611 "validation-password": { 2612 required: true, 2613 minlength: 6, 2614 maxlength: 20 2615 }, 2616 "validation-password-confirmation": { 2617 required: true, 2618 minlength: 6, 2619 equalTo: "input[name=\"validation-password\"]" 2620 }, 2621 "validation-required": { 2622 required: true 2623 }, 2624 "validation-url": { 2625 required: true, 2626 url: true 2627 }, 2628 "validation-select": { 2629 required: true 2630 }, 2631 "validation-multiselect": { 2632 required: true, 2633 minlength: 2 2634 }, 2635 "validation-select2": { 2636 required: true 2637 }, 2638 "validation-select2-multi": { 2639 required: true, 2640 minlength: 2 2641 }, 2642 "validation-text": { 2643 required: true 2644 }, 2645 "validation-file": { 2646 required: true 2647 }, 2648 "validation-radios": { 2649 required: true 2650 }, 2651 "validation-radios-custom": { 2652 required: true 2653 }, 2654 "validation-checkbox": { 2655 required: true 2656 }, 2657 "validation-checkbox-custom": { 2658 required: true 2659 }, 2660 "validation-checkbox-group-1": { 2661 require_from_group: [1, "input[name=\"validation-checkbox-group-1\"], input[name=\"validation-checkbox-group-2\"]"] 2662 }, 2663 "validation-checkbox-group-2": { 2664 require_from_group: [1, "input[name=\"validation-checkbox-group-1\"], input[name=\"validation-checkbox-group-2\"]"] 2665 }, 2666 "validation-checkbox-custom-group-1": { 2667 require_from_group: [1, "input[name=\"validation-checkbox-custom-group-1\"], input[name=\"validation-checkbox-custom-group-2\"]"] 2668 }, 2669 "validation-checkbox-custom-group-2": { 2670 require_from_group: [1, "input[name=\"validation-checkbox-custom-group-1\"], input[name=\"validation-checkbox-custom-group-2\"]"] 2671 } 2672 }, 2673 // Errors 2674 errorPlacement: function errorPlacement(error, element) { 2675 var $parent = $(element).parents(".form-group"); 2676 // Do not duplicate errors 2677 if ($parent.find(".jquery-validation-error").length) { 2678 return; 2679 } 2680 $parent.append( 2681 error.addClass("jquery-validation-error small form-text invalid-feedback") 2682 ); 2683 }, 2684 highlight: function(element) { 2685 var $el = $(element); 2686 var $parent = $el.parents(".form-group"); 2687 $el.addClass("is-invalid"); 2688 // Select2 and Tagsinput 2689 if ($el.hasClass("select2-hidden-accessible") || $el.attr("data-role") === "tagsinput") { 2690 $el.parent().addClass("is-invalid"); 2691 } 2692 }, 2693 unhighlight: function(element) { 2694 $(element).parents(".form-group").find(".is-invalid").removeClass("is-invalid"); 2695 } 2696 }); 2697 // Initialize validation 2698 $("#validation-form2").validate({ 2699 ignore: ".ignore, .select2-input", 2700 focusInvalid: false, 2701 rules: { 2702 "validation-email2": { 2703 required: true, 2704 email: true 2705 } 2706 }, 2707 // Errors 2708 errorPlacement: function errorPlacement(error, element) { 2709 var $parent = $(element).parents(".form-group"); 2710 // Do not duplicate errors 2711 if ($parent.find(".jquery-validation-error").length) { 2712 return; 2713 } 2714 $parent.append( 2715 error.addClass("jquery-validation-error small form-text invalid-feedback") 2716 ); 2717 }, 2718 highlight: function(element) { 2719 var $el = $(element); 2720 var $parent = $el.parents(".form-group"); 2721 $el.addClass("is-invalid"); 2722 // Select2 and Tagsinput 2723 if ($el.hasClass("select2-hidden-accessible") || $el.attr("data-role") === "tagsinput") { 2724 $el.parent().addClass("is-invalid"); 2725 } 2726 }, 2727 unhighlight: function(element) { 2728 $(element).parents(".form-group").find(".is-invalid").removeClass("is-invalid"); 2729 } 2730 }); 2731 }); 2732 </script>
2732 2733
2733<script> 2734 document.addEventListener("DOMContentLoaded", function() { 2735 $(document).ready(function(){ 2736 $(window).scroll(function () { 2737 if ($(this).scrollTop() > 320) { 2738 $('#back-to-top').fadeIn(); 2739 } else { 2740 $('#back-to-top').fadeOut(); 2741 } 2742 }); 2743 // scroll body to 0px on click 2744 $('#back-to-top').click(function () { 2745 $('body,html').animate({ 2746 scrollTop: 0 2747 }, 400); 2748 return false; 2749 }); 2750 }); 2751 }); 2752 </script>
2752 2753 2754
2754<script> 2755 document.addEventListener("DOMContentLoaded", function() { 2756 // Select2 2757 $(".select2").each(function() { 2758 $(this) 2759 .wrap("<div class=\"position-relative\"></div>") 2760 .select2({ 2761 placeholder: "Select value", 2762 dropdownParent: $(this).parent() 2763 }); 2764 }) 2765 2766 $('#daterangepicker-date').daterangepicker({ 2767 autoUpdateInput: false, 2768 showDropdowns: true, 2769 opens: "right", 2770 singleDatePicker: true, 2771 autoApply: true, 2772 locale: { 2773 format: 'DD/MM/YY', 2774 daysOfWeek: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven','Sam'], 2775 monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'] 2776 } 2777 }); 2778 2779 $('#daterangepicker-date').on('apply.daterangepicker', function(ev, picker) { 2780 $('#daterangepicker-date').val(picker.startDate.format('DD/MM/YY')); 2781 }); 2782 2783 2784 $('#daterangepicker-dateI').daterangepicker({ 2785 autoUpdateInput: false, 2786 showDropdowns: true, 2787 opens: "right", 2788 singleDatePicker: true, 2789 autoApply: true, 2790 locale: { 2791 format: 'DD/MM/YY', 2792 daysOfWeek: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven','Sam'], 2793 monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'] 2794 } 2795 }); 2796 2797 $('#daterangepicker-dateI').on('apply.daterangepicker', function(ev, picker) { 2798 $('#daterangepicker-dateI').val(picker.startDate.format('DD/MM/YY')); 2799 }); 2800 2801 2802 $('#datefiltre-date').daterangepicker({ 2803 autoUpdateInput: false, 2804 showDropdowns: true, 2805 opens: "right", 2806 singleDatePicker: true, 2807 autoApply: true, 2808 locale: { 2809 format: 'DD/MM/YY', 2810 daysOfWeek: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven','Sam'], 2811 monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'] 2812 } 2813 }); 2814 2815 $('#datefiltre-date').on('apply.daterangepicker', function(ev, picker) { 2816 $('#datefiltre-date').val(picker.startDate.format('DD/MM/YY')); 2817 }); 2818 2819 2820 $('#datefiltre-dateI').daterangepicker({ 2821 autoUpdateInput: false, 2822 showDropdowns: true, 2823 opens: "right", 2824 singleDatePicker: true, 2825 autoApply: true, 2826 locale: { 2827 format: 'DD/MM/YY', 2828 daysOfWeek: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven','Sam'], 2829 monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'] 2830 } 2831 }); 2832 2833 $('#datefiltre-dateI').on('apply.daterangepicker', function(ev, picker) { 2834 $('#datefiltre-dateI').val(picker.startDate.format('DD/MM/YY')); 2835 }); 2836 2837 2838 $('#dateajout-date').daterangepicker({ 2839 autoUpdateInput: false, 2840 showDropdowns: true, 2841 opens: "right", 2842 singleDatePicker: true, 2843 autoApply: true, 2844 locale: { 2845 format: 'DD/MM/YY', 2846 daysOfWeek: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven','Sam'], 2847 monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'] 2848 } 2849 }); 2850 2851 $('#dateajout-date').on('apply.daterangepicker', function(ev, picker) { 2852 $('#dateajout-date').val(picker.startDate.format('DD/MM/YY')); 2853 }); 2854 2855 2856 }); 2857 </script>
2857 2858 2859
2859<script> 2860 2861 document.addEventListener("DOMContentLoaded", function() { 2862 $('#selection_annee_debut').datetimepicker({ 2863 viewMode: 'years', 2864 format: 'YYYY', 2865 useCurrent: false 2866 }); 2867 $('#selection_annee_fin').datetimepicker({ 2868 viewMode: 'years', 2869 format: 'YYYY', 2870 useCurrent: false 2871 }); 2872 2873 $('.select2').select2(); 2874 }); 2875 2876 </script>
2876 2877 2878
2878<script> 2879 document.addEventListener("DOMContentLoaded", function() { 2880 2881 2882 // Validation 2883 var $validationForm = $("#smartwizard-validation"); 2884 $validationForm.validate({ 2885 errorPlacement: function errorPlacement(error, element) { 2886 $(element).parents(".form-group").append( 2887 error.addClass("invalid-feedback small d-block") 2888 ) 2889 }, 2890 highlight: function(element) { 2891 $(element).addClass("is-invalid"); 2892 }, 2893 unhighlight: function(element) { 2894 $(element).removeClass("is-invalid"); 2895 }, 2896 rules: { 2897 "email": { 2898 required: true, 2899 email: true 2900 }, 2901 "input_addfilm_titre": { 2902 required: true 2903 } 2904 } 2905 }); 2906 $validationForm 2907 .smartWizard({ 2908 autoAdjustHeight: false, 2909 backButtonSupport: false, 2910 useURLhash: false, 2911 showStepURLhash: false, 2912 toolbarSettings: { 2913 toolbarButtonPosition: 'left', 2914 //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>")] 2915 } 2916 }) 2917 .on("leaveStep", function(e, anchorObject, stepNumber, stepDirection) { 2918 2919 2920 2921 if (stepDirection === "forward") { 2922 return $validationForm.valid(); 2923 } 2924 2925//////// og 250925 /////// 2926 2927 var counterNewt = 0; 2928 2929 if ($("#input_addfilm_titre").val()=="") 2930 { 2931 $("#texte_titre").css("color","red"); 2932 $("#input_addfilm_titre").addClass("is-invalid"); 2933 } 2934 else{ 2935 $("#texte_titre").css("color","black"); 2936 counterNewt++;} 2937 2938 if ($("#selection_annee").val()=="") 2939 { 2940 2941 $("#texte_annee").css("color","red"); 2942 $("#selection_annee").addClass("is-invalid"); 2943 } 2944 else{ 2945 $("#texte_annee").css("color","black"); 2946 counterNewt++;} 2947 2948 if ($("#duree_film").val()=="") 2949 { 2950 $("#texte_duree").css("color","red"); 2951 $("#duree_film").addClass("is-invalid"); 2952 } 2953 else{ 2954 $("#texte_duree").css("color","black"); 2955 counterNewt++;} 2956 2957 if ($("#tabType").val()=="") 2958 { 2959 $("#texte_type").css("color","red"); 2960 $("#tabType").addClass("is-invalid"); 2961 } 2962 else{ 2963 $("#texte_type").css("color","black"); 2964 counterNewt++;} 2965 2966 if ($("#tabCouleur").val()=="") 2967 { 2968 $("#texte_couleur").css("color","red"); 2969 $("#tabCouleur").addClass("is-invalid"); 2970 } 2971 else{ 2972 $("#texte_couleur").css("color","black"); 2973 counterNewt++;} 2974 2975 if ($("#tabOriginal").val()=="") 2976 { 2977 $("#texte_langue").css("color","red"); 2978 $("#tabOriginal").addClass("is-invalid"); 2979 } 2980 else{ 2981 $("#texte_langue").css("color","black"); 2982 counterNewt++;} 2983 2984 if ($("#resume_1").val()=="") 2985 { 2986 $("#texte_resume").css("color","red"); 2987 $("#resume_1").addClass("is-invalid"); 2988 2989 } 2990 else{ 2991 $("#texte_resume").css("color","black"); 2992 counterNewt++;} 2993 2994 if ($("#file_input").val()=="") 2995 { 2996 2997 $("#texte_photo").css("color","red"); 2998 $("#file_input").addClass("is-invalid"); 2999 $("#texte_remarque").css("color","red"); 3000 } 3001 else{ 3002 $("#texte_photo").css("color","black"); 3003 $("#texte_remarque").css("color","black"); 3004 counterNewt++;} 3005 3006 if (counterNewt==8) 3007 { 3008 3009 $("#texte_titre").css("color","black"); 3010 $("#texte_annee").css("color","black"); 3011 $("#texte_duree").css("color","black"); 3012 $("#texte_type").css("color","black"); 3013 $("#texte_couleur").css("color","black"); 3014 $("#texte_langue").css("color","black"); 3015 $("#texte_resume").css("color","black"); 3016 $("#texte_photo").css("color","black"); 3017 $("#texte_remarque").css("color","black"); 3018 return true; 3019 } 3020 3021 else 3022 { 3023 $('body,html').animate({scrollTop: 200}, 400); 3024 return false; 3025 } 3026 3027 3028 3029 }); 3030 $validationForm.find(".btn-submit").on("click", function() { 3031 if (!$validationForm.valid()) { 3032 return; 3033 } 3034 alert("Merci ! Votre formulaire a bien été envoyé."); 3035 return false; 3036 }); 3037 }); 3038 </script>
3038 3039
3040<script src="/js/filmdoc_actu_v01.js"></script>
vendor: 1 bytes, line 3040
3040
3041<script src="/js/filmdoc_media_v01.js"></script>
vendor: 1 bytes, line 3041
3041
3042<script src="/js/filmdoc_film_v02.js"></script>
vendor: 1 bytes, line 3042
3042
3043<script src="/js/filmdoc_createur_v02.js"></script>
vendor: 1 bytes, line 3043
3043
3044<script src="/js/filmdoc_producteur_v03.js"></script>
vendor: 1 bytes, line 3044
3044
3045<script src="/js/filmdoc_ecrit_v02.js"></script>
vendor: 1 bytes, line 3045
3045
3046<script src="/js/filmdoc_festival_v02.js"></script>
vendor: 1 bytes, line 3046
3046
3047<script src="/js/filmdoc_compte_v04.js"></script>
vendor: 1 bytes, line 3047
3047
3048<script src="/js/filmdoc_parametre_v01.js"></script>
vendor: 1 bytes, line 3048
3048
3049<script src="/js/filmdoc_favori_v01.js"></script>
vendor: 1 bytes, line 3049
3049
3050<script src="/js/filmdoc_ajout_v04.js"></script>
3050 3051
3052<script> 3053 $(document).ready(function(){ 3054 var menuactif = $("#www_Menu").val(); 3055 $("#"+menuactif).addClass("sidebar-item active"); 3056 }); 3057</script>
3057 3058 3059 3060 3061 3062 3063</body> 3064 3065</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.