Adav Projections - Idées de programmation

<!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="Partenariats, offres commerciales, réductions tarifaires spéciales : tous les événements AdavProjections"> <title>Adav Projections - Idées de programmation</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 type="text/css" 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">  <link rel="stylesheet" href="/css/mobiscroll.jquery.min.css"> </head> <body>  <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="bckg"> <div class="row"> <div class="large-12 columns"> <h1 class="white titresApropos">Idées de programmation</h1> </div> </div> </div> <div class="row entete_cal"> <div class="small-12 medium-12 large-12 columns"> <p>Fêtes, festivals, journées thématiques, animations culturelles… toutes nos idées pour vous aider à préparer votre événement.</p> </div> <div class="small-12 medium-12 large-12 columns"> <div id="cal_liste"></div> </div> </div> <div id="list_event"> </div> <hr> </div><br><br>   <footer class=""> <div class="row"> <article> <div class="large-12 columns"> <h2>Nos partenaires</h2> </div> </article> </div> <br> <div class="row"> <section class="variable2 slider"> <div> <a href="/4DACTION/Web_Statique/Partenaire"><img src="/../adavprojections/logo/logo_IB.png"></a> </div> <div> <img src="/../adavprojections/logo/logo_afca.png"> </div> <div> <img src="/../adavprojections/logo/logo_pariscience.png"> </div> <div> <img src="/../adavprojections/logo/logo_tenk_new.png"> </div> </section> </div> <br><hr><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> <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>  <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>  </body> </html>

CINXE.COM

Adav Projections - Idées de programmation