Adav Projections Chefs-d'œuvre de la S-F

<!doctype html>     <html class="no-js" lang="fr" data-useragent="Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" /> <meta name="description" content="Chefs-d'œuvre de la S-F"> <meta property="og:url" content="http://adavprojections.com/4DACTION/Web_Collection%2F21" /> <meta property="og:type" content="ADAVPROJECTIONS" /> <meta property="og:title" content="Chefs-d'œuvre de la S-F" /> <meta property="og:description" content="Chefs-d'œuvre de la S-F" /> <meta property="og:image" content="http://adavprojections.com/adavprojections/collection/021/0000000000021.jpg" /> <title>Adav Projections Chefs-d'œuvre de la S-F</title>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-LGXEXSJN2P"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-LGXEXSJN2P'); </script>   <link rel="stylesheet" href="/../css/foundation.css"> <link rel="stylesheet" href="/../css/adav-projections.css"> <link rel="stylesheet" href="/../css/ionicons.css">  <link rel="stylesheet" href="/../css/ui.totop.css" media="all"> <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="ADAV Projections"/> <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="stylesheet" type="text/css" href="/../slick/slick.css"/> <link rel="stylesheet" type="text/css" href="/../slick/slick-theme.css"/> <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i|Source+Serif+Pro:400,600,700&subset=latin-ext" rel="stylesheet"> </head> <body>  <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>   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P49KX9V" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>    <div id="popuser" class="slideUp"> <nav class="top-bar hide-on-print" data-topbar role="navigation" data-options="is_hover: false"> <ul class="title-area">  <li class="name"> <h1> <a href="/4DACTION/Web_Accueil" title="Accueil"> <img src="/../img/logo_adav_projections.png" width="350" height="38"> </a> </h1> </li> <li class="toggle-topbar menu-icon"><a href="#"><span>menu</span></a></li> </ul> <section class="top-bar-section hide-on-print">  <ul class="right"> <li class="has-form has_form_recherche"> <form method="post" action="/4DACTION/Web_Search_Simple" class="custom radius"> <div class="row collapse"> <div class="small-11 columns"> <input type="text" id="recherche_simple_input" name="Simple_vaSearch" placeholder="Titre, réalisateur, acteur, mot clé"> </div> <div class="small-1 columns"> <button href="#" class="button expand recherche_simple_button"><i class="foundicon-search"></i></button> </div> </div> </form> </li> <li class="has-dropdown"> <a href="#">Films</a> <ul class="dropdown"> <li><a href="/4DACTION/Web_Search_Avance">Recherche avancée</a></li> <li><a href="/4DACTION/Web_Edition/All" class="evenement_menu">Idées de programmation</a></li> <li><a href="/4DACTION/Web_Search_Nouveaute">Nouveautés</a></li> <li><a href="/4DACTION/Web_Search_Demande">Les films les plus demandés</a></li> <li><a href="/4DACTION/Web_Collections" class="">Collections</a></li> <li><a href="/4DACTION/Web_Thematheque/All" class="">Thématiques</a></li> </ul> </li> <li class="has-dropdown"> <a href="#">Infos</a> <ul class="dropdown"> <li><a href="/4DACTION/Web_Statique/Marche">Mode d'emploi</a></li> <li><a href="/4DACTION/Web_Statique/Question">Questions fréquentes</a></li> <li><a href="/4DACTION/Web_Statique/Cadre">Cadre juridique</a></li> <li><a href="/4DACTION/Web_Statique/Qui">Qui sommes-nous ?</a></li> <li><a href="/4DACTION/Web_Statique/Partenaire">Nos partenaires</a></li> <li><a href="/4DACTION/Web_Statique/Client">Nos clients</a></li> </ul> </li> <li> <a href="javascript:LoadConnexion('infos');">Connexion</a></li> </ul> </section> </nav> </div> <div style="clear:both;"></div> <div class="margin_menu"></div>  <div class="filet_menu_fiche"></div> <div class="bckgThema"> <div class="row"> <div class="large-12 columns"> <h1 class="white titresApropos">Chefs-d'œuvre de la S-F</h1> </div> </div> </div> <div class="bckgFiche"> <br> <div class="row"> <div class="small-6 large-8 columns"> <p class="bouton_retour"><a href="javascript:history.go(-1)" class="button radius invers"><i class='ion-chevron-left'></i>  Retour</a></p> </div> <div class="small-6 large-4 columns text-right"> <div class="partage_facebook_block" data-href="http://adavprojections.com/4DACTION/Web_Collection%2F21" data-layout="button" data-size="small"><a class="partage_facebook_lien" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fadavprojections.com%2F4DACTION%2FWeb_Collection%2F21&src=sdkpreparse" class="fb-xfbml-parse-ignore"><img src="/../img/logo-facebook.png" width="16px" height="16px"><span class="partage_facebook_txt"> Partager</span></a></div> </div> </div> </div> <div class="row"> <div class="large-12 columns"> <br> </div> </div> <div class="row"> <div class="large-8 columns"> <small> </small> <h4>Résultats de recherche : 1-16 <span class="light">sur 16 films</span></h4> </div> <div class="large-4 columns"> <small class="">Besoin d'affiner votre recherche ?</small> <h4 class="light hide-for-small"><a href="/4DACTION/Web_Search_Avance">Recherche avancée  <i class='ion-chevron-right'></i></a></h4> </div> </div> <div class="row">  <div class="large-12 columns"> <ul class="pagination pagination_haute"> <li class='arrow unavailable'>«</li><li class='current'><a href='/4DACTION/Web_Search_Page/1'>1</a></li><li class='arrow'>»</li> </ul> </div>  </div> <div class="row"> <div class="large-12 columns"> <div class="row"> <div class="large-10 columns"> <hr> </div> </div> <div class="row"> <div class="large-2 columns columnsFiche "> <a href="/4DACTION/Web_Fiche/225419"> <img src='https://s3.amazonaws.com/image.adavprojections.com/419/0000000225419.jpg'> </a> </div> <div class="large-8 columns"> <div class="large-12 columns"> <a href="/4DACTION/Web_Fiche/225419"> <h4 class="infosFilmListe">A SCANNER DARKLY <sup><small><i class='ion-ios-star'></i><i class='ion-ios-star'></i><i class='ion-ios-star-outline'></i></small></sup></h4> </a> <p class="infosFilmListe">de <a href='/4DACTION/Web_Search_Personne/7058'>Richard Linklater</a></p> <p class="infosFilmListe"> <small> États Unis - 2006 - 100' - FICTION - cinéma d'animation - Science-fiction </small> </p>  <p class="">Californie, 2013… A l'ère du terrorisme, une nouvelle drogue fait des ravages… Visuellement très réussi, un film hypnotisant et virtuose sur la perte d'identité… Indispensable pour les fans d'animation ! <br><a href="/4DACTION/Web_Fiche/225419">Plus d'infos  <i class="ion-chevron-right"></i></a></p> </div> </div> <div class="large-2 columns"> </div> </div> </div> </div> <div class="row"> <div class="large-12 columns"> <div class="row"> <div class="large-10 columns"> <hr> </div> </div> <div class="row"> <div class="large-2 columns columnsFiche "> <a href="/4DACTION/Web_Fiche/224427"> <img src='https://s3.amazonaws.com/image.adavprojections.com/427/0000000224427.jpg'> </a> </div> <div class="large-8 columns"> <div class="large-12 columns"> <a href="/4DACTION/Web_Fiche/224427"> <h4 class="infosFilmListe">A.I. - INTELLIGENCE ARTIFICIELLE <sup><small><i class='ion-ios-star'></i><i class='ion-ios-star-outline'></i><i class='ion-ios-star-outline'></i></small></sup></h4> </a> <p class="infosFilmListe">de <a href='/4DACTION/Web_Search_Personne/674'>Steven Spielberg</a></p> <p class="infosFilmListe"> <small> États Unis - 2001 - 141' - FICTION - longs métrages - Science-fiction </small> </p>  <p class="">Dans un futur proche où la fonte des glaces a submergé la majorité des terres habitables, les robots, communément appelés les "mécas", font partie de la vie quotidienne des hommes. Les naissances étant sévèrement contingentées, le professeur Hobby so... <br><a href="/4DACTION/Web_Fiche/224427">Plus d'infos  <i class="ion-chevron-right"></i></a></p> </div> </div> <div class="large-2 columns"> </div> </div> </div> </div> <div class="row"> <div class="large-12 columns"> <div class="row"> <div class="large-10 columns"> <hr> </div> </div> <div class="row"> <div class="large-2 columns columnsFiche "> <a href="/4DACTION/Web_Fiche/222947"> <img src='https://s3.amazonaws.com/image.adavprojections.com/947/0000000222947.jpg'> </a> </div> <div class="large-8 columns"> <div class="large-12 columns"> <a href="/4DACTION/Web_Fiche/222947"> <h4 class="infosFilmListe">CONTACT/ZEMECKIS <sup><small><i class='ion-ios-star'></i><i class='ion-ios-star-outline'></i><i class='ion-ios-star-outline'></i></small></sup></h4> </a> <p class="infosFilmListe">de <a href='/4DACTION/Web_Search_Personne/1552'>Robert Zemeckis</a></p> <p class="infosFilmListe"> <small> États Unis - 1997 - 150' - FICTION - longs métrages - Science-fiction </small> </p>  <p class="">Une jeune astrophysicienne rêve d'établir le contact avec des mondes extraterrestres… Dans cet espace sidéral, heureusement, il y a Jodie Foster… <br><a href="/4DACTION/Web_Fiche/222947">Plus d'infos  <i class="ion-chevron-right"></i></a></p> </div> </div> <div class="large-2 columns"> </div> </div> </div> </div> <div class="row"> <div class="large-12 columns"> <div class="row"> <div class="large-10 columns"> <hr> </div> </div> <div class="row"> <div class="large-2 columns columnsFiche "> <a href="/4DACTION/Web_Fiche/74490"> <img src='https://s3.amazonaws.com/image.adavprojections.com/490/0000000074490.jpg'> </a> </div> <div class="large-8 columns"> <div class="large-12 columns"> <a href="/4DACTION/Web_Fiche/74490"> <h4 class="infosFilmListe">FAHRENHEIT 451 <sup><small><i class='ion-ios-star'></i><i class='ion-ios-star'></i><i class='ion-ios-star-outline'></i></small></sup></h4> </a> <p class="infosFilmListe">de <a href='/4DACTION/Web_Search_Personne/1871'>François Truffaut</a></p> <p class="infosFilmListe"> <small> Grande Bretagne - 1966 - 105' - FICTION - longs métrages - Science-fiction </small> </p>  <p class="">Dans une ville où les livres sont interdits, les pompiers sont chargés de faire des autodafés… Seule incursion de Truffaut dans la science-fiction… <br><a href="/4DACTION/Web_Fiche/74490">Plus d'infos  <i class="ion-chevron-right"></i></a></p> </div> </div> <div class="large-2 columns"> </div> </div> </div> </div> <div class="row"> <div class="large-12 columns"> <div class="row"> <div class="large-10 columns"> <hr> </div> </div> <div class="row"> <div class="large-2 columns columnsFiche "> <a href="/4DACTION/Web_Fiche/226899"> <img src='https://s3.amazonaws.com/image.adavprojections.com/899/0000000226899.jpg'> </a> </div> <div class="large-8 columns"> <div class="large-12 columns"> <a href="/4DACTION/Web_Fiche/226899"> <h4 class="infosFilmListe">GRAVITY <sup><small><i class='ion-ios-star'></i><i class='ion-ios-star'></i><i class='ion-ios-star'></i></small></sup></h4> </a> <p class="infosFilmListe">de <a href='/4DACTION/Web_Search_Personne/6994'>Alfonso Cuarón</a></p> <p class="infosFilmListe"> <small> États Unis - 2013 - 91' - FICTION - longs métrages - Science-fiction </small> </p>  <p class="">Lors d'une banale sortie dans l'espace, deux astronautes se retrouvent sans vaisseau à la suite d'un accident… Sans contact avec la Terre, ils doivent trouver le moyen de rentrer… Blockbuster minimaliste aux plans spatiaux d'une virtuosité inouïe… <br><a href="/4DACTION/Web_Fiche/226899">Plus d'infos  <i class="ion-chevron-right"></i></a></p> </div> </div> <div class="large-2 columns"> </div> </div> </div> </div> <div class="row"> <div class="large-12 columns"> <div class="row"> <div class="large-10 columns"> <hr> </div> </div> <div class="row"> <div class="large-2 columns columnsFiche "> <a href="/4DACTION/Web_Fiche/225843"> <img src='https://s3.amazonaws.com/image.adavprojections.com/843/0000000225843.jpg'> </a> </div> <div class="large-8 columns"> <div class="large-12 columns"> <a href="/4DACTION/Web_Fiche/225843"> <h4 class="infosFilmListe">INCEPTION <sup><small><i class='ion-ios-star'></i><i class='ion-ios-star'></i><i class='ion-ios-star-outline'></i></small></sup></h4> </a> <p class="infosFilmListe">de <a href='/4DACTION/Web_Search_Personne/1467'>Christopher Nolan</a></p> <p class="infosFilmListe"> <small> États Unis, Grande Bretagne - 2010 - 148' - FICTION - longs métrages - Science-fiction </small> </p>  <p class="">Maître dans l'art de s'approprier les secrets, Cobb doit implanter une idée dans l'esprit d'un homme d'affaires… Un voyage tortueux dans l'univers des rêves visuellement époustouflant… <br><a href="/4DACTION/Web_Fiche/225843">Plus d'infos  <i class="ion-chevron-right"></i></a></p> </div> </div> <div class="large-2 columns"> </div> </div> </div> </div> <div class="row"> <div class="large-12 columns"> <div class="row"> <div class="large-10 columns"> <hr> </div> </div> <div class="row"> <div class="large-2 columns columnsFiche "> <a href="/4DACTION/Web_Fiche/231117"> <img src='https://s3.amazonaws.com/image.adavprojections.com/117/0000000231117.jpg'> </a> </div> <div class="large-8 columns"> <div class="large-12 columns"> <a href="/4DACTION/Web_Fiche/231117"> <h4 class="infosFilmListe">INTERSTELLAR <sup><small><i class='ion-ios-star'></i><i class='ion-ios-star'></i><i class='ion-ios-star-outline'></i></small></sup></h4> </a> <p class="infosFilmListe">de <a href='/4DACTION/Web_Search_Personne/1467'>Christopher Nolan</a></p> <p class="infosFilmListe"> <small> Canada, États Unis, Grande Bretagne - 2014 - 169' - FICTION - longs métrages - Science-fiction </small> </p>  <p class="">Alors que la vie sur Terre touche à sa fin, un groupe d'explorateurs s'attelle à la mission la plus importante de l'histoire de l'humanité : franchir les limites de notre galaxie pour savoir si l'homme peut vivre sur une autre planète… Visuellement s... <br><a href="/4DACTION/Web_Fiche/231117">Plus d'infos  <i class="ion-chevron-right"></i></a></p> </div> </div> <div class="large-2 columns"> </div> </div> </div> </div> <div class="row"> <div class="large-12 columns"> <div class="row"> <div class="large-10 columns"> <hr> </div> </div> <div class="row"> <div class="large-2 columns columnsFiche "> <a href="/4DACTION/Web_Fiche/182073"> <img src='https://s3.amazonaws.com/image.adavprojections.com/073/0000000182073.jpg'> </a> </div> <div class="large-8 columns"> <div class="large-12 columns"> <a href="/4DACTION/Web_Fiche/182073"> <h4 class="infosFilmListe">LOOPER <sup><small><i class='ion-ios-star'></i><i class='ion-ios-star'></i><i class='ion-ios-star-outline'></i></small></sup></h4> </a> <p class="infosFilmListe">de <a href='/4DACTION/Web_Search_Personne/2790'>Rian Johnson</a></p> <p class="infosFilmListe"> <small> <img src="/../img/Sourd.gif" width="16" height="16" alt="Sous-titres sourds et malentendants">   Chine, États Unis - 2012 - 110' - FICTION - longs métrages - Science-fiction </small> </p>  <p class="">Dans un futur proche, un tueur à gages a comme contrat l'exécution de son moi futur… Ambitieux, intelligent et maîtrisé, un joyau noir sur le thème du paradoxe temporel… <br><a href="/4DACTION/Web_Fiche/182073">Plus d'infos  <i class="ion-chevron-right"></i></a></p> </div> </div> <div class="large-2 columns"> </div> </div> </div> </div> <div class="row"> <div class="large-12 columns"> <div class="row"> <div class="large-10 columns"> <hr> </div> </div> <div class="row"> <div class="large-2 columns columnsFiche "> <a href="/4DACTION/Web_Fiche/223547"> <img src='https://s3.amazonaws.com/image.adavprojections.com/547/0000000223547.jpg'> </a> </div> <div class="large-8 columns"> <div class="large-12 columns"> <a href="/4DACTION/Web_Fiche/223547"> <h4 class="infosFilmListe">MAD MAX <sup><small><i class='ion-ios-star'></i><i class='ion-ios-star-outline'></i><i class='ion-ios-star-outline'></i></small></sup></h4> </a> <p class="infosFilmListe">de <a href='/4DACTION/Web_Search_Personne/22214'>George (1945) Miller</a></p> <p class="infosFilmListe"> <small> Australie - 1979 - 85' - FICTION - longs métrages - Science-fiction </small> </p>  <p class="">Alors que la route appartient à des maniaques de la vitesse, un justicier fait la loi… Devenu une référence de genre, ce film a sans doute fait découvrir le cinéma australien… <br><a href="/4DACTION/Web_Fiche/223547">Plus d'infos  <i class="ion-chevron-right"></i></a></p> </div> </div> <div class="large-2 columns"> </div> </div> </div> </div> <div class="row"> <div class="large-12 columns"> <div class="row"> <div class="large-10 columns"> <hr> </div> </div> <div class="row"> <div class="large-2 columns columnsFiche "> <a href="/4DACTION/Web_Fiche/231035"> <img src='https://s3.amazonaws.com/image.adavprojections.com/035/0000000231035.jpg'> </a> </div> <div class="large-8 columns"> <div class="large-12 columns"> <a href="/4DACTION/Web_Fiche/231035"> <h4 class="infosFilmListe">MAD MAX : FURY ROAD <sup><small><i class='ion-ios-star'></i><i class='ion-ios-star'></i><i class='ion-ios-star-outline'></i></small></sup></h4> </a> <p class="infosFilmListe">de <a href='/4DACTION/Web_Search_Personne/22214'>George (1945) Miller</a></p> <p class="infosFilmListe"> <small> Australie, États Unis - 2015 - 115' - FICTION - longs métrages - Aventures / Action </small> </p>  <p class="">Hanté par un lourd passé, Mad Max estime que le meilleur moyen de survivre est de rester seul. Cependant, il se retrouve embarqué par une bande qui parcourt la Désolation à bord d’un véhicule militaire piloté par l’Imperator Furiosa. Ils fuient la Ci... <br><a href="/4DACTION/Web_Fiche/231035">Plus d'infos  <i class="ion-chevron-right"></i></a></p> </div> </div> <div class="large-2 columns"> </div> </div> </div> </div> <div class="row"> <div class="large-12 columns"> <div class="row"> <div class="large-10 columns"> <hr> </div> </div> <div class="row"> <div class="large-2 columns columnsFiche "> <a href="/4DACTION/Web_Fiche/222891"> <img src='https://s3.amazonaws.com/image.adavprojections.com/891/0000000222891.jpg'> </a> </div> <div class="large-8 columns"> <div class="large-12 columns"> <a href="/4DACTION/Web_Fiche/222891"> <h4 class="infosFilmListe">MARS ATTACKS ! <sup><small><i class='ion-ios-star'></i><i class='ion-ios-star'></i><i class='ion-ios-star-outline'></i></small></sup></h4> </a> <p class="infosFilmListe">de <a href='/4DACTION/Web_Search_Personne/756'>Tim Burton</a></p> <p class="infosFilmListe"> <small> États Unis - 1997 - 102' - FICTION - longs métrages - Science-fiction </small> </p>  <p class="">Un film drôle, souvent très beau, parfois très méchant… Une machine infernale et délirante, fourmillant d'idées et jubilatoire... <br><a href="/4DACTION/Web_Fiche/222891">Plus d'infos  <i class="ion-chevron-right"></i></a></p> </div> </div> <div class="large-2 columns"> </div> </div> </div> </div> <div class="row"> <div class="large-12 columns"> <div class="row"> <div class="large-10 columns"> <hr> </div> </div> <div class="row"> <div class="large-2 columns columnsFiche "> <a href="/4DACTION/Web_Fiche/223291"> <img src='https://s3.amazonaws.com/image.adavprojections.com/291/0000000223291.jpg'> </a> </div> <div class="large-8 columns"> <div class="large-12 columns"> <a href="/4DACTION/Web_Fiche/223291"> <h4 class="infosFilmListe">MATRIX <sup><small><i class='ion-ios-star'></i><i class='ion-ios-star'></i><i class='ion-ios-star-outline'></i></small></sup></h4> </a> <p class="infosFilmListe"><a href='#'> Divers</a></p> <p class="infosFilmListe"> <small> États Unis - 1999 - 130' - FICTION - longs métrages - Science-fiction </small> </p>  <p class="">La Matrice, c'est le monde dans lequel nous vivons et qui n'est que la simulation d'une réalité depuis longtemps révolue… Heureusement, il n'y a rien à comprendre, juste à s'accrocher ! <br><a href="/4DACTION/Web_Fiche/223291">Plus d'infos  <i class="ion-chevron-right"></i></a></p> </div> </div> <div class="large-2 columns"> </div> </div> </div> </div> <div class="row"> <div class="large-12 columns"> <div class="row"> <div class="large-10 columns"> <hr> </div> </div> <div class="row"> <div class="large-2 columns columnsFiche "> <a href="/4DACTION/Web_Fiche/223579"> <img src='https://s3.amazonaws.com/image.adavprojections.com/579/0000000223579.jpg'> </a> </div> <div class="large-8 columns"> <div class="large-12 columns"> <a href="/4DACTION/Web_Fiche/223579"> <h4 class="infosFilmListe">ORANGE MECANIQUE <sup><small><i class='ion-ios-star'></i><i class='ion-ios-star'></i><i class='ion-ios-star'></i></small></sup></h4> </a> <p class="infosFilmListe">de <a href='/4DACTION/Web_Search_Personne/392'>Stanley Kubrick</a></p> <p class="infosFilmListe"> <small> Grande Bretagne - 1971 - 131' - FICTION - longs métrages - Science-fiction </small> </p>  <p class="">Au XXIe siècle, où règnent la violence et le sexe, Alex, jeune chef de bande, exerce avec sadisme une terreur aveugle. Après son emprisonnement, des psychanalystes l'emploient comme cobaye dans des expériences destinées à juguler la criminalité... Vi... <br><a href="/4DACTION/Web_Fiche/223579">Plus d'infos  <i class="ion-chevron-right"></i></a></p> </div> </div> <div class="large-2 columns"> </div> </div> </div> </div> <div class="row"> <div class="large-12 columns"> <div class="row"> <div class="large-10 columns"> <hr> </div> </div> <div class="row"> <div class="large-2 columns columnsFiche "> <a href="/4DACTION/Web_Fiche/223995"> <img src='https://s3.amazonaws.com/image.adavprojections.com/995/0000000223995.jpg'> </a> </div> <div class="large-8 columns"> <div class="large-12 columns"> <a href="/4DACTION/Web_Fiche/223995"> <h4 class="infosFilmListe">SOLEIL VERT <sup><small><i class='ion-ios-star'></i><i class='ion-ios-star'></i><i class='ion-ios-star-outline'></i></small></sup></h4> </a> <p class="infosFilmListe">de <a href='/4DACTION/Web_Search_Personne/6774'>Richard Fleischer</a></p> <p class="infosFilmListe"> <small> États Unis - 1973 - 94' - FICTION - longs métrages - Science-fiction </small> </p>  <p class="">En 2022, les hommes ont épuisé les ressources naturelles. Seul le soleil vert, sorte de pastille, parvient à nourrir une population miséreuse qui ne sait pas comment créer de tels aliments. Omniprésente et terriblement répressive, la police assure l'... <br><a href="/4DACTION/Web_Fiche/223995">Plus d'infos  <i class="ion-chevron-right"></i></a></p> </div> </div> <div class="large-2 columns"> </div> </div> </div> </div> <div class="row"> <div class="large-12 columns"> <div class="row"> <div class="large-10 columns"> <hr> </div> </div> <div class="row"> <div class="large-2 columns columnsFiche "> <a href="/4DACTION/Web_Fiche/224219"> <img src='https://s3.amazonaws.com/image.adavprojections.com/219/0000000224219.jpg'> </a> </div> <div class="large-8 columns"> <div class="large-12 columns"> <a href="/4DACTION/Web_Fiche/224219"> <h4 class="infosFilmListe">THX 1138 <sup><small><i class='ion-ios-star'></i><i class='ion-ios-star-outline'></i><i class='ion-ios-star-outline'></i></small></sup></h4> </a> <p class="infosFilmListe">de <a href='/4DACTION/Web_Search_Personne/6625'>George Lucas</a></p> <p class="infosFilmListe"> <small> États Unis - 1971 - 88' - FICTION - longs métrages - Science-fiction </small> </p>  <p class="">Pour son premier film, le futur réalisateur de "Star Wars" exprime l'angoisse et l'enfermement avec un minimum de moyens… Œuvre remarquable dans la lignée de "1984" d'Orwell…  <br><a href="/4DACTION/Web_Fiche/224219">Plus d'infos  <i class="ion-chevron-right"></i></a></p> </div> </div> <div class="large-2 columns"> </div> </div> </div> </div> <div class="row"> <div class="large-12 columns"> <div class="row"> <div class="large-10 columns"> <hr> </div> </div> <div class="row"> <div class="large-2 columns columnsFiche "> <a href="/4DACTION/Web_Fiche/227512"> <img src='https://s3.amazonaws.com/image.adavprojections.com/512/0000000227512.jpg'> </a> </div> <div class="large-8 columns"> <div class="large-12 columns"> <a href="/4DACTION/Web_Fiche/227512"> <h4 class="infosFilmListe">V POUR VENDETTA <sup><small><i class='ion-ios-star'></i><i class='ion-ios-star-outline'></i><i class='ion-ios-star-outline'></i></small></sup></h4> </a> <p class="infosFilmListe">de <a href='/4DACTION/Web_Search_Personne/7132'>James McTeigue</a></p> <p class="infosFilmListe"> <small> États Unis - 2005 - 132' - FICTION - longs métrages - Science-fiction </small> </p>  <p class="">Londres, au XXIe siècle... Evey Hammond ne veut rien oublier de l'homme qui lui sauva la vie et lui permit de dominer ses peurs les plus lointaines. Mais il fut un temps où elle n'aspirait qu'à l'anonymat pour échapper à une police secrète omnipotent... <br><a href="/4DACTION/Web_Fiche/227512">Plus d'infos  <i class="ion-chevron-right"></i></a></p> </div> </div> <div class="large-2 columns"> </div> </div> </div> </div> <div class="separator"></div> <div class="separator"></div> <div class="separator"></div> <div class="row">  <div class="large-12 columns"> <ul class="pagination"> <li class='arrow unavailable'>«</li><li class='current'><a href='/4DACTION/Web_Search_Page/1'>1</a></li><li class='arrow'>»</li> </ul> </div>  <div class="large-12 columns"> <h4 class="light hide-for-medium-up"><a href="/4DACTION/Web_Search_Avance">Recherche avancée  <i class='ion-chevron-right'></i></a></h4> <br> </div> </div>   <footer class="filet_footer"> <br> <div class="row"> <div class="large-12 columns"> <form action="javascript:GoToNewsLetter();" method="post" id="" class="custom dropdown content"> <div class="row"> <div class="large-5 columns"> <label for="newsletter_email" class="left inline"><h2 class="light"><i class='ion-paper-airplane'></i>  Restez informés avec notre newsletter</h2></label> </div> <div class="large-4 columns"> <input type="email" id="newsletter_email" name="newsletter_email" placeholder="Votre adresse email" required> </div> <div class="large-3 columns"> <button class="button radius invers">Je m'abonne</button> </div> <div id="newsletter_reponse_good" style="display:none;padding-top:0;margin-top:-10px;"><small style="color:#DC2915;">Votre demande a été prise en compte.</small></div> <div id="newsletter_reponse_bad" style="display:none;padding-top:0;margin-top:-10px;"><small style="color:#DC2915;">Votre adresse email est déjà enregistrée</small></div> </div> </form> </div> </div><hr><br> <div class="row"> <div class="large-4 columns"> <div><img src="/../img/logo_adav_projections.png" width="258px" height="28px"><br/>41 rue des Envierges, 75020 Paris<br>T 01 43 49 49 58 <br>F 01 43 49 25 70<br>contact@adavprojections.com <br><img class="page_facebook" src="/../img/logo-facebook.png" width="16px" height="16px"> <a href="https://www.facebook.com/ADAVPROJECTIONS/" target="_blank">facebook.com/<span class="bold">ADAV</span>PROJECTIONS</a></div> </div> <div class="large-2 columns"> <ul class="no-bullet">  <li><a href="/4DACTION/Web_Search_Avance">Tout le catalogue</a></li> <li><a href="/4DACTION/Web_Search_Nouveaute">Nouveautés</a></li> <li><a href="/4DACTION/Web_Search_Demande">Les plus demandés</a></li> <li><a href="/4DACTION/Web_Collections">Collections</a></li> <li><a href="/4DACTION/Web_Thematheque/All">Thématiques</a></li> </ul> </div> <div class="large-3 columns"> <ul class="no-bullet"> <li><a href="/4DACTION/Web_Statique/Marche">Mode d'emploi</a></li> <li><a href="/4DACTION/Web_Statique/Question">Questions fréquentes</a></li> <li><a href="/4DACTION/Web_Statique/Cadre">Cadre juridique</a></li> <li><a href="/4DACTION/Web_Statique/Qui">Qui sommes-nous ?</a></li> <li><a href="/4DACTION/Web_Statique/Partenaire">Nos partenaires</a></li> <li><a href="/4DACTION/Web_Statique/Client">Nos clients</a></li> </ul> </div> <div class="large-3 columns"> <p class="mission">Tous les films proposés par <span class="boldID">ADAV</span><span class="lightID">PROJECTIONS</span> font l’objet d’un contrat passé auprès des producteurs ou des distributeurs de films en salles. </p> </div> <div class="large-12 columns"> <ul class="inline-list"> <li><small><a href="/4DACTION/Web_Statique/cgv" class="">Conditions générales</a></small></li> <li><small><a href="#" data-reveal-id="myModal" class="">Mentions légales</a></small></li> </ul> </div> </div> </footer>  <div id="myModal" class="reveal-modal medium"> <p class="infosFilmListe"><b>Site édité par ADAV<span class="lightID">PROJECTIONS</span> (nom commercial d’Adav Europe Distribution Sarl) et déclaré à la CNIL</b></p> <p class="infosFilmListe"><b>Conception et réalisation :</b> © <span class="bold">ADAV</span>PROJECTIONS</p> <p><b>Directeur de la publication :</b> Corisande Bonnin, gérante</p> <p>Adav Europe Distribution est une SARL au capital de 10.000 € dont le siège est situé au 41, rue des Envierges, 75020 Paris (France) et enregistrée au Registre du Commerce et des Sociétés de Paris sous le numéro d’identification unique 479 432 023.</p> <p>Les textes et œuvres présentés sur ce site sont à la disposition exclusive des clients d'<span class="bold">ADAV</span>PROJECTIONS qui doivent mentionner impérativement les indications de sources ou de signature et faire figurer un Copyright © 2018 <span class="bold">ADAV</span>PROJECTIONS. Tous droits d’auteur des œuvres réservés, sauf autorisation formelle écrite et préalable.</p> <p class=""><b>Copyright 2018 © ADAV<span class="lightID">PROJECTIONS</span></b></p> <a class="close-reveal-modal">×</a> </div>  <div id="myModal_type_client" class="reveal-modal medium"> <form action="javascript:Check_connexion();" method="post" class="dropdown content " id="FormConnexion"> <div class="row"> <div class="large-12 columns"> <h3 class="">Se connecter</h3> <br> </div> </div> <div class="row"> <div class="large-6 columns"> <input type="text" name="user" id="user" placeholder="Email ou identifiant ADAV" required onpaste="return false;"> <br> <input type="password" name="user_pass" id="user_pass" placeholder="Mot de passe" required onpaste="return false;"> <div class="row"> <div class="large-6 columns"> <p style="padding-top: 0.0875em;"> <label for="souvenir_cookie"> <input type="hidden" name="user_cookie" id="user_cookie" value="0"> <input type="checkbox" id="user_checkbox" onchange="javascript:CheckboxChange(user_checkbox,user_cookie);">  Se souvenir de moi </label> </p> </div> <div class="large-6 columns text-right"> <p><small><a href="#" data-reveal-id="myModal2">Mot de passe oublié ?</a></small></p> </div> </div> <p class="infosFilmListe"><button class="button radius not_invers expand">Se connecter</button></p> <div id="connexion_erreur" style="display:none;"> <p class="infosFilmListe" style="color:red;">Erreur d'authentification</p> <small>Votre identifiant et/ou votre mot de passe sont incorrects.<br/><br/></small> </div> </div> <div class="large-5 large-offset-1 columns text-right"> <p class="text-left">Vous n'avez pas encore de compte ?</p> <div class="text-left"><a onclick="#" data-reveal-id="myModal_inscription" class="button radius invers ">Inscrivez-vous</a></div> <p class="text-left avantages"><small>Ouvrir un compte vous permet de commander des titres et d'obtenir des devis gratuits.</small></p> </div> </div> </form> <a class="close-reveal-modal" aria-label="Close">×</a> </div>         <div id="myModal_inscription" class="reveal-modal medium"> <form action="javascript:Check_Inscription();" method="post" id="FormInscrire" class="dropdown content " > <div class="row"> <div class="large-6 large-offset-3"> <h3 class="">S'inscrire</h3> <p>Inscrivez-vous pour louer des droits de projection et demander des devis gratuits</p> </div> </div> <div class="row"> <div class="large-6 large-offset-3"> <input type="email" name="inscription_email" id="inscription_email" placeholder="Email" required onpaste="return false;"> </div> </div> <div class="row"> <div class="large-6 large-offset-3"> <input type="email" name="inscription_confirme_email" id="inscription_confirme_email" placeholder="Confirmation mail" required onpaste="return false;"> </div> </div> <div class="row"> <div class="large-6 large-offset-3"> <input type="password" name="inscription_password" id="inscription_password" placeholder="Mot de passe" required onpaste="return false;"> </div> </div> <div class="row"> <div class="large-6 large-offset-3"> <input type="password" name="inscription_confirme_password" id="inscription_confirme_password" placeholder="Confirmation mot de passe" required onpaste="return false;"> </div> </div> <div class="row"> <div class="large-6 large-offset-3">   </div> </div> <div class="row"> <div class="large-6 large-offset-3"> <p class="infosFilmListe"><button class="button radius expand not_invers">Créer mon compte</button></p> </div> </div> <div class="row" id="inscription_erreur_email" style="display:none;"> <div class="large-6 large-offset-3"> <p class="infosFilmListe" style="color:red;">saisie incorrecte, emails différents</p> </div> </div> <div class="row" id="inscription_erreur_password" style="display:none;"> <div class="large-6 large-offset-3"> <p class="infosFilmListe" style="color:red;">saisie incorrecte, mots de passe différents</p> </div> </div> <div class="row" id="inscription_erreur" style="display:none;"> <div class="large-6 large-offset-3"> <p class="infosFilmListe" style="color:red;">Inscription impossible</p> <small>Cette adresse mail correspond à un compte actif</small> <p><small><a href="#" data-reveal-id="myModal2">Mot de passe oublié ?</a></small></p> </div> </div> <div class="row"> <div class="large-6 large-offset-3">   </div> </div> <div class="row"> <div class="large-6 large-offset-3"> <small>Vous recevrez un mail de confirmation comportant un rappel de vos identifiants de connexion (mail et mot de passe).</small> </div> </div> </form> <a class="close-reveal-modal" aria-label="Close">×</a> </div>   <div id="myModal2" class="reveal-modal tiny"> <small> <i class="light"><img src="/../img/logos_adav_adavProjections_connexion_services.png" class="img-responsive">Clients ADAV : un identifiant unique pour tous vos services<br><br></i> </small> <h3 class="">Mot de passe oublié ?</h3> <form action="javascript:Check_Oubli();" method="post" id="FormOubli" class="dropdown content "> <div class="row"> <div class="large-12">   </div> </div> <div class="row"> <div class="large-12 "> <input type="text" name="motoubli_user" id="motoubli_user" placeholder="Identifiant" required onpaste="return false;"> </div> </div> <br> <div class="row"> <div class="large-12">   </div> </div> <div class="row"> <div class="large-12 "> <p class="infosFilmListe"><button class="button radius not_invers expand">Envoyer</button></p> </div> </div> <div class="row" id="motoubli_erreur" style="display:none;"> <div class="large-12 "> <p class="infosFilmListe" style="color:red;">Erreur identification</p> <small>Votre identifiant n'a pas été reconnu par nos services.<br> </small> </div> </div> <div class="row" id="motoubli_valide" style="display:none;"> <div class="large-12 "> <p class="infosFilmListe" style="color:red;">Demande envoyée</p> <small>Après vérification faite par nos services, vous recevrez un mail comportant vos identifiants de connexion. </small> </div> </div> </form> <a class="close-reveal-modal" aria-label="Close">×</a> </div>  <script src="/../js/vendor/jquery.js"></script> <script src="/../slick/slick.min.js" type="text/javascript" ></script> <script src="/../js/foundation.min.js"></script> <script src="/../js/foundation/foundation.topbar.js"></script> <script src="/../js/foundation/foundation.reveal.js"></script> <script src="/../js/vendor/custom.modernizr.js"></script> <script src="/../js/foundation/foundation.section.js"></script> <script src="/../js/foundation/foundation.alerts.js"></script> <script src="/../js/easing.js" type="text/javascript" ></script> <script src="/../js/jquery.ui.totop.js" type="text/javascript"></script> <script src="/../js/nagauth.js"></script> <script src="/../js/sup-topbar.min.js"></script>  <script src="/../js/mobiscroll.jquery.min.js"></script> <script src="/../js/jquery.autocomplete-min.js"></script>  <script type="text/javascript"> $(document).ready(function() { $(document).foundation(); $().UItoTop({ easingType: 'easeOutQuart' }); $(".center").slick({ lazyLoad: 'ondemand', dots: true, infinite: true, centerMode: true, slidesToShow: 1, slidesToScroll: 1, adaptiveHeight: true }); }); </script> <script type="text/javascript"> jQuery( function() { $("#motcle").autocomplete({serviceUrl:'/4DACTION/Web_Completion'}); } ); </script> <script type="text/javascript"> $(document).on('ready', function() { $(".regular").slick({ lazyLoad: 'ondemand', dots: true, infinite: true, slidesToShow: 6, slidesToScroll: 6, autoplay: false, autoplaySpeed: 5000, arrows: true, prevArrow:"<span class='precedent'><i class='ion-chevron-left'></i></span>", nextArrow:"<span class='suivant'><i class='ion-chevron-right'></i></span>", responsive: [ { breakpoint: 1024, settings: { slidesToShow: 4, slidesToScroll: 4, infinite: true, dots: true } }, { breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 1, dots: false } }, { breakpoint: 480, settings: { slidesToShow: 2, slidesToScroll: 1, dots: false } } // You can unslick at a given breakpoint now by adding: // settings: "unslick" // instead of a settings object ] }); $(".variable").slick({ lazyLoad: 'ondemand', dots: true, infinite: true, slidesToShow: 6, slidesToScroll: 6, autoplay: true, autoplaySpeed: 5000, adaptiveHeight: true, arrows:false, responsive: [ { breakpoint: 1024, settings: { slidesToShow: 4, slidesToScroll: 1, infinite: true, dots: false, arrows: true, prevArrow:"<span class='precedent'><i class='ion-chevron-left'></i></span>", nextArrow:"<span class='suivant'><i class='ion-chevron-right'></i></span>" } }, { breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 1, dots: false, arrows: true, prevArrow:"<span class='precedent'><i class='ion-chevron-left'></i></span>", nextArrow:"<span class='suivant'><i class='ion-chevron-right'></i></span>" } }, { breakpoint: 480, settings: { slidesToShow: 2, slidesToScroll: 1, dots: false, arrows: true, prevArrow:"<span class='precedent'><i class='ion-chevron-left'></i></span>", nextArrow:"<span class='suivant'><i class='ion-chevron-right'></i></span>" } } // You can unslick at a given breakpoint now by adding: // settings: "unslick" // instead of a settings object ] }); $(".listeCollections").slick({ lazyLoad: 'ondemand', dots: true, infinite: true, slidesToShow: 5, slidesToScroll: 5, autoplay: true, autoplaySpeed: 5000, arrows: true, prevArrow:"<span class='precedent'><i class='ion-chevron-left'></i></span>", nextArrow:"<span class='suivant'><i class='ion-chevron-right'></i></span>", responsive: [ { breakpoint: 1024, settings: { slidesToShow: 3, slidesToScroll: 1, infinite: true, dots: true } }, { breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 1 } }, { breakpoint: 480, settings: { slidesToShow: 2, slidesToScroll: 1 } } // You can unslick at a given breakpoint now by adding: // settings: "unslick" // instead of a settings object ] }); $(".listeThemas").slick({ lazyLoad: 'ondemand', slidesToShow: 5, responsive: [ { breakpoint: 1024, settings: { arrows: true, slidesToShow: 3, slidesToScroll: 1, infinite: true, } }, { breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 1 } }, { breakpoint: 480, settings: { slidesToShow: 2, slidesToScroll: 1 } } // You can unslick at a given breakpoint now by adding: // settings: "unslick" // instead of a settings object ] }); $(".thema").slick({ lazyLoad: 'ondemand', infinite: true, slidesToShow: 2, slidesToScroll: 1, arrows: true, prevArrow:"<span class='precedent'><i class='ion-chevron-left'></i></span>", nextArrow:"<span class='suivant'><i class='ion-chevron-right'></i></span>", responsive: [ { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1 } } // You can unslick at a given breakpoint now by adding: // settings: "unslick" // instead of a settings object ] }); $(".variable2").slick({ lazyLoad: 'ondemand', dots: true, slidesToShow: 4, slidesToScroll: 4, autoplay: true, autoplaySpeed: 5000, arrows:false, responsive: [ { breakpoint: 1024, settings: { slidesToShow: 4, slidesToScroll: 4, infinite: true, } }, { breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 2 } }, { breakpoint: 480, settings: { slidesToShow: 2, slidesToScroll: 1 } } // You can unslick at a given breakpoint now by adding: // settings: "unslick" // instead of a settings object ] }); $(".center").slick({ arrows: true, prevArrow:"<span class='precedent'><i class='ion-chevron-left'></i></span>", nextArrow:"<span class='suivant'><i class='ion-chevron-right'></i></span>" }); $(".centerx").slick({ lazyLoad: 'ondemand', dots: true, infinite: true, centerMode: true, centerPadding: '120px', slidesToShow: 1, slidesToScroll: 1, autoplay: true, autoplaySpeed: 5000, arrows: true, responsive: [ { breakpoint: 1024, settings: { centerPadding: '60px', } }, { breakpoint: 600, settings: { centerPadding: '40px', } }, { breakpoint: 480, settings: { centerPadding: '20px', } } // You can unslick at a given breakpoint now by adding: // settings: "unslick" // instead of a settings object ] }); }); function LoadConnexion(lien) { js_lien = lien; var js_for4D = js_lien; $.ajax({ type : "POST", dataType : "html", url : "/4DACTION/Ajax_Identifie_Action/", data : js_for4D, success : function(data) { if (data != "") { $('#myModal_type_client').foundation('reveal','open'); } else { window.location = "/statique/page404.shtml"; } }, error: function(XMLHttpRequest, textStatus, errorThrown) { alert("Statut: Erreur 500, serveur indisponible"); } }); } </script> <script> mobiscroll.settings = { lang: 'fr', // Specify language like: lang: 'pl' or omit setting to use default theme: 'ios', // Specify theme like: theme: 'ios' or omit setting to use default themeVariant: 'auto' // More info about themeVariant: https://docs.mobiscroll.com/4-10-3/calendar#opt-themeVariant }; $(function () { $("#text_prog").hide("slow"); var now = new Date(); // Mobiscroll Calendar initialization $('#demo-marked').mobiscroll().calendar({ display: 'inline', // Specify display mode like: display: 'bottom' or omit setting to use default marked:[], layout: 'liquid', controls: ['calendar'], // More info about controls: https://docs.mobiscroll.com/4-10-3/calendar#opt-controls yearChange: false, // More info about yearChange: https://docs.mobiscroll.com/4-10-3/calendar#opt-yearChange responsive: { // More info about responsive: https://docs.mobiscroll.com/4-10-3/calendar#opt-responsive xsmall: { months: 1 // More info about months: https://docs.mobiscroll.com/4-10-3/calendar#opt-months }, custom: { breakpoint: 600, months: 2 // More info about months: https://docs.mobiscroll.com/4-10-3/calendar#opt-months } }, onPageLoading: function (event, inst) { //var dateclick = now.toISOString(); $.ajax({ url: '/4DACTION/Ajax_Edition', dataType: 'json', success : function (data) { inst.settings.marked = []; for (var i = 0; i < data.length; i++) { inst.settings.marked.push({ start: data[i].start, end: data[i].end, color: data[i].color }); } // Refresh the view to display new data inst.redraw(); }, error: function(XMLHttpRequest, textStatus, errorThrown) { alert(errorThrown); } }); //$.ajax({ // // url: '/4DACTION/Ajax_Edition_Date/'+dateclick, // // success : function (data) { // $("#text_prog").empty().append(data); // $("#text_prog").show("slow"); // }, // error: function(XMLHttpRequest, textStatus, errorThrown) // { // alert(errorThrown); // } //}); }, onSetDate: function (event, inst) { var dateclick = event.date.toISOString(); //var dateStr = mobiscroll.util.datetime.formatDate('yy-mm-dd', event.date); //window.localStorage.setItem('selectedDate', dateStr); $.ajax({ url: '/4DACTION/Ajax_Edition_Date/'+dateclick, success : function (data) { $("#text_prog").empty().append(data); $("#text_prog").show("slow"); }, error: function(XMLHttpRequest, textStatus, errorThrown) { alert(errorThrown); } }); } }); // Check the localStorage for the date //var selectedDate = window.localStorage.getItem('selectedDate'); //if (selectedDate) { // If any, set the calendar value // $('#demo-marked').mobiscroll('setVal', selectedDate); //} }); </script> <script> mobiscroll.settings = { lang: 'fr', // Specify language like: lang: 'pl' or omit setting to use default theme: 'ios', // Specify theme like: theme: 'ios' or omit setting to use default themeVariant: 'auto' // More info about themeVariant: https://docs.mobiscroll.com/4-10-3/calendar#opt-themeVariant }; $(function () { var now = new Date(); // Mobiscroll Calendar initialization $('#cal_liste').mobiscroll().calendar({ display: 'inline', // Specify display mode like: display: 'bottom' or omit setting to use default marked: [ // More info about marked: https://docs.mobiscroll.com/4-10-3/calendar#opt-marked ], layout: 'liquid', controls: ['calendar'], // More info about controls: https://docs.mobiscroll.com/4-10-3/calendar#opt-controls yearChange: false, // More info about yearChange: https://docs.mobiscroll.com/4-10-3/calendar#opt-yearChange responsive: { // More info about responsive: https://docs.mobiscroll.com/4-10-3/calendar#opt-responsive xsmall: { months: 1 // More info about months: https://docs.mobiscroll.com/4-10-3/calendar#opt-months }, custom: { breakpoint: 767, months: 3 // More info about months: https://docs.mobiscroll.com/4-10-3/calendar#opt-months } }, onInit: function (event, inst) { $.ajax({ url: '/4DACTION/Ajax_Edition', dataType: 'json', success : function (data) { inst.settings.marked = []; for (var i = 0; i < data.length; i++) { inst.settings.marked.push({ start: data[i].start, end: data[i].end, color: data[i].color }); } // Refresh the view to display new data inst.redraw(); toutes_les_editions(); }, error: function(XMLHttpRequest, textStatus, errorThrown) { alert(errorThrown); } }); }, onDayChange: function (event, inst) { var dateclick = event.date.toISOString(); $.ajax({ url: '/4DACTION/Ajax_Edition_Liste/'+dateclick, success : function (data) { $("#list_event").empty().append(data); $("#list_event").show("slow"); inst.redraw(); }, error: function(XMLHttpRequest, textStatus, errorThrown) { alert(errorThrown); } }); } }); }); function toutes_les_editions() { var dateclick = ""; $.ajax({ url: '/4DACTION/Ajax_Edition_Liste/'+dateclick, success : function (data) { $("#list_event").empty().append(data); $("#list_event").show("slow"); }, error: function(XMLHttpRequest, textStatus, errorThrown) { alert(errorThrown); } }); } function editions_completes() { $("div[id*='edit_']").show("slow"); $("#show_all").hide("slow"); } </script> </body> </html>

CINXE.COM

Adav Projections Chefs-d'œuvre de la S-F