CINXE.COM
Adav Projections
<!doctype html> <!--[if IE 9]><html class="lt-ie10" lang="fr" > <![endif]--> <!--[if lt IE 7]><html class="lt-ie9 lt-ie8 lt-ie7" xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"><![endif]--> <!--[if IE 7]><html class="lt-ie9 lt-ie8" xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"><![endif]--> <!--[if IE 8]><html class="lt-ie9" xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"><![endif]--> <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="Adav Projections est mandatée par les distributeurs de films en salle de cinéma et les producteurs pour louer des droits de projection publique non commerciaux sur DVD et Blu-ray. Adav Projections est une filiale de l'ADAV."> <title>Adav Projections</title> <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/ie8-grid-foundation-4.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" /> <!-- Foundation 3 for IE 8 and earlier --> <!--[if lt IE 9]> <script type="text/javascript" src="/../js/html5.js"></script> <link rel="stylesheet" href="/../css/ie8-grid-foundation-4.css"> <![endif]--> <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> <!-- Debut Top Bar --> <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"> <!-- 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"> <!-- Right Nav Section --> <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> <!-- Fin Top Bar --> <div class="bckg6"> <div class="row"> <div class="large-12 columns"> <h1 class="white titresApropos">Conditions générales</h1> </div> </div> </div> <br><br> <div class="row"> <div class="large-8 columns"> <h3>Conditions générales de location de droits de projection publiques non commerciale</h3> <br> <p>La société <span class="bold">ADAV</span><span class="lightID">PROJECTIONS</span> (nom commercial d’Adav Europe Distribution Sarl) s’adresse spécifiquement à des organismes ou des établissements donc l’activité est strictement nom commerciale : bibliothèques, médiathèques, écoles et universités, festivals, mairies, associations, musées, centres de loisirs, centres sociaux et culturels, comités d’entreprise, maisons des jeunes, collectivités, théâtres… <span class="bold">ADAV</span><span class="lightID">PROJECTIONS</span> est mandatée par les distributeurs de films en salles et les producteurs pour louer des droits de projection publique non commerciaux sur support DVD, Blu-ray Disc ou fichiers numériques. Est considérée comme projection publique non commerciale, toute représentation publique et gratuite (simple participation aux frais tolérée) d’une œuvre audiovisuelle ou cinématographique, annoncée (titre et heure de représentation) par tout moyen de communication à l’extérieur du lieu de diffusion annonçant la programmation (affiches, tracts, presse, site Internet, réseaux sociaux…).</p> <p>Le cadre juridique des représentations cinématographiques est géré par le Centre national du cinéma et de l’image animée (CNC), à travers les textes législatifs publiés pour les œuvres de longue durée ayant obtenu un visa d’exploitation. Les œuvres audiovisuelles qui ne sont pas sorties en salle et qui n’ont donc pas de visa d’exploitation, ne sont pas soumises à cette même réglementation. Les règles encadrant les projections de ces œuvres sont définies directement et contractuellement par le détenteur des droits (producteurs ou distributeurs mandatés). Les projections publiques non commerciales d’œuvres cinématographiques de longue durée, ayant donc obtenu un visa d’exploitation, sont encadrées par les articles L214-1 à 214-9 du Code du cinéma et de l’image animée et par le décret N ° 2013-380 du 3 mai 2013 relatif à l’organisation de séances de spectacles cinématographiques à caractère non commercial. Ces textes définissent le secteur non commercial de l’industrie cinématographique, les types de projection publique concernés, les délais à respecter avant de pouvoir proposer une projection publique non commerciale d’un film ayant bénéficié d’une sortie en salle, le nombre de projection maximum par an et par type de structures.</p> <p>Tous les films proposés par <span class="bold">ADAV</span><span class="lightID">PROJECTIONS</span> font l’objet d’un contrat passé auprès du producteur ou du distributeur salles.</p> <p> <ul class=""> <li class="">Les projections devront obligatoirement être intégrées dans le cadre de manifestations à caractère thématique, culturel ou éducatif.</li> <li class="">Toute forme d’exploitation commerciale de la part de l’organisme diffuseur est exclue.</li> <li class="">Le droit de projection est incorporel et délimité dans le temps à une projection unique (TVA 5,5%).</li> <li class="">Ce droit locatif n’est valable que pour le seul lieu d’activité habituel (emprise) de l’organisme diffuseur du film (jauges de 300 places maximum) et s’appuie sur les supports DVD, Blu-ray Disc ou fichiers numériques vendus ou prêtés préalablement ou simultanément par l’ADAV ou un distributeur DVD pour le secteur institutionnel.</li> <li class="">Attention, <span class="bold">ADAV</span><span class="lightID">PROJECTIONS</span> ne peut répondre aux demandes de séances en plein air ou de séances en salles de cinéma (sauf autorisation exceptionnelle du détenteur des droits).</li> <li class="">Les droits susceptibles d’être dus au titre des projections publiques auprès des sociétés d’auteurs (SACEM…) seront acquittés directement par l’organisme diffuseur.</li> </ul> </p> <br> <h3 class="presentation light">Conditions générales de commande de droits locatifs sur le site Internet www.adavprojections.com</h3> <ul class=""> <li class="">Le client choisit un film dans le catalogue via la recherche simple ou la recherche avancée et clique sur le bouton <b>Devis / Commande</b>.</li> <li class="">Le client remplit, valide, imprime et renvoie le bon de commande tamponné et signé, 30 jours minimum avant la date de projection. <span class="bold">ADAV</span><span class="lightID">PROJECTIONS</span> notifie par mail la bonne réception de la commande et s’accorde le droit de refuser cette demande si les conditions de projection ne correspondent pas aux Conditions générales. Le bon de commande sans tampon ni signature a valeur de devis non contractuel. Les mairies ou collectivités peuvent utiliser ce document comme devis afin d’émettre un bon d’engagement puis, elles peuvent envoyer leur bon d'engagement accompagné du bon de commande tamponné et signé. La commande ne sera prise en compte qu’à réception du bon de commande tamponné et signé.</li> <li class=""> L’équipe d'<span class="bold">ADAV</span><span class="lightID">PROJECTIONS</span> traite la commande et envoie le contrat définitif, éventuellement le support DVD ou Blu-ray (ou le fichier numérique) et une enveloppe pré-affranchie pour le retour impératif du support. L’envoi du support fait l’objet de frais techniques stipulés dans le devis/bon de commande.<br>Le client doit obligatoirement tester le support DVD ou Blu-ray intégralement sur le matériel utilisé lors de la projection prévue, et ce dès sa réception. <span class="bold">ADAV</span><span class="lightID">PROJECTIONS</span> décline toute responsabilité en cas de problème technique lors de la représentation publique. Le client s’assure, avant la date de projection, que les droits susceptibles d'être dus au titre des projections publiques auprès des sociétés d'auteurs (SACEM…) sont acquittés par son établissement – la structure organisatrice.</li> <li class="">Après la projection, le client est tenu de renvoyer impérativement le support, dans l'enveloppe prépayée, sous 48 heures. Tout support non retourné dans ce délai sera facturé au prix forfaitaire de 20 € TTC.</li> <li class="">La facture est à régler à <span class="bold">ADAV</span><span class="lightID">PROJECTIONS</span> dès sa réception.<br> Les conditions tarifaires sont fixées par les ayant droits par mandat exclusif. Elles peuvent être forfaitaires ou varier selon la durée du film ou la jauge de la salle où aura lieu la projection. Lors de certains évènements nationaux ou partenariats <span class="bold">ADAV</span><span class="lightID">PROJECTIONS</span> peut appliquer des remises ponctuelles. C’est en remplissant son devis en ligne que le client prendra connaissance (sans aucun engagement de sa part) du tarif locatif qui lui serait appliqué pour la projection ainsi que des éventuels frais techniques. Les droits locatifs (selon la durée des films, la nature des ayant droits ou les conditions effectives de projection) varie de 20,00 €HT à 500,00€ €HT.</li> </ul> </div> <div class="large-3 large-offset-1 columns "> </div> </div><br> <!-- <div class="row"> <div class="large-12 columns"> <p>Voir aussi :</p> <ul class="inline-list"> <li><a href="/4DACTION/Web_Statique/Marche" class="button radius invers">Mode d'emploi</a></li> <li><a href="#" class="button radius invers">Questions fréquentes</a></li> <li><a href="/4DACTION/Web_Statique/Cadre" class="button radius invers">Cadre juridique</a></li> <li><a href="/4DACTION/Web_Statique/Partenaire" class="button radius invers">Nos partenaires</a></li> <li><a href="#" class="button radius invers">Nos clients</a></li> </ul> </div> </div> --><hr> </div> <br> <!-- End Content --> <!-- Footer --> <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" class="evenement_menu_footer">Événements</a></li> --> <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> <!-- End 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> <!-- Mobiscroll JS Includes --> <script src="/../js/mobiscroll.jquery.min.js"></script> <script src="/../js/jquery.autocomplete-min.js"></script> <!-- <script src="/../js/mobiscroll.jquery.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> <!-- MODALE TYPE CLIENT --> <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> <!-- FIN MODALE TYPE CLIENT --> <!-- MODALE CONNEXION ADAV --> <!-- <div id="myModal_connexion_adav" class="reveal-modal medium"> <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="">Se connecter</h3> <form action="javascript:Check_connexionAdav();" method="post" class="dropdown content " id="FormConnexionAdav"> <div class="row"> <div class="large-12 "> <input type="text" name="adav_user" id="adav_user" placeholder="Identifiant" required onpaste="return false;"> </div> </div> <br> <div class="row"> <div class="large-12 "> <input type="password" name="adav_pass" id="adav_pass" placeholder="Mot de passe" required onpaste="return false;"> </div> </div> <div class="row"> <div class="large-12"> <p><small><a href="#" data-reveal-id="myModal2">Mot de passe oublié ?</a></small></p> </div> </div> <div class="row"> <div class="large-12 "> <p class="infosFilmListe"><button class="button radius not_invers expand">Se connecter</button></p> </div> </div> <div class="row" id="connexion_adav_erreur" style="display:none;"> <div class="large-12 "> <p class="infosFilmListe" style="color:red;">Erreur d'authentification</p> <small>Votre identifiant et/ou votre mot de passe adav sont incorrects. </small> </div> </div> </form> <a class="close-reveal-modal" aria-label="Close">×</a> </div> --> <!-- FIN MODALE CONNEXION ADAV --> <!-- MODALE CONNEXION NON ADAV --> <!-- <div id="myModal_connexion_non_adav" class="reveal-modal medium"> <form action="javascript:Check_connexionPublic();" method="post" class="dropdown content " id="FormConnexionPublic"> <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="email" name="public_user" id="public_user" placeholder="Email d'authentification" required onpaste="return false;"> <br> <input type="password" name="public_pass" id="public_pass" placeholder="Mot de passe" required onpaste="return false;"> <p><small><a href="#" data-reveal-id="myModal2">Mot de passe oublié ?</a></small></p> <p class="infosFilmListe"><button class="button radius not_invers expand">Se connecter</button></p> <div id="connexion_public_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> --> <!-- FIN MODALE CONNEXION NON ADAV --> <!-- MODALE INSCRIPTION NON ADAV --> <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> <!-- FIN MODALE INSCRIPTION NON ADAV --> <!-- MODALE MOT DE PASSE OUBLIE --> <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> <!-- FIN MODALE MOT DE PASSE OUBLIE --> </body> </html>