Adav Projections Première Guerre mondiale

<!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="Première Guerre mondiale"> <meta property="og:url" content="http://adavprojections.com/4DACTION/Web_Collection%2F18" /> <meta property="og:type" content="ADAVPROJECTIONS" /> <meta property="og:title" content="Première Guerre mondiale" /> <meta property="og:description" content="Première Guerre mondiale" /> <meta property="og:image" content="http://adavprojections.com/adavprojections/collection/018/0000000000018.jpg" /> <title>Adav Projections Première Guerre mondiale</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">Première Guerre mondiale</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%2F18" 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%2F18&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-15 <span class="light">sur 15 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/225667"> <img src='https://s3.amazonaws.com/image.adavprojections.com/667/0000000225667.jpg'> </a> </div> <div class="large-8 columns"> <div class="large-12 columns"> <a href="/4DACTION/Web_Fiche/225667"> <h4 class="infosFilmListe">A L'EST D'EDEN <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/966'>Elia Kazan</a></p> <p class="infosFilmListe"> <small> États Unis - 1955 - 113' - FICTION - longs métrages - Drame / Mélodrame </small> </p>  <p class="">Une petite ville des Etats-Unis à l'aube de la Première Guerre mondiale. Cal, jeune révolté, s'oppose, en faisant fortune, à son père qui lui préfère son frère… Une belle adaptation du roman de Steinbeck sur les vertus et les dangers du libéralisme é... <br><a href="/4DACTION/Web_Fiche/225667">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/192056"> <img src='https://s3.amazonaws.com/image.adavprojections.com/056/0000000192056.jpg'> </a> </div> <div class="large-8 columns"> <div class="large-12 columns"> <a href="/4DACTION/Web_Fiche/192056"> <h4 class="infosFilmListe">André MARE, CARNETS DE GUERRE D'UN CAMELEON <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> France - 2014 - 52' - DOCUMENTAIRE - histoire & société/France </small> </p>  <p class="">C'est l'histoire de quelques hommes qui ont révolutionné l'art de la guerre. C'est l'histoire de peintres, d'artistes, engagés par conviction, qui vont mettre leur talent au service de la patrie et bouleverser le déroulement de ce conflit. Menés par... <br><a href="/4DACTION/Web_Fiche/192056">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/182100"> <img src='https://s3.amazonaws.com/image.adavprojections.com/100/0000000182100.jpg'> </a> </div> <div class="large-8 columns"> <div class="large-12 columns"> <a href="/4DACTION/Web_Fiche/182100"> <h4 class="infosFilmListe">APOCALYPSE - La 1ère Guerre mondiale 1 : Furie <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"><a href='#'> Divers</a></p> <p class="infosFilmListe"> <small> <img src="/../img/Audiovision.gif" width="16" height="16" alt="Audiovision">   <img src="/../img/Sourd.gif" width="16" height="16" alt="Sous-titres sourds et malentendants">   Canada, France - 2013 - 52' - DOCUMENTAIRE - histoire & société/Europe </small> </p>  <p class="">Comprendre et ressentir ce qui a conduit le "monde d’hier" à l’apocalypse grâce à cette série documentaire qui nous emmène sur les champs de bataille, dans la tête des gouvernants, mais aussi dans le quotidien des civils à l’arrière… Episode 1 : "Fu... <br><a href="/4DACTION/Web_Fiche/182100">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/182110"> <img src='https://s3.amazonaws.com/image.adavprojections.com/110/0000000182110.jpg'> </a> </div> <div class="large-8 columns"> <div class="large-12 columns"> <a href="/4DACTION/Web_Fiche/182110"> <h4 class="infosFilmListe">APOCALYPSE - La 1ère Guerre mondiale 4 : Rage <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"><a href='#'> Divers</a></p> <p class="infosFilmListe"> <small> <img src="/../img/Audiovision.gif" width="16" height="16" alt="Audiovision">   <img src="/../img/Sourd.gif" width="16" height="16" alt="Sous-titres sourds et malentendants">   Canada, France - 2013 - 52' - DOCUMENTAIRE - histoire & société/Europe </small> </p>  <p class="">Comprendre et ressentir ce qui a conduit le "monde d’hier" à l’apocalypse grâce à cette série documentaire qui nous emmène sur les champs de bataille, dans la tête des gouvernants, mais aussi dans le quotidien des civils à l’arrière… Episode 4 : "Ra... <br><a href="/4DACTION/Web_Fiche/182110">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/182400"> <img src='https://s3.amazonaws.com/image.adavprojections.com/400/0000000182400.jpg'> </a> </div> <div class="large-8 columns"> <div class="large-12 columns"> <a href="/4DACTION/Web_Fiche/182400"> <h4 class="infosFilmListe">APOCALYPSE - La 1ère Guerre mondiale 5 : Délivrance <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"><a href='#'> Divers</a></p> <p class="infosFilmListe"> <small> <img src="/../img/Audiovision.gif" width="16" height="16" alt="Audiovision">   <img src="/../img/Sourd.gif" width="16" height="16" alt="Sous-titres sourds et malentendants">   Canada, France - 2013 - 52' - DOCUMENTAIRE - histoire & société/Europe </small> </p>  <p class="">Comprendre et ressentir ce qui a conduit le "monde d’hier" à l’apocalypse grâce à cette série documentaire qui nous emmène sur les champs de bataille, dans la tête des gouvernants, mais aussi dans le quotidien des civils à l’arrière… Episode 5 : "Dé... <br><a href="/4DACTION/Web_Fiche/182400">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/208460"> <img src='https://s3.amazonaws.com/image.adavprojections.com/460/0000000208460.jpg'> </a> </div> <div class="large-8 columns"> <div class="large-12 columns"> <a href="/4DACTION/Web_Fiche/208460"> <h4 class="infosFilmListe">APOCALYPSE - Verdun <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"><a href='#'> Divers</a></p> <p class="infosFilmListe"> <small> <img src="/../img/Sourd.gif" width="16" height="16" alt="Sous-titres sourds et malentendants">   Canada, France - 2015 - 90' - DOCUMENTAIRE - histoire & société/Europe </small> </p>  <p class="">Février 1916. La Première Guerre mondiale dure depuis deux ans. Elle a déjà fait plus de trois millions de morts. Et pourtant aucun des belligérants ne parvient à prendre l’ascendant sur l’autre. À Verdun, les Allemands, en concentrant plus d’artill... <br><a href="/4DACTION/Web_Fiche/208460">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/185857"> <img src='https://s3.amazonaws.com/image.adavprojections.com/857/0000000185857.jpg'> </a> </div> <div class="large-8 columns"> <div class="large-12 columns"> <a href="/4DACTION/Web_Fiche/185857"> <h4 class="infosFilmListe">APRES NOUS LE DELUGE <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/956'>Howard Hawks</a></p> <p class="infosFilmListe"> <small> États Unis - 1933 - 113' - FICTION - longs métrages - Drame / Mélodrame </small> </p>  <p class="">En 1916 en Angleterre : une jeune femme s'éprend d'un Américain… Quand il est porté disparu, elle se fiance avec un autre… Tous trois se retrouverons au front… Magnifique collaboration entre Faulkner et Hawks… <br><a href="/4DACTION/Web_Fiche/185857">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/184465"> <img src='https://s3.amazonaws.com/image.adavprojections.com/465/0000000184465.jpg'> </a> </div> <div class="large-8 columns"> <div class="large-12 columns"> <a href="/4DACTION/Web_Fiche/184465"> <h4 class="infosFilmListe">LA CICATRICE - Une famille dans la Grande Guerre <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/1521'>Laurent Véray</a></p> <p class="infosFilmListe"> <small> France - 2013 - 52' - DOCUMENTAIRE - histoire & société/France </small> </p>  <p class="">Ce documentaire retrace le destin hors du commun d’une famille française, les Résal, quatre frères, deux sœurs et leurs parents, entre 1914 et 1918, à travers leurs échanges épistolaires et leurs photographies. Au-delà de la singularité des uns et d... <br><a href="/4DACTION/Web_Fiche/184465">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/191124"> <img src='https://s3.amazonaws.com/image.adavprojections.com/124/0000000191124.jpg'> </a> </div> <div class="large-8 columns"> <div class="large-12 columns"> <a href="/4DACTION/Web_Fiche/191124"> <h4 class="infosFilmListe">COLONEL REDL <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/1225'>István Szabó</a></p> <p class="infosFilmListe"> <small> Allemagne, Hongrie - 1985 - 140' - FICTION - longs métrages - Drame / Mélodrame </small> </p>  <p class="">Alfred Redl, issu d'un milieu modeste, réussit à intégrer une école militaire grâce à son intelligence et à bien des sacrifices… Décadence et fin de l'empire austro-hongrois… Magnifique… <br><a href="/4DACTION/Web_Fiche/191124">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/108947"> <img src='https://s3.amazonaws.com/image.adavprojections.com/947/0000000108947.jpg'> </a> </div> <div class="large-8 columns"> <div class="large-12 columns"> <a href="/4DACTION/Web_Fiche/108947"> <h4 class="infosFilmListe">LE FAUBOURG <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/22227'>Boris Vasilyevich Barnet</a></p> <p class="infosFilmListe"> <small> Russie - 1933 - 98' - FICTION - longs métrages - Drame / Mélodrame </small> </p>  <p class="">L'Allemagne a déclaré la guerre à la Russie… Un vent patriotique souffle sur le faubourg d'une petite ville, les hommes partent au front et découvrent l'horrible réalité des tranchées… <br><a href="/4DACTION/Web_Fiche/108947">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/146772"> <img src='https://s3.amazonaws.com/image.adavprojections.com/772/0000000146772.jpg'> </a> </div> <div class="large-8 columns"> <div class="large-12 columns"> <a href="/4DACTION/Web_Fiche/146772"> <h4 class="infosFilmListe">JOURNAL D'UN MEDECIN DANS LES TRANCHEES <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/215'>Joëlle Novic</a></p> <p class="infosFilmListe"> <small> France - 2011 - 52' - DOCUMENTAIRE - histoire & société/France </small> </p>  <p class="">Partir à la recherche de ce qui a eu lieu, avec comme guide le journal de Lucien Laby, médecin mais aussi soldat dans les tranchées. Son texte retrouvé est la voix du film, ses dessins, les images d’archives… Partir de ses dessins et imaginer, leur ... <br><a href="/4DACTION/Web_Fiche/146772">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/190693"> <img src='https://s3.amazonaws.com/image.adavprojections.com/693/0000000190693.jpg'> </a> </div> <div class="large-8 columns"> <div class="large-12 columns"> <a href="/4DACTION/Web_Fiche/190693"> <h4 class="infosFilmListe">JUSTE AVANT L'ORAGE <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/3646'>Don Kent</a></p> <p class="infosFilmListe"> <small> France - 2013 - 90' - DOCUMENTAIRE - histoire & société/Europe </small> </p>  <p class="">C’est en retrouvant, dans une vieille valise, les traces fugaces d’un oncle mort en France en 1915, que Don Kent entreprend son voyage à travers l’Europe d’avant-guerre. A quoi ressemblait-elle, cette Belle Epoque qui s’engouffrait, faussement confi... <br><a href="/4DACTION/Web_Fiche/190693">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/234468"> <img src='https://s3.amazonaws.com/image.adavprojections.com/468/0000000234468.jpg'> </a> </div> <div class="large-8 columns"> <div class="large-12 columns"> <a href="/4DACTION/Web_Fiche/234468"> <h4 class="infosFilmListe">LA OU POUSSENT LES COQUELICOTS - Fragments d'une guerre dessinée <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/225'>Vincent Marie</a></p> <p class="infosFilmListe"> <small> France - 2016 - 52' - DOCUMENTAIRE - littérature/théâtre </small> </p>  <p class="">D'où viennent les images de la Première Guerre mondiale qui hantent notre imaginaire ? Voir la Grande Guerre, ne plus se contenter de la raconter, mais la montrer et l'incarner : voilà ce que propose aujourd'hui la bande dessinée… En interrogeant l'a... <br><a href="/4DACTION/Web_Fiche/234468">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/224827"> <img src='https://s3.amazonaws.com/image.adavprojections.com/827/0000000224827.jpg'> </a> </div> <div class="large-8 columns"> <div class="large-12 columns"> <a href="/4DACTION/Web_Fiche/224827"> <h4 class="infosFilmListe">MATA HARI <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/3616'>George Fitzmaurice</a></p> <p class="infosFilmListe"> <small> États Unis - 1932 - 92' - FICTION - longs métrages - Espionnage </small> </p>  <p class="">Une espionne allemande en poste à Paris séduit un général russe avant de jeter son dévolu sur un jeune officier plein d'avenir… Superbe Garbo dans un vrai mélodrame baroque… <br><a href="/4DACTION/Web_Fiche/224827">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/224467"> <img src='https://s3.amazonaws.com/image.adavprojections.com/467/0000000224467.jpg'> </a> </div> <div class="large-8 columns"> <div class="large-12 columns"> <a href="/4DACTION/Web_Fiche/224467"> <h4 class="infosFilmListe">UN LONG DIMANCHE DE FIANCAILLES <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/1006'>Jean-Pierre Jeunet</a></p> <p class="infosFilmListe"> <small> <img src="/../img/Audiovision.gif" width="16" height="16" alt="Audiovision">   <img src="/../img/Sourd.gif" width="16" height="16" alt="Sous-titres sourds et malentendants">   France - 2004 - 128' - FICTION - longs métrages - Drame / Mélodrame </small> </p>  <p class="">1919, Mathilde enquête pour prouver à tous, et à elle-même, que son fiancé n'est pas mort sur le front… Des images enluminées rassemblées dans cet album d'antan et qui séduisent… <br><a href="/4DACTION/Web_Fiche/224467">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 Première Guerre mondiale