<!DOCTYPE html> <html lang="fr"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content="Film-documentaire.fr est le site francophone de référence et la plus grande base de données collaborative de documentaires."> <meta name="author" content="Film-documentaire.fr"> <meta name="google-site-verification" content="sVfqABrouBU1XVmIFyOJCqRIbRYq8n2zihQfR7Dh_PA" />   <link rel="shortcut icon" href="/img/favicon/favicon.ico"> <link rel="apple-touch-icon-precomposed" sizes="57x57" href="/img/favicon/apple-touch-icon-57x57.png" /> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/img/favicon/apple-touch-icon-114x114.png" /> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/img/favicon/apple-touch-icon-72x72.png" /> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/img/favicon/apple-touch-icon-144x144.png" /> <link rel="apple-touch-icon-precomposed" sizes="60x60" href="/img/favicon/apple-touch-icon-60x60.png" /> <link rel="apple-touch-icon-precomposed" sizes="120x120" href="/img/favicon/apple-touch-icon-120x120.png" /> <link rel="apple-touch-icon-precomposed" sizes="76x76" href="/img/favicon/apple-touch-icon-76x76.png" /> <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/img/favicon/apple-touch-icon-152x152.png" /> <link rel="icon" type="image/png" href="/img/favicon/favicon-196x196.png" sizes="196x196" /> <link rel="icon" type="image/png" href="/img/favicon/favicon-96x96.png" sizes="96x96" /> <link rel="icon" type="image/png" href="/img/favicon/favicon-32x32.png" sizes="32x32" /> <link rel="icon" type="image/png" href="/img/favicon/favicon-16x16.png" sizes="16x16" /> <link rel="icon" type="image/png" href="/img/favicon/favicon-128.png" sizes="128x128" /> <meta name="application-name" content=" "/> <meta name="msapplication-TileColor" content="#FFFFFF" /> <meta name="msapplication-TileImage" content="/img/favicon/mstile-144x144.png" /> <meta name="msapplication-square70x70logo" content="/img/favicon/mstile-70x70.png" /> <meta name="msapplication-square150x150logo" content="/img/favicon/mstile-150x150.png" /> <meta name="msapplication-wide310x150logo" content="/img/favicon/mstile-310x150.png" /> <meta name="msapplication-square310x310logo" content="/img/favicon/mstile-310x310.png" />  <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">  <link rel="stylesheet" href="/css/stylesheet.css"> <link rel="stylesheet" href="/css/light.css"> <link rel="stylesheet" href="/css/vegas.min.css"> <link rel="stylesheet" href="/css/select2.min.css"> <link rel="stylesheet" href="/css/custom_fd.css"> <link rel="stylesheet" href="/css/ekko-lightbox.css"> <link rel="stylesheet" href="/css/easy-autocomplete.css">  <link rel="stylesheet" type="text/css" href="/css/slick/slick.css"/> <link rel="stylesheet" type="text/css" href="/css/slick/slick-theme.css"/>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-L4P4NJYFNT"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-L4P4NJYFNT'); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-65675356-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-65675356-1'); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-KPPQGYXZ5E"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-KPPQGYXZ5E'); </script>   <meta property="og:url" content="http://www.film-documentaire.fr/4DACTION/w_fiche_film/26937_0" /> <meta property="og:type" content="Film-documentaire.fr" /> <meta property="og:title" content="Albert Cossery, entre la violence et la dérision" />    <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@Film_doc"> <meta property="twitter:url" content="http://www.film-documentaire.fr/4DACTION/w_fiche_film/26937_0"> <meta property="twitter:title" content="Albert Cossery, entre la violence et la dérision"> <meta property="twitter:image" content="http://www.film-documentaire.fr/images/logo.png"> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>  <script> !function (a, b, c, d, e, f){ a.ddjskey = e; a.ddoptions = f || null; var m = b.createElement(c), n = b.getElementsByTagName(c)[0]; m.async = 1, m.src = d, n.parentNode.insertBefore(m, n); }(window, document, "script", "https://js.datadome.co/tags.js", "AD6661B162DBF84819E888911FD3A9", { ajaxListenerPath: true } ); </script> </head> <body data-theme="default" data-layout="fluid" data-sidebar-position="left" data-sidebar-behavior="sticky">  <div id="fb-root"></div> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v5.0"></script>  <input type="hidden" name="www_Menu" value="menu_film" id="www_Menu"> <div class="wrapper wrapper_index"> <nav id="sidebar" class="sidebar"> <div class="sidebar-content js-simplebar"> <a class="sidebar-brand logo_left text-left" href="/index.shtml">  <svg xmlns="http://www.w3.org/2000/svg" width="240" height="208" viewBox="0 0 240.3 208.3"><rect x="109.8" y="0.3" width="121.6" height="14.4"/><path d="M193.2 30.2c-14 0-22.7 8.2-26.7 18 -2.7-8.7-11.1-18-25.3-18 -13.3 0-20.6 7.8-23.7 13.4v-12.8h-7.8v56c2.5-0.5 5.1-0.8 7.8-1V64c0-16.6 9.8-26.6 22.4-26.6 12.8 0 22 9.8 22 26.6v42.3c1.5 2 3 4.1 4.2 6.3 1.1-2 2.4-3.9 3.7-5.7V64c0-16.6 9.6-26.6 22.3-26.6 12.8 0 22.1 9.8 22.1 26.6v21.9c2.6 0.1 5.2 0.4 7.8 0.9V62.1C222.1 42.6 209.7 30.2 193.2 30.2M7.2 7.4c-4.1 5.1-6.5 12.5-6.5 22.3v57.1l7.9 0V38.5h42.7v53.1c2.8 1.3 5.4 2.8 7.9 4.5V30.6H8.6v-0.9c0.4-17.4 7.3-21.6 14.3-21.8h36.3V0H22.9C17.2 0 11.3 2.3 7.2 7.4M81.1 103c2.4-2.6 5.1-5 7.9-7.1V0.2h-7.9V103z"/><path d="M28.9 178.9H0.9c-0.1 0-0.2-0.1-0.2-0.2v-82.3c0-0.1 0.1-0.2 0.2-0.2h27.9c22.1 0 40 15.6 42.2 37C73.4 157.8 53.5 178.9 28.9 178.9M27.4 110.4H16.4c-0.1 0-0.2 0.1-0.2 0.2v54.2c0 0.1 0.1 0.2 0.2 0.2h11c15.4 0 27.9-11.8 27.9-27.3C55.3 122.1 42.8 110.4 27.4 110.4"/><path d="M120.1 179.9c-23.8 0-43-18.8-43-42.3 0-23.4 19.2-42.3 43-42.3 23.8 0 43 18.8 43 42.3C163.2 161.1 143.9 179.9 120.1 179.9M120.1 109.9c-15.1 0-27.1 12.1-27.1 27.8 0 15.6 12 27.8 27.1 27.8s27.1-12.2 27.1-27.8C147.3 122 135.3 109.9 120.1 109.9"/><path d="M212.1 179.9c-23.7 0-43-18.8-43-42.3 0-23.6 19.6-42.3 43-42.3 10.4 0 19.6 3.6 28.1 10.5l-5.8 7.3c-1.8 2.2-4.9 2.8-7.4 1.3 -5.8-3.5-9.8-4.6-15-4.6 -15 0-27.1 12.1-27.1 27.8 0 15.6 12.1 27.8 27.1 27.8 4.9 0 9.2-1.2 14.8-4.6 2.5-1.5 5.6-0.9 7.4 1.3l6 7.5C229.7 177.5 221.7 179.9 212.1 179.9"/><polygon points="0 193.3 8.6 193.3 8.6 196.2 3.9 196.2 3.9 199.2 8.4 199.2 8.4 202.1 3.9 202.1 3.9 208 0 208 "/><rect x="10.5" y="193.3" width="3.9" height="14.7"/><polygon points="17 193.3 21 193.3 21 205 25.8 205 25.8 208 17 208 "/><polygon points="31 196.9 30.9 196.9 30.9 208 27.5 208 27.5 193.3 33.3 193.3 35.2 202.5 35.3 202.5 37.4 193.3 43.1 193.3 43.1 208 39.6 208 39.6 196.9 39.5 196.9 36.4 208 33.9 208 "/><rect x="45.2" y="200.5" width="5.4" height="2.9"/><path d="M52.7 193.3h5.6c4.3 0 6.7 2.9 6.7 7.2 0 5.1-2.7 7.4-7.3 7.4h-5V193.3zM56.6 205.2h0.9c2.3 0 3.4-1.6 3.4-4.5 0-3.8-1.8-4.5-3.9-4.5h-0.3V205.2z"/><path d="M73.1 193.1c3.2 0 6.5 2.1 6.5 7.6 0 5.4-3.3 7.6-6.5 7.6 -3.2 0-6.5-2.1-6.5-7.6C66.6 195.2 69.9 193.1 73.1 193.1M73 205.4h0c1.7 0 2.4-1.9 2.4-4.8 0-2.9-0.8-4.8-2.4-4.8 -1.7 0-2.5 1.9-2.5 4.8C70.6 203.6 71.4 205.4 73 205.4"/><path d="M92.2 207.7c-1.2 0.4-2.5 0.6-3.6 0.6 -4.2 0-7.3-2.5-7.3-7.7 0-4.3 2.5-7.5 7.3-7.5 1.9 0 3.2 0.5 3.5 0.7l-0.2 3.2c-0.5-0.3-1.6-0.8-2.8-0.8 -2.5 0-3.7 1.6-3.7 4.5 0 2.5 1.4 4.5 3.8 4.5 1.4 0 2.4-0.6 2.8-0.8L92.2 207.7z"/><path d="M97.9 202.6c0 1.6 0.4 2.7 1.7 2.7s1.7-1.1 1.7-2.7v-9.3h3.8v9.2c0 4.3-2.5 5.8-5.6 5.8 -3.1 0-5.6-1.5-5.6-5.8v-9.2h3.9V202.6z"/><polygon points="111.2 196.9 111.2 196.9 111.2 208 107.8 208 107.8 193.3 113.6 193.3 115.5 202.5 115.5 202.5 117.7 193.3 123.3 193.3 123.3 208 119.8 208 119.8 196.9 119.8 196.9 116.6 208 114.2 208 "/><polygon points="126 193.3 134.9 193.3 134.9 196.2 129.8 196.2 129.8 199.1 134.7 199.1 134.7 202 129.8 202 129.8 205.1 135.2 205.1 135.2 208 126 208 "/><polygon points="140.6 197.8 140.6 197.8 140.6 208 137.1 208 137.1 193.3 141.7 193.3 145.5 203.4 145.6 203.4 145.6 193.3 149 193.3 149 208 144.4 208 "/><polygon points="153.7 196.3 150.5 196.3 150.5 193.3 160.8 193.3 160.8 196.3 157.6 196.3 157.6 208 153.7 208 "/><path d="M169.4 204.9h-4.3l-0.9 3.1h-3.8l4.9-14.7h4.3l4.6 14.7h-4.1L169.4 204.9zM167.4 196.3h0l-1.6 5.8h2.9L167.4 196.3z"/><rect x="175.6" y="193.3" width="3.9" height="14.7"/><path d="M188 203.8c-0.4-1.4-1-1.6-1.7-1.6h-0.2v5.7h-3.9v-14.7h5.8c3 0 4.6 1.2 4.6 3.9 0 2.2-1.5 3-2.8 3.4v0.1c0.8 0.3 1.4 0.7 2 2.7l1.3 4.6h-4.1L188 203.8zM187.1 199.5c0.8 0 1.6-0.6 1.6-1.6 0-1-0.5-1.7-1.7-1.7h-1.1v3.3H187.1z"/><polygon points="194.9 193.3 203.9 193.3 203.9 196.2 198.8 196.2 198.8 199.1 203.6 199.1 203.6 202 198.8 202 198.8 205.1 204.2 205.1 204.2 208 194.9 208 "/><rect x="205.9" y="204.6" width="3.3" height="3.4"/><polygon points="211.6 193.3 220.2 193.3 220.2 196.2 215.5 196.2 215.5 199.2 220 199.2 220 202.1 215.5 202.1 215.5 208 211.6 208 "/><path d="M227.9 203.8c-0.4-1.4-1-1.6-1.7-1.6h-0.2v5.7h-3.9v-14.7h5.8c3 0 4.6 1.2 4.6 3.9 0 2.2-1.5 3-2.8 3.4v0.1c0.8 0.3 1.4 0.7 2 2.7l1.3 4.6h-4.1L227.9 203.8zM227 199.5c0.8 0 1.6-0.6 1.6-1.6 0-1-0.5-1.7-1.7-1.7h-1.1v3.3H227z"/></svg> </a> <ul class="sidebar-nav pt-3"> <li class="sidebar-item" id="menu_film"> <a class="sidebar-link sidebar_link_films" href="/4DACTION/w_Film" onclick="javascript:menu_active('menu_film');"> <span class="align-middle text-uppercase sidebar_item_fd">Films</span> </a> </li> <li class="sidebar-item d-block d-md-none"> <a class="sidebar-link sidebar_link_films pt-1 pb-2" data-toggle="modal" data-target="#ModalConnexion"> <span class="align-middle ffPNB smallCaps">ajouter une fiche de film</span> <span class="float-right"><i class="fas fa-file-upload fa-lg ml-2"></i></span> </a> </li> <li class="sidebar-item" id="menu_createur"> <a class="sidebar-link sidebar_link_createurs" href="/4DACTION/w_Createur"> <span class="align-middle text-uppercase sidebar_item_fd">Créateurs & Créatrices</span> <span class="align-middle d-block small sidebar_item_fd_small">écriture, réalisation, musique originale<br>et autres collaborations artistiques</span> </a> </li> <li class="sidebar-item" id="menu_producteur"> <a class="sidebar-link sidebar_link_producteurs" href="/4DACTION/w_Producteur"> <span class="align-middle text-uppercase sidebar_item_fd">Structures de production</span> <span class="align-middle d-block small sidebar_item_fd_small">et autres structures : distribution, diffusion, édition…</span> </a> </li> <li class="sidebar-item" id="menu_festival"> <a class="sidebar-link sidebar_link_festivals" href="/4DACTION/w_Festival"> <span class="align-middle text-uppercase sidebar_item_fd">Festivals</span> </a> </li> <li class="sidebar-item" id="menu_ecrit"> <a class="sidebar-link sidebar_link_ecrits" href="/4DACTION/w_Ecrit"> <span class="align-middle text-uppercase sidebar_item_fd">Écrits</span> <span class="align-middle d-block small sidebar_item_fd_small">critiques, entretiens, portraits</span> </a> </li> <li class="sidebar-item" id="menu_traverse"> <a class="sidebar-link sidebar_link_ecrits" href="/4DACTION/w_Traverse"> <span class="align-middle text-uppercase sidebar_item_fd">Traverses</span> <span class="align-middle d-block small sidebar_item_fd_small">revue d'analyse et de recherche</span> </a> </li> <li class="sidebar-item" id="menu_media"> <a class="sidebar-link sidebar_link_mediatheque" href="/4DACTION/w_Mediatheque" onclick="javascript:menu_active('menu_media');"> <span class="align-middle text-uppercase sidebar_item_fd">La Médiathèque</span> <span class="align-middle d-block small sidebar_item_fd_small">livres, podcasts, films invisibles, tables rondes, master classes…</span> </a> </li> <li class="sidebar-item pb-5" id="menu_actu"> <a class="sidebar-link sidebar_link_actus" href="/4DACTION/w_Actualite"> <span class="align-middle text-uppercase sidebar_item_fd">Actualités</span> <span class="align-middle d-block small sidebar_item_fd_small">en cours et archivées</span> </a> </li> <li class="sidebar-item d-block d-xl-none"> <a class="sidebar-link pb-1" href="https://vimeo.com/688426555" target="_blank"> <img src="/img/photos/clip_valid.jpg" alt="clip" width="56" height="32"> </a> </li> <li class="sidebar-item"> <a class="sidebar-link pb-1" href="/4DACTION/w_Aide"> <span class="align-middle ffPNB">Aide/FAQ</span> </a> </li>  <li class="sidebar-item"> <a class="sidebar-link pb-1" href="/4DACTION/w_Aide"> <span class="align-middle ffPNB">Visionner ou acheter un film</span> </a> </li> <li class="sidebar-item">  <a class="sidebar-link pb-1" href="/4DACTION/w_Propos"> <span class="align-middle ffPNB">Qui sommes-nous ?</span> </a> </li> <li class="sidebar-item"> <a class="sidebar-link pb-1" href="/4DACTION/w_Contact"> <span class="align-middle ffPNB">Contact</span> </a> </li>  <li class="sidebar-item"> <a class="sidebar-link pb-1" href="/4DACTION/w_Lettre"> <span class="align-middle ffPNB">Lettre d'information</span> </a> </li> </ul> </div> </nav> <div class="main"> <nav id="topbar_nav" class="navbar navbar-expand navbar-light navbar-bg sticky-top bg-dark"> <div class="container-fluid"> <div class="navbar-collapse collapse" id="navbar10"> <ul class="navbar-nav nav-fill w-100">  <li class="nav-item"> <div class="d-flex justify-content-between"> <a class="sidebar-toggle align-self-center" id="menu_burger_fd"> <i class="hamburger align-self-center"></i> </a> <a id="logo_topx" class="sidebar-brand logo_top_style d-block d-lg-none" href="/index.shtml"> <svg xmlns="http://www.w3.org/2000/svg" width="320" height="240" viewBox="0 0 320 240.3"> <path d="M257.2 40.4c-18.8 0-30.4 11-35.7 24.1 -3.7-11.6-14.9-24.1-33.8-24.1 -17.7 0-27.5 10.4-31.6 17.9V41.2h-10.4v74.8c3.4-0.7 6.9-1.1 10.4-1.3v-29.3c0-22.2 13.1-35.5 30-35.5 17.1 0 29.4 13 29.4 35.5v56.5c2.1 2.7 3.9 5.5 5.6 8.4 1.5-2.7 3.2-5.2 5-7.6V85.4c0-22.2 12.8-35.5 29.8-35.5 17.1 0 29.6 13 29.6 35.5v29.3c3.5 0.1 7 0.6 10.4 1.2V83C295.7 56.9 279.2 40.4 257.2 40.4M8.7 9.9C3.2 16.6 0 26.5 0 39.7v76.3l10.5 0V51.4h57v71c3.7 1.7 7.2 3.7 10.5 6V40.9H10.5v-1.2c0.5-23.2 9.7-28.8 19.1-29.2h48.4V0H29.6C22 0 14.2 3.1 8.7 9.9M107.3 137.6c3.2-3.5 6.8-6.7 10.6-9.5V0.2h-10.6V137.6z"/><path d="M37.7 239H0.3c-0.1 0-0.2-0.1-0.2-0.2V128.9c0-0.1 0.1-0.2 0.2-0.2h37.2c29.5 0 53.5 20.8 56.3 49.4C97.2 210.8 70.6 239 37.7 239M35.7 147.4H21c-0.1 0-0.2 0.1-0.2 0.2v72.5c0 0.1 0.1 0.2 0.2 0.2h14.7c20.5 0 37.3-15.7 37.3-36.4C72.9 163.1 56.2 147.4 35.7 147.4"/><path d="M159.5 240.3c-31.8 0-57.5-25.2-57.5-56.5 0-31.3 25.7-56.5 57.5-56.5 31.8 0 57.5 25.2 57.5 56.5C217 215.1 191.3 240.3 159.5 240.3M159.5 146.7c-20.2 0-36.3 16.2-36.3 37.1 0 20.9 16.1 37.1 36.3 37.1s36.3-16.2 36.3-37.1C195.8 163 179.7 146.7 159.5 146.7"/><path d="M282.4 240.3c-31.6 0-57.5-25.2-57.5-56.5 0-31.5 26.2-56.5 57.5-56.5 13.9 0 26.2 4.8 37.6 14.1l-7.8 9.7c-2.4 3-6.6 3.7-9.8 1.7 -7.7-4.7-13.1-6.1-20-6.1 -20 0-36.3 16.2-36.3 37.1 0 20.9 16.2 37.1 36.3 37.1 6.6 0 12.3-1.6 19.8-6.1 3.3-2 7.5-1.2 9.9 1.7l8 10C305.9 237.2 295.2 240.3 282.4 240.3"/><rect x="145.7" y="0.3" width="162.4" height="19.2"/> </svg> </a> <form class="d-flex flex-grow-1" id="SearchForm_Full" method="post" action="/4DACTION/w_search_full"> <div class="input-group input-group-navbar input-group-rs d-flex flex-nowrap"> <input type="text" class="form-control" placeholder="Rechercher dans l’ensemble du site" aria-label="Search" id="rech_simple" name="rech_simple"> <input type="hidden" id="rech_uukey" name="rech_uukey" value=""> <input type="hidden" id="rech_table" name="rech_table" value=""> <div class="input-group-append"> <button class="btn" type="submit"> <i class="align-self-center" data-feather="search"></i> </button> </div> </div> </form> </div> </li> <li class="nav-item"> <div class="d-flex justify-content-end">  <div class="d-flex align-items-center pr-3 text-lg"> <a href="https://vimeo.com/688426555" target="_blank" class="d-none d-xl-inline-block"> <img src="/img/photos/clip_valid.jpg" alt="clip" width="56" height="32"> </a> </div>  <div class="d-flex align-items-center pr-3 text-lg"> <a href="/4DACTION/w_Lettre" class="btn btn-lgx btn-outline-light smallCaps ffPNB d-none d-xl-inline-block">  <i class="fas fa-newspaper align-self-center mr-2"></i> lettre d'information </a> </div> <div class="d-flex align-items-center rounded-lg pr-3">  <a data-toggle="modal" data-target="#ModalConnexion" class="btn btn-lgx btn-outline-light d-none d-md-inline-block smallCaps ffPNB"><i class="fas fa-file-upload mr-3"></i>ajouter une fiche de film </a> </div> <div class=""> <a class="nav-icon dropdown-toggle" href="#" id="" data-toggle="dropdown"> <div class="position-relative"> <i class="fas fa-user align-middle"></i>  </div> </a>  <div class="dropdown-menu dropdown-menu-right"> <a class="dropdown-item" data-toggle="modal" data-target="#ModalConnexion"><i class="align-middle mr-1" data-feather="log-in"></i> Se connecter</a> </div> </div> </div> </li> </ul> </div> </div> </nav> <main class="content"> <div class="container p-0"> <div class="row mb-0 d-print-none"> <div class="col-6 col-md-6 align-self-center"> <div class="h2 mb-4 pt-0 mt-0"><a href="javascript:history.go(-1)" class="text-white text_shadow align-middle"><i class="fas fa-angle-left fa-lg mr-2 align-middle"></i>Retour</a></div> </div> <div class="col-6 col-md-6 pt-0 mt-0"> <nav class="" aria-label="Navigation"> <ul class="pagination pagination-lg float-right"> </ul> </nav> </div> </div> <div class="row article_bigfoot"> <div class="col-12"> <div class="card rounded-lg mt-2 mt-md-4"> <div class="card-header py-2 border border-films d-print-none"> <div class="row"> <div class="col-12"> <div class="text-right"> <a class="ffPNB text-actus d-block d-md-none hvr-icon-rotate" data-toggle="collapse" href="#collapseFOutilsFilm" role="button" aria-expanded="false" aria-controls="collapseFOutilsFilm"><i class="fas fa-chevron-down ml-2 hvr-icon"></i></a> </div> <div class="collapse dont-collapse-sm w-100" id="collapseFOutilsFilm"> <div class="col-12 d-flex flex-column flex-md-row justify-content-between py-1"> <div class="d-flex flex-row pb-4 pb-md-0 pl-1 pl-md-0">  <div class="mr-3 ffPNB text-black-50">Partager</div> <div class="mr-2"><a href="mailto:?body=http://film-documentaire.fr/4DACTION/w_fiche_film/26937_0" class="card-link text-actus" data-toggle="tooltip" title="Mail"><i class="fas fa-paper-plane fa-lg align-self-center mr-2"></i></a></div> <div class="mr-2"> <a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Ffilm-documentaire.fr/4DACTION/w_fiche_film/26937_0&src=sdkpreparse" class="card-link text-actus" data-toggle="tooltip" title="Facebook"> <i class="align-self-center mr-2 fab fa-fw fa-facebook-f fa-lg"></i> </a> </div> <div class="mr-2"> <a href="https://twitter.com/intent/tweet?text=Albert Cossery, entre la violence et la dérision&url=http://www.film-documentaire.fr/4DACTION/w_fiche_film/26937_0&via=Film_doc" class="card-link text-actus" data-toggle="tooltip" title="Twitter"> <i class="align-self-center mr-2 fab fa-fw fa-twitter fa-lg"></i> </a> </div> </div>  <div class="d-flex flex-row pb-4 pb-md-0 pl-1 pl-md-0"> <a class="ffPNB text-actus" data-toggle="tooltip" title="Imprimer ou enregistrer en pdf" href="javascript:window.print();"><i class="align-self-center mr-2 fas fa-print fa-lg"></i>Imprimer</a> </div> <div class="d-flex flex-row pb-4 pb-md-0 pl-1 pl-md-0"> <span data-toggle="modal" data-target="#ModalModifierFilm"> <a class="ffPNB text-films" data-toggle="tooltip" title="Signaler une erreur sur la fiche ou compléter ses informations"><i class="align-self-center mr-2 fas fa-edit fa-lg"></i>Modifier</a> </span> </div> <div class="d-flex flex-row pb-2 pb-md-0"> <a class="ffPNB text-actus" data-toggle="modal" data-target="#ModalEnregistrerFilms_NotLog"><i class="align-self-center mr-2 fas fa-fw fa-plus-circle fa-lg"></i>Ajouter aux favoris</a> </div> </div> </div> </div> </div> </div> <div class="card-header bg-films"> <div class="row"> <div class="col-12 px-0 px-md-5 pb-2"> </div> <div class="col-12 px-2 px-md-5"> <h1 class="titre_editorial mb-0 pb-0 pt-2 pb-1 ffPNB text-white">Albert Cossery, entre la violence et la dérision</h1>  <div class="ffPNB text-light text-sm text-uppercase pt-2 pb-0" style="letter-spacing: 1px;">Documentaire</div> <ul class="list-inline resume_films text-white text-lg ffPNB py-0 mb-0"> Réalisé par Jean Labib • Écrit par Jean Labib, Michel Mitrani </ul>  <ul class="list-inline resume_films text-white text-lg ffPNB py-0 mb-0"> France • 1994 • 50 minutes • Couleur </ul> </div> <div class="col-12 px-2 px-md-5 d-print-none d-flex flex-column"> <div class="d-flex pt-4"> </div> <div class="d-flex pt-2x pb-2"> <a href="#CommentVisionner" class="text-white ffPNB" data-smooth-scroll="data-smooth-scroll"><i class="fas fa-eye mr-2"></i>Comment avoir accès au film ?</a> </div> </div> </div> </div> <div class="card-body rounded-lg"> <div class="row"> <div class="col-12 col-md-4 col-xl-4 mt-2 mt-md-4 order-2 order-md-1 px-0 px-md-4"> <ul class="list-group list-group-flush"> <li class='list-group-item'>Réalisation : <br><a class='ffPNB' href='/4DACTION/w_liste_generique/C_9402_F'>Jean Labib</a></li><li class='list-group-item'>Écriture : <br><a class='ffPNB' href='/4DACTION/w_liste_generique/C_9402_F'>Jean Labib</a>, <a class='ffPNB' href='/4DACTION/w_liste_generique/C_9744_F'>Michel Mitrani</a></li><li class='list-group-item'>Assistanat de réalisation : <br><a class='ffPNB' href='/4DACTION/w_liste_generique/C_43571_F'>Philippe Lainé</a></li><li class='list-group-item'>Direction de collection : <br><a class='ffPNB' href='/4DACTION/w_liste_generique/C_419_F'>Jérôme Prieur</a></li><li class='list-group-item'>Image : <br><a class='ffPNB' href='/4DACTION/w_liste_generique/C_45948_F'>Jacques Pamart</a></li><li class='list-group-item'>Son : <br><a class='ffPNB' href='/4DACTION/w_liste_generique/C_45950_F'>Xavier Vauthrin</a></li><li class='list-group-item'>Montage : <br><a class='ffPNB' href='/4DACTION/w_liste_generique/C_46248_F'>Gabrielle Marsal-Zubovic</a></li><li class='list-group-item'>Mixage : <br><a class='ffPNB' href='/4DACTION/w_liste_generique/C_45336_F'>Myriam René</a>, <a class='ffPNB' href='/4DACTION/w_liste_generique/C_125799_F'>Benoît Ménager</a></li> </ul> <ul class="list-group list-group-flush mt-2 border-top border-secondary"> <li class='list-group-item'>Production (structure) : <br><a class='ffPNB' href='/4DACTION/w_liste_generique/S_5_G'>INA - Institut National de l'Audiovisuel</a></li><li class='list-group-item'>Participation : <br><a class='ffPNB' href='/4DACTION/w_liste_generique/S_421_G'>DLL - Direction du Livre et de la Lecture</a>, <a class='ffPNB' href='/4DACTION/w_liste_generique/S_11_G'>CNC</a>, <a class='ffPNB' href='/4DACTION/w_liste_generique/S_422_G'>Scam</a></li><li class='list-group-item'>Ayant droit : <br><a class='ffPNB' href='/4DACTION/w_liste_generique/S_5_G'>INA - Institut National de l'Audiovisuel</a></li> </ul> <ul class="list-group list-group-flush mt-2 border-top border-secondary"> <li class="list-group-item">N° ISAN :<br> <span class="text-muted text-sm ffPNB">non renseigné</span></li> </ul> </div> <div class="col-12 col-md-8 col-xl-8 mt-2 mt-md-4 order-1 order-md-2 px-4"> <div class="tab">  <h5 class="text-lg text-black-50 ffPNB pt-3">Résumé</h5> <ul class="nav nav-tabs nav-films" role="tablist"> <li class='nav-item text-sm ffPNB pl-0'><a class='nav-link link-films pl-0 active' href='#Français' data-toggle='tab' role='tab'>Français</a></li> </ul> <div class="tab-content p-0 box_shadow_0 pb-3 mb-2"> <div class='tab-pane active' id='Français' role='tabpanel'><p class='resume_films'>Né au Caire en 1913 et établi en France après la guerre, l'écrivain égyptien francophone Albert Cossery n'a sans doute pas la notoriété de ses compatriotes Andrée Chédid ou Joyce Mansour. S'il a fait l'objet d'un certain nombre d'articles de critique littéraire, il n'existait jusqu'à ce jour aucune monographie à son sujet. L'entretien filmé de la série de l'Ina, dirigée par Jérôme Prieur, constitue donc une introduction particulièrement bien venue à la connaissance de cet auteur. Le film adopte la forme d'une longue conversation, dans un décor unique, entre Albert Cossery et Michel Mitrani. Pour rompre la monotonie du champ-contrechamp, découvrant un interlocuteur après l'autre, les respirations sont assurées par un lent panoramique, avec de rares plans de coupe qui présentent les livres dont il est question. L'œuvre romanesque, peu abondante (sept livres en soixante ans) est abordée dans sa chronologie, ce qui respecte le fil de l'évolution personnelle et artistique de l'écrivain. La discussion sur chaque ouvrage est introduite par la lecture d'un extrait remarquablement mis en valeur par Michel Mitrani. Ainsi sont évoqués les thèmes les plus marquants de l'œuvre, déjà sous-jacents dans les titres des romans ("Les Hommes oubliés de Dieu", "Mendiants et orgueilleux", "Les Fainéants de la vallée fertile"), la ville du Caire et son petit peuple, observé avec une profonde humanité teintée de dérision. Vers la fin de l'entretien, le romancier laisse entrevoir le moraliste, à l'attitude noble et sans complaisance pour ce monde de consommation et d'ambitions : "Je peux marcher les mains dans les poches, je me sens un prince."</p></div> </div> </div> <div class="pb-4 mb-2"> <h5 class="text-lg text-black-50 ffPNB"><i class="fas fa-hashtag mr-2"></i>Collection</h5> <ul class="list-inline ffPNB text-lg"> <li class="list-inline-item list-inline-item-mot-cle mx-0"><a href="/4DACTION/w_liste_collection/26937" class="px-1">Les Hommes-Livres</a></li> </ul> </div> <div class="pb-4 mb-2"> <h5 class="text-lg text-black-50 ffPNB"><i class="fas fa-hashtag mr-2"></i>Mot(s)-clé(s) thématique(s)</h5> <ul class="list-inline ffPNB text-lg"> <li class='list-inline-item list-inline-item-mot-cle mx-0'><a href='/4DACTION/w_liste_key/45' class='px-1'>Écrivain</a></li><li class='list-inline-item list-inline-item-mot-cle mx-0'><a href='/4DACTION/w_liste_key/21' class='px-1'>Littérature</a></li><li class='list-inline-item list-inline-item-mot-cle mx-0'><a href='/4DACTION/w_liste_key/9' class='px-1'>Portrait</a></li> </ul> </div>  <div class="pb-4 mb-2" id="CommentVisionner"> <h5 class="text-lg text-black-50 ffPNB"><i class="fas fa-eye mr-2"></i>Comment avoir accès au film ?</h5> <ul class="list-group list-group-flush ffPNB pt-4"> <li class="list-group-item"> <span class="text-black-50 ffPNB"><i class="fas fa-compact-disc mr-2"></i>Édition DVD</span> <ul class="list-inline"> <li class="list-inline-item py-1 mx-0 "> Il n'existe pas d'édition DVD à notre connaissance </li> </ul> </li> <li class="list-group-item"> <span class="text-black-50 ffPNB"><i class="fas fa-tv mr-2"></i>Accès VOD</span> <ul class="list-inline"> <li class="list-inline-item py-1 mx-0"> Il n'existe pas d'accès en VOD à notre connaissance </li> </ul> </li> <li class="list-group-item"> <span class="text-black-50 ffPNB"><i class="fas fa-cog mr-2"></i>Diffusion non commerciale / Consultation</span> <ul class="list-inline pt-2"> <li class="list-inline-item py-1"><a class="ffPNB" href="http://www.bnf.fr" target="_blank" data-toggle="tooltip" title="Ce film est préservé et consultable à la Bibliothèque nationale de France (bibliothèque de recherche, sur accréditation). "><img src='https://images-film-documentaire.fr/structure/858/84D8EC923DDE4CF2BD607FCCDC673858.jpg' height="50" width="auto" class="mr-3 mb-2"></a></li></li><li class="list-inline-item py-1"><a class="ffPNB" href="https://www.bpi.fr" target="_blank" data-toggle="tooltip" title="En consultation gratuite dans les bibliothèques publiques de la Bpi."><img src='https://images-film-documentaire.fr/structure/E28/BB6C121133C644A2BF801B34CAF04E28.jpg' height="50" width="auto" class="mr-3 mb-2"></a></li></li><li class="list-inline-item py-1"><a class="ffPNB" href="https://www.lesyeuxdoc.fr/" target="_blank" data-toggle="tooltip" title="Les yeux doc est la plateforme numérique du Catalogue national de la Bibliothèque publique d'information. Elle présente une sélection de films documentaires français et internationaux, constamment actualisée et éditorialisée. Elle est diffusée dans les bibliothèques françaises, auprès des usagers de ces bibliothèques, pour des consultations sur place ou à domicile."><img src='https://images-film-documentaire.fr/structure/964/EF633BB21ECE427B8747B226DA220964.jpg' height="50" width="auto" class="mr-3 mb-2"></a></li></li> </ul> </li> <li class="list-group-item"> <span class="text-black-50 ffPNB"><i class="fas fa-database mr-2"></i>Distribution</span> <ul class="list-inline pt-2"> <li class="list-inline-item list-inline-item-mot-cle py-1 mx-0"><a target="_blank" class="ffPNB" href="http://www.ina.fr">INA Distribution</a></li>  </ul> </li> <li class="list-group-item"> <a href="/4DACTION/w_Aide" class="text-lg ffPNB"> <i class="far fa-question-circle mr-2"></i>Aide sur les moyens d'accéder à un film</a> </li> </ul> </div>  </div> </div> </div> <div class="card-body bg-films rounded-lg d-print-none" style="border-top-right-radius:0 !important;border-top-left-radius:0 !important;"> <div class="row"> <div class="col-12 d-flex flex-column flex-md-row justify-content-between border-bottom border-actus pt-1 pb-2"> <div class="d-flex flex-row pb-4 pb-md-0"> <div class="mr-3 ffPNB text-light">Partager</div> <div class="mr-2"><a href="mailto:?body=http://film-documentaire.fr/4DACTION/w_fiche_film/26937_0" class="card-link text-white" data-toggle="tooltip" title="Mail"><i class="fas fa-paper-plane fa-lg align-self-center mr-2"></i></a></div> <div class="mr-2"> <a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Ffilm-documentaire.fr/4DACTION/w_fiche_film/26937_0&src=sdkpreparse" class="card-link text-white" data-toggle="tooltip" title="Facebook"> <i class="align-self-center mr-2 fab fa-fw fa-facebook-f fa-lg"></i> </a> </div> <div class="mr-2"> <a href="https://twitter.com/intent/tweet?text=Albert Cossery, entre la violence et la dérision&url=http://www.film-documentaire.fr/4DACTION/w_fiche_film/26937_0&via=Film_doc" class="card-link text-white" data-toggle="tooltip" title="Twitter"> <i class="align-self-center mr-2 fab fa-fw fa-twitter fa-lg"></i> </a> </div> </div>  <div class="d-flex flex-row pb-4 pb-md-0 pl-1 pl-md-0"> <a class="ffPNB text-white" data-toggle="tooltip" title="Imprimer ou enregistrer en pdf" href="javascript:window.print();"><i class="align-self-center mr-2 fas fa-print fa-lg"></i>Imprimer</a> </div> <div class="d-flex flex-row pb-4 pb-md-0 pl-1 pl-md-0"> <span data-toggle="modal" data-target="#ModalModifierFilm"> <a class="ffPNB text-white" href="#" data-toggle="tooltip" title="Signaler une erreur sur la fiche ou compléter ses informations"><i class="align-self-center mr-2 fas fa-edit fa-lg"></i>Modifier</a> </span> </div> <div class="d-flex flex-row pb-0"> <a class="ffPNB text-white" data-toggle="modal" data-target="#ModalEnregistrerFilms_NotLog"><i class="align-self-center mr-2 fas fa-fw fa-plus-circle fa-lg"></i>Ajouter aux favoris</a> </div> </div> </div> </div> </div> </div> </div> </div> </main> <footer class="footer d-print-none"> <div class="container"> <div class="row pt-2 pb-0"> <div class="col-12"> <div class="card bg-transparent border border-extralight rounded-lg"> <h4 class="h2 px-4 pt-2 pb-2 text-white ffPNC text-uppercase">Soutiens</h4> <div class="slick_soutiens pt-2 pb-2 pb-lg-4"> <div class="px-2 px-md-2 px-lg-3 px-xl-4"> <a href="https://www.cnc.fr/" target="_blank" class="sidebar_link_actus link_in_card_films"> <div class="py-2 px-5"> <img data-lazy="/img/photos/logo_cnc.png" class="img-fluid" alt=""> </div> </a> </div> <div class="px-2 px-md-2 px-lg-3 px-xl-4"> <a href="https://www.procirep.fr/" target="_blank" class="sidebar_link_actus link_in_card_films"> <div class="py-2 px-5"> <img data-lazy="/img/photos/logo_procirep.png" class="img-fluid" alt=""> </div> </a> </div> <div class="px-2 px-md-2 px-lg-3 px-xl-4"> <a href="https://www.scam.fr/" target="_blank" class="sidebar_link_actus link_in_card_films"> <div class="py-2 px-5"> <img data-lazy="/img/photos/logo_scam.png" class="img-fluid" alt=""> </div> </a> </div> <div class="px-2 px-md-2 px-lg-3 px-xl-4"> <a href="https://www.copieprivee.org/" target="_blank" class="sidebar_link_actus link_in_card_films"> <div class="py-2 px-5"> <img data-lazy="/img/photos/logo_copie_privee.png" class="img-fluid" alt=""> </div> </a> </div> </div> </div> </div> </div> <div class="row py-0"> <div class="col-12"> <div class="card bg-transparent border border-extralight rounded-lg text-center"> <h5 class="px-4 py-2 text-white my-0 ffPNR"> <a href="https://cinematheque-documentaire.org" target="_blank" class="sidebar-link sidebar_link_createurs"> <div class="mb-2">Film-documentaire.fr est membre de</div> <img src="/img/photos/logo_cdd.png" class="img-fluid" alt="" width="100" height="auto"> </a> </h5> </div> </div> </div>  <div class="row pb-0 pb-md-3 mb-0"> <div class="col-6 col-md-5 col-lg-5 pt-4"> <div class="h5 text-white pb-2 text-uppercase ffPNB">Contactez-nous</div> <ul class="list-unstyled text-white h6 text-white mb-3"> <li class="list-item pb-2"> <div><span class="pr-2 align-middle text-white">300, route de Mirabel • 07170 Lussas</span></div> </li> <li class="list-item pb-2"> contact@film-documentaire.fr </li> </ul> </div> <div class="col-6 col-md-3 col-lg-2 pt-4"> <div class="h5 text-white pb-2 text-uppercase ffPNB">Suivez-nous</div> <div class="d-flex pt-0"> <a class="pr-5 text-white" href="https://www.facebook.com/filmdocumentaire.fr/" target="_blank"><i class="fab fa-facebook-f fa-2x align-middle"></i></a> <a class="pl-0 text-white" href="https://twitter.com/Film_doc" target="_blank"><i class="fab fa-twitter fa-2x align-middle"></i></a> </div> </div> <div class="col-12 col-md-4 col-lg-5 mb-3 pt-2 pt-md-4 text-md-right"> <a href="/4DACTION/w_Lettre" class="btn btn-lg btn-outline-light smallCaps ffPNB">  <i class="fas fa-newspaper align-self-center mr-2"></i> recevoir la lettre d'information </a>  </div> </div> <div class="row"> <div class="col-12 pt-2"> <ul class="list-inline text-white h6 text-white small"> <li class="list-inline-item pb-3"> <a class="align-middle text-white" href="/4DACTION/w_Mentions"><div><span class="pr-2">Mentions légales</span></div></a> </li> <li class="list-inline-item pb-3"> <a class="align-middle text-white" href="/4DACTION/w_Politique"><div><span class="pr-2">Politique de confidentialité</span></div></a> </li> <li class="list-inline-item pb-3"> <a class="align-middle text-white" href="/4DACTION/w_Credit"><div><span class="pr-2">Crédits</span></div></a> </li> <li class="list-inline-item pb-3"> <span class="pr-2 align-middle text-white">© film-documentaire.fr 2022</span> </li> </ul> </div> </div> </div> </footer> <a id="back-to-top" href="#" class="btn btn-films btn-lg back-to-top rounded-circle" role="button"><i class="fas fa-arrow-up align-self-center pt-2"></i></a> <div class="modal fade" id="ModalConnexion" tabindex="-1" aria-labelledby="Se connnecter" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title ffPNB" id="exampleModalLabel">Se connecter</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-header py-0 my-0"> <div class="small ffPNB d-flex align-items-center">Pas encore de compte ? <button type="button" class="btn btn-link btn-sm" data-dismiss="modal" data-toggle="modal" data-target="#ModalInscription">Créer un compte gratuit</button></div> </div> <form class="form" id="Form_Connexion"> <div class="modal-body"> <div class="form-group"> <label>Mail</label> <input name="input_connexion_email" class="form-control" type="email" placeholder="" required /> </div> <div class="form-group"> <label>Mot de passe</label> <input name="input_connexion_mdp" class="form-control" type="password" placeholder="" required/> <small> <a href="/4DACTION/w_Parametre_Mdp">Mot de passe oublié ?</a> </small> </div> </div> <div class="modal-footer d-flex justify-content-start"> <button type="submit" class="btn btn-primary">Se connecter</button> <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Annuler</button> </div> </form> </div> </div> </div>  <div class="modal fade" id="ModalInscription" tabindex="-1" aria-labelledby="Créer un compte" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title ffPNB" id="exampleModalLabel">Créer un compte</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-header py-0 my-0"> <div class="small ffPNB d-flex align-items-center">Vous avez déjà un compte ? <button type="button" class="btn btn-link btn-sm" data-dismiss="modal" data-toggle="modal" data-target="#ModalConnexion">Se connecter</button></div> </div> <div class="modal-body"> <form class="form" id="Form_Inscription"> <div class="form-group"> <label>Nom</label> <span class="small ml-3 text-muted">Facultatif</span> <input name="input_nom" class="form-control" type="text" name="name" placeholder="" /> </div> <div class="form-group"> <label>Prénom</label> <span class="small ml-3 text-muted">Facultatif</span> <input name="input_prenom" class="form-control" type="text" name="name" placeholder="" /> </div> <div class="form-group"> <label>Mail</label> <input name="input_email" class="form-control" type="email" name="validation-email" placeholder="" required /> </div> <div class="form-group"> <label>Mot de passe</label> <input name="input_mdp" id="mdp" class="form-control" type="password" name="password" placeholder="" required/> </div> <div class="form-group"> <label>Confirmation mot de passe</label> <input name="input_mdpconfirme" id="mdp_confirm" class="form-control" type="password" name="password" placeholder="" required/> </div> <div class="form-check"> <input name="check_lettre" class="form-check-input" type="checkbox" value="" id="abo_lettre"> <label class="form-check-label" for="abo_lettre">Je m'abonne à la lettre d'info mensuelle</label> </div> <div class="modal-footer d-flex justify-content-start"> <button type="submit" class="btn btn-primary">Créer un compte</button> <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Annuler</button> </div> </form> </div> </div> </div> </div> <div class="modal fade" id="ModalEnregistrerFilms_NotLog" tabindex="-1" aria-labelledby="Enregistrer liste films" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title ffPNB" id="exampleModalLabel">Enregistrer les fiches </h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="lead">Connectez-vous pour enregistrer les fiches dans vos listes personnalisées.</div> <div class="text-muted pt-2">Si vous n'avez pas de compte, vous pouvez en créer un gratuitement.</div> </div> <div class="modal-footer d-flex justify-content-start"> <button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#ModalConnexion">Se connecter</button> <button type="button" class="btn btn-outline-primary" data-dismiss="modal" data-toggle="modal" data-target="#ModalInscription">Créer un compte</button> </div> </div> </div> </div>  <div class="modal fade" id="ModalEnregistrerFilms_Log" tabindex="-1" aria-labelledby="Enregistrer liste films" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="exampleModalLabel">Enregistrer dans…</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <form id="Form_Favori" method="post"> <div class="modal-body"> <input type="hidden" name="input_favori_hidden" id="input_favori_hidden" value=""/> <div> <div id="favori_liste"> </div> <a class="ffPNB link-films lead" data-toggle="collapse" href="#collapseNewList" role="button" aria-expanded="false" aria-controls="collapseNewList"><i class="align-middle mr-2 fas fa-fw fa-plus-circle"></i>Créer une nouvelle liste</a> <div class="form-group pt-2 collapse" id="collapseNewList"> <label class="ffPNB">Nouvelle liste</label> <input name="input_favori_newliste" type="text" class="form-control" id="input_favori_newliste" placeholder="Choisissez un nom" style="height: calc(1.840625rem + 6px);"> </div> </div> </div> <div class="modal-footer d-flex justify-content-start"> <button type="submit" class="btn btn-primary">Enregistrer</button> <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Annuler</button> </div> </form> </div> </div> </div>   <div class="modal fade" id="ModalModifierFilm" tabindex="-1" aria-labelledby="Créer un compte" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-sm" role="document"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title ffPNB" id="exampleModalLabel"><i class="align-self-center mr-2 fas fa-edit fa-lg"></i>Signaler une erreur sur la fiche ou compléter ses informations </h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-header py-2 my-0"> <div class="small ffPNB">Vous avez déjà un compte ? <button type="button" class="btn btn-link btn-sm" data-dismiss="modal" data-toggle="modal" data-target="#ModalConnexion">Se connecter</button> <br>Pas encore de compte ? <button type="button" class="btn btn-link btn-sm" data-dismiss="modal" data-toggle="modal" data-target="#ModalInscription">Créer un compte gratuit</button></div> </div> <form class="form" id="Form_Modif"> <div class="modal-body"> <input name="input_modif_codefilm" class="form-control" type="hidden" value="26937" /> <div class="form-group"> <label class="ffPNB" for="nom">Nom</label> <input class="form-control" type="text" placeholder="" /> </div> <div class="form-group"> <label class="ffPNB" for="prenom">Prénom</label> <input class="form-control" type="text" placeholder="" /> </div> <div class="form-group"> <label class="ffPNB" for="validation-email">Mail</label> <input name="input_modif_email" class="form-control" type="email" value="" required /> </div> <div class="form-group"> <label class="ffPNB" for="champModif">Information à modifier et/ou compléter</label> <select name="tabModif" class="form-control select2" id="tabModif" onchange="javascript:modif_info();" data-placeholder="Choisissez dans la liste" style="width: 100%;"> <option>Choisissez dans la liste</option> <option>Titre</option> <option>Titre original</option> <option>Complément de titre</option> <option>Complément de titre original</option> <option>Pays de production</option> <option>Année de production</option> <option>Durée</option> <option>Titre épisode 1</option> <option>Titre original épisode 1</option> <option>Durée épisode 1</option> <option>Titre épisode 2</option> <option>Titre original épisode 2</option> <option>Durée épisode 2</option> <option>Type œuvre</option> <option>Couleur/NB</option> <option>Support de tournage</option> <option>N° ISAN</option> <option>Langue originale</option> <option>Langue sous-titres</option> <option>Date sortie salle</option> <option>Résumé</option> <option>Résumé en anglais</option> <option>Mots-clés thématiques</option> <option>Liens à propos du film</option> <option>Photos</option> <option>Liens vidéo</option> <option>Créateurs</option> <option>Producteurs et autres structures</option> <option>Sélections et distinctions aux festivals</option> </select> </div> <div class="form-group" id="show_info" style="display: none;"> <label for="show_info">Merci de nous faire parvenir votre photo à : <br><span class="ffPNB">modification@film-documentaire.fr</span></label> </div> <div class="form-group"> <label class="ffPNB" for="modif_film">Nouvelle information</label> <textarea name="textarea_modif" class="form-control" rows="3" placeholder="Votre contribution" id="modif_film"></textarea> </div> </div> <div class="modal-footer d-flex justify-content-start"> <button type="submit" class="btn btn-primary">Valider</button> <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Annuler</button> </div> </form> </div> </div> </div>  <div class="modal fade" id="ModalModifierCreateur" tabindex="-1" aria-labelledby="Créer un compte" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-sm"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title ffPNB" id="exampleModalLabel"><i class="align-self-center mr-2 fas fa-edit fa-lg"></i>Signaler une erreur sur la fiche ou compléter ses informations </h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-header py-2 my-0"> <div class="small ffPNB">Vous avez déjà un compte ? <button type="button" class="btn btn-link btn-sm" data-dismiss="modal" data-toggle="modal" data-target="#ModalConnexion">Se connecter</button> <br>Pas encore de compte ? <button type="button" class="btn btn-link btn-sm" data-dismiss="modal" data-toggle="modal" data-target="#ModalInscription">Créer un compte gratuit</button></div> </div> <form class="form" id="Form_Modif_Createur"> <div class="modal-body"> <input name="input_modifcrea_code" class="form-control" type="hidden" value=" : Indéfinie" /> <div class="form-group"> <label class="ffPNB" for="nom">Nom</label> <input class="form-control" type="text" placeholder="" /> </div> <div class="form-group"> <label class="ffPNB" for="prenom">Prénom</label> <input class="form-control" type="text" placeholder="" /> </div> <div class="form-group"> <label class="ffPNB" for="validation-email">Mail</label> <input name="input_modifcrea_email" class="form-control" type="email" value="" required /> </div> <div class="form-group"> <label class="ffPNB" for="champModif">Information à modifier et/ou compléter</label> <select name="tabCreaModif" class="form-control select2" id="tabCreaModif" onchange="javascript:modif_info_crea();" data-placeholder="Choisissez dans la liste" style="width: 100%;"> <option>Choisissez dans la liste</option> <option>Biographie</option> <option>Site internet personnel</option> <option>Nom ou prénom</option> <option>Copyright de la photo</option> <option>Photos</option> <option>Liens vers des articles critiques, rencontres filmées ou masterclasses</option> <option>Autres informations</option> </select> </div> <div class="form-group" id="show_info_crea" style="display: none;"> <label for="show_info">Merci de nous faire parvenir votre photo à : <br><span class="ffPNB">modification@film-documentaire.fr</span></label> </div> <div class="form-group"> <label class="ffPNB" for="modif_film">Nouvelle information</label> <textarea name="textarea_creamodif" class="form-control" rows="3" placeholder="Votre contribution" id="modif_crea"></textarea> </div> </div> <div class="modal-footer d-flex justify-content-start"> <button type="submit" class="btn btn-primary">Valider</button> <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Annuler</button> </div> </form> </div> </div> </div> <div class="modal fade" id="ModalConfirmModif" tabindex="-1" aria-labelledby="Modification prise en compte" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title ffPNB" id="exampleModalLabel">Votre modification a bien été prise en compte. <i class="fas fa-check ml-2 text-primary"></i></h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <h5 class="modal-title ffPNB" id="exampleModalLabel">Merci pour votre contribution.</h5> <h5 class="modal-title" id="exampleModalLabel">Une fois que nos équipes auront traité votre contribution, vous recevrez un mail vous informant de la mise à jour de la fiche.</h5> <div class="form-group pt-4"> <button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#ModalModifierFilm">Modifier une autre information</button> </div> </div> </div> </div> </div> <div class="modal fade" id="ModalInfdSearch" tabindex="-1" aria-labelledby="Aide transversale" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title ffPNB" id="exampleModalLabel"><i class="fas fa-question-circle ml-2 text-primary"></i> Aide sur la recherche transversale.</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <h5 class="modal-title ffPNB" id="exampleModalLabel">Merci pour votre contribution.</h5> <h5 class="modal-title" id="exampleModalLabel">Une fois que nos équipes auront traité votre contribution, vous recevrez un mail vous informant de la mise à jour de la fiche.</h5> </div> </div> </div> </div> <div class="modal fade" id="ModalInscriptionValid" tabindex="-1" aria-labelledby="Inscription validée" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title ffPNB" id="exampleModalLabel">Votre inscription a bien été prise en compte. <i class="fas fa-check ml-2 text-primary"></i></h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <h5 class="modal-title ffPNB" id="exampleModalLabel">Merci pour votre contribution.</h5> <h5 class="modal-title" id="exampleModalLabel">Vous allez recevoir un email de confirmation afin d'activer votre compte.</h5> <div class="form-group pt-4"> <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button> </div> </div> </div> </div> </div> <div class="modal fade" id="ModalInscriptionExiste" tabindex="-1" aria-labelledby="Compte existant" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title ffPNB" id="exampleModalLabel">Votre inscription n'a pas pu aboutir. <i class="fas fa-times-circle ml-2 text-primary"></i></h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <h5 class="modal-title ffPNB" id="exampleModalLabel">Vous avez déjà créé un compte avec cette adresse mail.</h5> <h5 class="modal-title" id="exampleModalLabel">Notre équipe est à votre disposition pour vous aider à résoudre le souci.</h5> <div class="form-group pt-4"> <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button> </div> </div> </div> </div> </div> <div class="modal fade" id="ModalInscriptionSouci" tabindex="-1" aria-labelledby="Compte souci" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title ffPNB" id="exampleModalLabel">Votre action n'a pas pu aboutir. <i class="fas fa-times-circle ml-2 text-primary"></i></h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <h5 class="modal-title ffPNB" id="exampleModalLabel">Un souci s'est produit lors de votre tentative d'identification.</h5> <h5 class="modal-title" id="exampleModalLabel">Notre équipe est à votre disposition pour vous aider à résoudre le souci.</h5> <div class="form-group pt-4"> <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button> </div> </div> </div> </div> </div> <div class="modal fade" id="ModalConnexionSouci" tabindex="-1" aria-labelledby="Compte souci" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title ffPNB" id="exampleModalLabel">Votre action n'a pas pu aboutir. <i class="fas fa-times-circle ml-2 text-primary"></i></h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <h5 class="modal-title ffPNB" id="exampleModalLabel">Votre identifiant ou votre mot de passe sont incorrects.</h5> <h5 class="modal-title" id="exampleModalLabel">Merci de réessayer ou de contacter notre équipe</h5> <div class="form-group pt-4"> <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button> </div> </div> </div> </div> </div> <div class="modal fade" id="ModalConnexionActivation" tabindex="-1" aria-labelledby="Compte souci" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title ffPNB" id="exampleModalLabel">Votre action n'a pas pu aboutir. <i class="fas fa-times-circle ml-2 text-primary"></i></h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <h5 class="modal-title ffPNB" id="exampleModalLabel">Vous n'avez pas encore activé votre compte.</h5> <h5 class="modal-title" id="exampleModalLabel">Notre équipe est à votre disposition pour vous aider à résoudre le souci.</h5> <div class="form-group pt-4"> <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button> </div> </div> </div> </div> </div> <div class="modal fade" id="ModalSupprimerCompte" tabindex="-1" aria-labelledby="Supprimer la liste" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="exampleModalLabel"><i class="fas fa-user-minus mr-2"></i>Supprimer le compte</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="form-group pt-2"> <div class="ffPNB">Êtes-vous sûr(e) de vouloir supprimer votre compte ?</div> <div class="ffPNB text-danger">Cette action est définitive et irréversible.</div> </div> </div> <div class="modal-footer d-flex justify-content-start"> <form method="post" action="/4DACTION/Ajax_Compte_Supprimer"> <button type="submit" class="btn btn-danger">Supprimer</button> </form> <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Annuler</button> </div> </div> </div> </div>  <div class="modal fade" id="ModalRenommerListe" tabindex="-1" aria-labelledby="Renommer la liste" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="exampleModalLabel"><i class="fas fa-pen mr-2"></i>Renommer la liste</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <form id="Form_Favori_rename"> <div class="modal-body"> <input type="hidden" name="input_rename_uuid" id="input_rename_uuid" value=""/> <div class="form-group pt-2"> <input name="input_rename_nom" type="text" class="form-control ffPNB" id="input_rename_nom" placeholder="Choisissez un nom" style="height: calc(1.840625rem + 6px);" value="Ma liste de fiches"> </div> </div> <div class="modal-footer d-flex justify-content-start"> <button type="submit" class="btn btn-primary">Enregistrer</button> <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Annuler</button> </div> </form> </div> </div> </div>  <div class="modal fade" id="ModalSupprimerListe" tabindex="-1" aria-labelledby="Supprimer la liste" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="exampleModalLabel"><i class="fas fa-trash-alt mr-2"></i>Supprimer la liste ?</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <form id="Form_Favori_delete"> <div class="modal-body"> <input type="hidden" name="input_delete_uuid" id="input_delete_uuid" value=""/> <div class="form-group pt-2"> <input name="input_delete_nom" type="text" class="form-control ffPNB" id="input_delete_nom" placeholder="Choisissez un nom" style="height: calc(1.840625rem + 6px);" value=""> </div> </div> <div class="modal-footer d-flex justify-content-start"> <button type="submit" class="btn btn-primary">Supprimer</button> <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Annuler</button> </div> <div class="modal-footer border-top-0 pt-0 d-flex justify-content-start"> <small class="text-danger"><i class="fas fa-exclamation-circle mr-2"></i>Cette action est irréversible.</small> </div> </form> </div> </div> </div>  <div class="modal fade" id="ModalAjouterListe" tabindex="-1" aria-labelledby="Ajouter une liste" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="exampleModalLabel"><i class="fas fa-plus mr-2"></i>Ajouter une liste de fiches</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <form id="Form_Favori_add"> <div class="modal-body"> <input type="hidden" name="input_add_table" id="input_add_table" value=""/> <div class="form-group pt-2"> <input name="input_add_nom" id="input_add_nom" type="text" class="form-control ffPNB" placeholder="Choisissez un nom" style="height: calc(1.840625rem + 6px);"> </div> </div> <div class="modal-footer d-flex justify-content-start"> <button type="submit" class="btn btn-primary">Enregistrer</button> <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Annuler</button> </div> </form> </div> </div> </div>  <div class="modal fade" id="ModalSupprimerObjet" tabindex="-1" aria-labelledby="Supprimer la liste" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="exampleModalLabel"><i class="fas fa-trash-alt mr-2"></i>Supprimer de la liste ?</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <form id="Form_Objet_delete"> <div class="modal-body"> <input type="hidden" name="input_objet_uuid" id="input_objet_uuid" value=""/> <div class="form-group pt-2"> <h3 class="ffPNB"><input name="input_objet_nom" id="input_objet_nom" type="text" class="form-control ffPNB" style="height: calc(1.840625rem + 6px);"></h3> </div> </div> <div class="modal-footer d-flex justify-content-start"> <button type="submit" class="btn btn-primary" id="notifActionMAJBtn">Supprimer</button> <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Annuler</button> </div> <div class="modal-footer border-top-0 pt-0 d-flex justify-content-start"> <small class="text-black-50 ffPNB"><i class="fas fa-info-circle mr-2"></i>Vous pourrez l'ajouter à vos favoris ultérieurement, à partir de sa fiche.</small> </div> </form> </div> </div> </div> </div> </div> <script type="text/javascript"> document.title="Albert Cossery, entre la violence et la dérision"; </script> <script src="/js/app.js"></script> <script src="/js/jquery.easy-autocomplete.min.js"></script> <script src="/js/jquery.bootstrap-autohidingnavbar.js"></script> <script src="/css/slick/slick.min.js"></script> <script src="/js/vegas.min.js"></script> <script src="/js/select2.full.min.js"></script> <script src="/js/bigfoot.min.js"></script> <script src="/js/ekko-lightbox.js"></script> <script src="/js/bootstable.min.js"></script> <script src="/js/bootstable.js"></script>  <script src="/js/smooth-scroll.polyfills.min.js"></script> <script type="text/javascript"> $(document).on('click', '[data-toggle="lightbox"]', function(event) { event.preventDefault(); $(this).ekkoLightbox({ //alwaysShowClose: true }); }); </script> <script type="text/javascript"> $.bigfoot( { numberResetSelector: ".article_bigfoot" //actionOriginalFN: "ignore" } ); </script> <script> document.addEventListener("DOMContentLoaded", function() { var options = { url: function(phrase) { //if (phrase.length > 2) //{ return "/4DACTION/Ajax_Suggestion"; //} }, getValue: function(element) { return element.Keyword; }, ajaxSettings: { dataType: "json", method: "POST", data: { dataType: "json" } }, preparePostData: function(data) { data.phrase = $("#rech_simple").val(); return data; }, list: { maxNumberOfElements: 100, match: { // enabled: true }, sort: { //enabled: true }, onClickEvent: function() { var value = $("#rech_simple").getSelectedItemData(); $("#rech_uukey").val(value.UUKey); $("#rech_table").val(value.Table); $( "#SearchForm_Full" ).submit(); } }, template: { type: "description", fields: { description: "Table" } }, theme: "square" }; $("#rech_simple").easyAutocomplete(options); }); function les_fulls(latable,idlien) { $(".active").removeClass("active"); $.ajax({ url: "/4DACTION/Ajax_Search_Full/"+latable, type : "POST", success : function (data) { $("#full_liste").empty().append(data); $("#full_liste").addClass("active"); $("#"+idlien).addClass("active"); }, error: function(XMLHttpRequest, textStatus, errorThrown) { alert(errorThrown); } }); } </script> <script> document.addEventListener("DOMContentLoaded", function() { $("#topbar_nav").autoHidingNavbar(); }); </script> <script> document.addEventListener("DOMContentLoaded", function() { $( "#menu_burger_fd" ).click(function() { if($('#sidebar').hasClass('collapsed')){ $('#logo_top').show('slow').fadeIn('slow'); } else { $('#logo_top').hide('slow').fadeOut('slow'); } }); }); </script> <script> document.addEventListener("DOMContentLoaded", function() { $('.slick_visuels_festival').slick({ lazyLoad: 'ondemand', autoplay: true, infinite: true, //dots: true, arrows: false, speed: 300, slidesToShow: 1, slidesToScroll: 1 }); $('.slick_visuels_producteur').slick({ lazyLoad: 'ondemand', autoplay: true, infinite: true, //dots: true, arrows: false, speed: 300, slidesToShow: 1, slidesToScroll: 1 }); $('.slick_visuels_createurs').slick({ lazyLoad: 'ondemand', autoplay: true, infinite: true, //dots: true, arrows: false, speed: 300, slidesToShow: 1, slidesToScroll: 1 }); $('.slick_derniers_films, .slick_themas_films, .slick_derniers_producteurs').slick({ lazyLoad: 'ondemand', autoplay: false, infinite: true, dots: true, speed: 2000, //@og 18.05 : vitesse modifiée, à modifier partout slidesToShow: 4, slidesToScroll: 4, responsive: [ { breakpoint: 1024, settings: { slidesToShow: 3, slidesToScroll: 3, infinite: true, dots: true, arrows: false } }, { breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 2, infinite: true, dots: true, arrows: false } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1, infinite: true, dots: true, arrows: false } }] }); $('.slick_visuels_films').slick({ lazyLoad: 'ondemand', autoplay: false, //@og 18.05 : modif true infinite: true, //dots: true, speed: 300, slidesToShow: 3, slidesToScroll: 3, responsive: [ { breakpoint: 1024, settings: { slidesToShow: 2, slidesToScroll: 2, infinite: true, //dots: true, //arrows: false } }, { breakpoint: 600, settings: { slidesToShow: 1, slidesToScroll: 1, infinite: true, //dots: true, //arrows: false } }] }); $('.slick_zoom_films').slick({ lazyLoad: 'ondemand', autoplay: false, slidesToShow: 1, slidesToScroll: 1, arrows: true }); $('.slick_nouveautes').slick({ lazyLoad: 'ondemand', dots: true, infinite: true, speed: 300, slidesToShow: 5, slidesToScroll: 5, responsive: [ { breakpoint: 1024, settings: { slidesToShow: 3, slidesToScroll: 3, infinite: true, dots: true, arrows: false } }, { breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 2, infinite: true, dots: true, arrows: false } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1, infinite: true, dots: true, arrows: false } }] }); $('.slick_soutiens').slick({ lazyLoad: 'ondemand', arrows: false, autoplay: true, infinite: true, speed: 2000, slidesToShow: 4, slidesToScroll: 4, responsive: [ { breakpoint: 1280, settings: { slidesToShow: 3, slidesToScroll: 3, infinite: true, dots: true, arrows: false } }, // { // breakpoint: 1025, // settings: { // slidesToShow: 2, // slidesToScroll: 2, // infinite: true, // dots: true, // arrows: false // } // }, { breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 2, infinite: true, dots: true, arrows: false } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1, infinite: true, dots: true, arrows: false } }] }); $('.slick_partenaires').slick({ lazyLoad: 'progressive', dots: true, arrows: false, autoplay: true, infinite: true, speed: 2000, slidesToShow: 8, slidesToScroll: 8, responsive: [ { breakpoint: 1200, settings: { slidesToShow: 7, slidesToScroll: 7, infinite: true, dots: true, arrows: false } }, { breakpoint: 1080, settings: { slidesToShow: 6, slidesToScroll: 6, infinite: true, dots: true, arrows: false } }, { breakpoint: 768, settings: { slidesToShow: 4, slidesToScroll: 4, infinite: true, dots: true, arrows: false } }, { breakpoint: 600, settings: { slidesToShow: 3, slidesToScroll: 3, infinite: true, dots: true, arrows: false } }, { breakpoint: 480, settings: { slidesToShow: 2, slidesToScroll: 2, infinite: true, dots: true, arrows: false } }] }); }); </script> <script> document.addEventListener("DOMContentLoaded", function() { $("body, .card_mission").vegas({ delay: 15000, autoplay: true, // valign: "top", timer: false, // slidesToKeep: 1, // overlay: 'img/bg/01.png', firstTransition: 'fade2', firstTransitionDuration: 5000, transition: 'fade2', transitionDuration: 2000, shuffle: true, slides: [ { src: "/img/bg/img_01.png" }, { src: "/img/bg/img_02.png" }, { src: "/img/bg/img_03.png" }, { src: "/img/bg/img_04.png" }, { src: "/img/bg/img_05.png" } ] }); // $(".bg_traverses_img").vegas({ // timer: false, // slides: [ // { src: "img/photos/traverses_2.png" } // ] // }); $(".bg_la_une").vegas({ timer: false, slides: [ { src: "img/photos/2316.jpg" } ] }); }); </script> <script> document.addEventListener("DOMContentLoaded", function() { // Initialize Select2 select box $("select[name=\"validation-select2\"]").select2({ allowClear: true, placeholder: "Select gear...", }).change(function() { $(this).valid(); }); // Initialize Select2 multiselect box $("select[name=\"validation-select2-multi\"]").select2({ placeholder: "Select gear...", }).change(function() { $(this).valid(); }); // Trigger validation on tagsinput change $("input[name=\"validation-bs-tagsinput\"]").on("itemAdded itemRemoved", function() { $(this).valid(); }); // Initialize validation $("#validation-form").validate({ ignore: ".ignore, .select2-input", focusInvalid: false, rules: { "validation-email": { required: true, email: true }, "validation-password": { required: true, minlength: 6, maxlength: 20 }, "validation-password-confirmation": { required: true, minlength: 6, equalTo: "input[name=\"validation-password\"]" }, "validation-required": { required: true }, "validation-url": { required: true, url: true }, "validation-select": { required: true }, "validation-multiselect": { required: true, minlength: 2 }, "validation-select2": { required: true }, "validation-select2-multi": { required: true, minlength: 2 }, "validation-text": { required: true }, "validation-file": { required: true }, "validation-radios": { required: true }, "validation-radios-custom": { required: true }, "validation-checkbox": { required: true }, "validation-checkbox-custom": { required: true }, "validation-checkbox-group-1": { require_from_group: [1, "input[name=\"validation-checkbox-group-1\"], input[name=\"validation-checkbox-group-2\"]"] }, "validation-checkbox-group-2": { require_from_group: [1, "input[name=\"validation-checkbox-group-1\"], input[name=\"validation-checkbox-group-2\"]"] }, "validation-checkbox-custom-group-1": { require_from_group: [1, "input[name=\"validation-checkbox-custom-group-1\"], input[name=\"validation-checkbox-custom-group-2\"]"] }, "validation-checkbox-custom-group-2": { require_from_group: [1, "input[name=\"validation-checkbox-custom-group-1\"], input[name=\"validation-checkbox-custom-group-2\"]"] } }, // Errors errorPlacement: function errorPlacement(error, element) { var $parent = $(element).parents(".form-group"); // Do not duplicate errors if ($parent.find(".jquery-validation-error").length) { return; } $parent.append( error.addClass("jquery-validation-error small form-text invalid-feedback") ); }, highlight: function(element) { var $el = $(element); var $parent = $el.parents(".form-group"); $el.addClass("is-invalid"); // Select2 and Tagsinput if ($el.hasClass("select2-hidden-accessible") || $el.attr("data-role") === "tagsinput") { $el.parent().addClass("is-invalid"); } }, unhighlight: function(element) { $(element).parents(".form-group").find(".is-invalid").removeClass("is-invalid"); } }); // Initialize validation $("#validation-form2").validate({ ignore: ".ignore, .select2-input", focusInvalid: false, rules: { "validation-email2": { required: true, email: true } }, // Errors errorPlacement: function errorPlacement(error, element) { var $parent = $(element).parents(".form-group"); // Do not duplicate errors if ($parent.find(".jquery-validation-error").length) { return; } $parent.append( error.addClass("jquery-validation-error small form-text invalid-feedback") ); }, highlight: function(element) { var $el = $(element); var $parent = $el.parents(".form-group"); $el.addClass("is-invalid"); // Select2 and Tagsinput if ($el.hasClass("select2-hidden-accessible") || $el.attr("data-role") === "tagsinput") { $el.parent().addClass("is-invalid"); } }, unhighlight: function(element) { $(element).parents(".form-group").find(".is-invalid").removeClass("is-invalid"); } }); }); </script> <script> document.addEventListener("DOMContentLoaded", function() { $(document).ready(function(){ $(window).scroll(function () { if ($(this).scrollTop() > 320) { $('#back-to-top').fadeIn(); } else { $('#back-to-top').fadeOut(); } }); // scroll body to 0px on click $('#back-to-top').click(function () { $('body,html').animate({ scrollTop: 0 }, 400); return false; }); }); }); </script> <script> document.addEventListener("DOMContentLoaded", function() { // Select2 $(".select2").each(function() { $(this) .wrap("<div class=\"position-relative\"></div>") .select2({ placeholder: "Select value", dropdownParent: $(this).parent() }); }) $('#daterangepicker-date').daterangepicker({ autoUpdateInput: false, showDropdowns: true, opens: "right", singleDatePicker: true, autoApply: true, locale: { format: 'DD/MM/YY', daysOfWeek: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven','Sam'], monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'] } }); $('#daterangepicker-date').on('apply.daterangepicker', function(ev, picker) { $('#daterangepicker-date').val(picker.startDate.format('DD/MM/YY')); }); $('#daterangepicker-dateI').daterangepicker({ autoUpdateInput: false, showDropdowns: true, opens: "right", singleDatePicker: true, autoApply: true, locale: { format: 'DD/MM/YY', daysOfWeek: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven','Sam'], monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'] } }); $('#daterangepicker-dateI').on('apply.daterangepicker', function(ev, picker) { $('#daterangepicker-dateI').val(picker.startDate.format('DD/MM/YY')); }); $('#datefiltre-date').daterangepicker({ autoUpdateInput: false, showDropdowns: true, opens: "right", singleDatePicker: true, autoApply: true, locale: { format: 'DD/MM/YY', daysOfWeek: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven','Sam'], monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'] } }); $('#datefiltre-date').on('apply.daterangepicker', function(ev, picker) { $('#datefiltre-date').val(picker.startDate.format('DD/MM/YY')); }); $('#datefiltre-dateI').daterangepicker({ autoUpdateInput: false, showDropdowns: true, opens: "right", singleDatePicker: true, autoApply: true, locale: { format: 'DD/MM/YY', daysOfWeek: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven','Sam'], monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'] } }); $('#datefiltre-dateI').on('apply.daterangepicker', function(ev, picker) { $('#datefiltre-dateI').val(picker.startDate.format('DD/MM/YY')); }); $('#dateajout-date').daterangepicker({ autoUpdateInput: false, showDropdowns: true, opens: "right", singleDatePicker: true, autoApply: true, locale: { format: 'DD/MM/YY', daysOfWeek: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven','Sam'], monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'] } }); $('#dateajout-date').on('apply.daterangepicker', function(ev, picker) { $('#dateajout-date').val(picker.startDate.format('DD/MM/YY')); }); }); </script> <script> document.addEventListener("DOMContentLoaded", function() { $('#selection_annee_debut').datetimepicker({ viewMode: 'years', format: 'YYYY', useCurrent: false }); $('#selection_annee_fin').datetimepicker({ viewMode: 'years', format: 'YYYY', useCurrent: false }); $('.select2').select2(); }); </script> <script> document.addEventListener("DOMContentLoaded", function() { // Validation var $validationForm = $("#smartwizard-validation"); $validationForm.validate({ errorPlacement: function errorPlacement(error, element) { $(element).parents(".form-group").append( error.addClass("invalid-feedback small d-block") ) }, highlight: function(element) { $(element).addClass("is-invalid"); }, unhighlight: function(element) { $(element).removeClass("is-invalid"); }, rules: { "email": { required: true, email: true }, "input_addfilm_titre": { required: true } } }); $validationForm .smartWizard({ autoAdjustHeight: false, backButtonSupport: false, useURLhash: false, showStepURLhash: false, toolbarSettings: { toolbarButtonPosition: 'left', //toolbarExtraButtons: [$("<button type=\"button\" class=\"btn btn-submit btn-outline-primary sw-btn-group-extra float-md-right mt-4 mt-md-0\">Valider</button>")] } }) .on("leaveStep", function(e, anchorObject, stepNumber, stepDirection) { if (stepDirection === "forward") { return $validationForm.valid(); } if ($("#input_addfilm_titre").val()=="") { $("#input_addfilm_titre").addClass("is-invalid"); $('body,html').animate({scrollTop: 0}, 400); return false; } else { return true; } }); $validationForm.find(".btn-submit").on("click", function() { if (!$validationForm.valid()) { return; } alert("Merci ! Votre formulaire a bien été envoyé."); return false; }); }); </script> <script src="/js/filmdoc_actu_v01.js"></script> <script src="/js/filmdoc_media_v01.js"></script> <script src="/js/filmdoc_film_v02.js"></script> <script src="/js/filmdoc_createur_v02.js"></script> <script src="/js/filmdoc_producteur_v03.js"></script> <script src="/js/filmdoc_ecrit_v02.js"></script> <script src="/js/filmdoc_festival_v02.js"></script> <script src="/js/filmdoc_compte_v03.js"></script> <script src="/js/filmdoc_parametre_v01.js"></script> <script src="/js/filmdoc_favori_v01.js"></script> <script src="/js/filmdoc_ajout_v03.js"></script> <script> $(document).ready(function(){ var menuactif = $("#www_Menu").val(); $("#"+menuactif).addClass("sidebar-item active"); }); </script> </body> </html>

CINXE.COM