PageSourceSearch

https://www.film-documentaire.fr/

html film-documentaire.fr collected 2026-10-02 04:49:36 UTC 198,140 bytes, 3,065 lines download raw bytes

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="&nbsp;"/>
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&lt;!--#4DHTML www_Facebook--&gt; : 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&lt;!--#4DHTML www_Facebook--&gt; : 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&nbsp;films</span></div>
367									    	<div class="px-1 py-1 pt-md-2 pb-md-0"><span class="ffPNB mission_link link_underline">120939&nbsp;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&nbsp;structures</span></div>
369									    	<div class="px-1 py-1 pt-md-2 pb-md-0"><span class="ffPNB mission_link link_underline">810&nbsp;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">&nbsp;&nbsp;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">&times;</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">&times;</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">&times;</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">&times;</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">&times;</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="&lt;!--#4DHTML www_CodeFilm--&gt; : 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">&times;</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="&lt;!--#4DHTML www_CodeCreateur--&gt; : 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.&nbsp;<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">&times;</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>&nbsp;Aide sur la recherche transversale.</h5>
1869							<button type="button" class="close" data-dismiss="modal" aria-label="Close">
1870								<span aria-hidden="true">&times;</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.&nbsp;<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">&times;</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.&nbsp;<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">&times;</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.&nbsp;<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">&times;</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.&nbsp;<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">&times;</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.&nbsp;<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">&times;</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">&times;</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">&times;</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">&times;</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">&times;</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">&times;</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.