L'EMPIRE DE LA PERFECTION

<!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="de France, le seul titre du Grand Chelem qui manque à son palmarès. À Roland-Garros, le génial (et atrabilaire) gaucher est filmé, match après match, par Gil de Kermadec, le fondateur du service audiovisuel de la Fédération française de tennis. Trente ans plus tard, le réalisateur Julien Faraut a retrouvé, dans les archives de l’Insep (Institut national du sport, de l’expertise et de la performance), les rushs en 16 mm. Il en tire un documentaire passionnant, qui, à travers la perfection technique du sportif décryptée dans un montage très inventif, brosse un portrait de l’homme McEnroe, plus complexe que son image médiatique."> <meta property="og:url" content="http://adavprojections.com/4DACTION/Web_Fiche/258607" /> <meta property="og:type" content="ADAVPROJECTIONS" /> <meta property="og:title" content="L'EMPIRE DE LA PERFECTION" /> <meta property="og:description" content="de France, le seul titre du Grand Chelem qui manque à son palmarès. À Roland-Garros, le génial (et atrabilaire) gaucher est filmé, match après match, par Gil de Kermadec, le fondateur du service audiovisuel de la Fédération française de tennis. Trente ans plus tard, le réalisateur Julien Faraut a retrouvé, dans les archives de l’Insep (Institut national du sport, de l’expertise et de la performance), les rushs en 16 mm. Il en tire un documentaire passionnant, qui, à travers la perfection technique du sportif décryptée dans un montage très inventif, brosse un portrait de l’homme McEnroe, plus complexe que son image médiatique." /> <meta property="og:image" content="http://s3.amazonaws.com/image.adavprojections.com/607/0000000258607.jpg" /> <title>L'EMPIRE DE LA PERFECTION</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>  <br> <div class="bckgFiche"> <div class="row"> <div class="small-6 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 columns text-right"> <div class="partage_facebook_block hide-for-smallx" data-href="http://adavprojections.com/4DACTION/Web_Fiche/258607" 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_Fiche%2F258607&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> <br>  <div class="row"> <div class="large-12 columns"> <div class="large-8 columns"> <div class="row"> <div class="large-12"> <h1 class="infosFilmListe titreFilm">L'EMPIRE DE LA PERFECTION <sup><small><i class='ion-ios-star'></i><i class='ion-ios-star'></i><i class='ion-ios-star-outline'></i></small></sup></h1> <p class="infosFilmListe realFiche"><span class="light">de </span><a href='/4DACTION/Web_Search_Personne/24442'>Julien Faraut</a></p> </div> </div> <div class="row"> <div class="large-12"> <p id="" class="infoClesFilm"> <img src="/../img/IBselectionBibliotheques.png" width="48" height="32" alt="selection bibliotheques">   <span>France, Grande Bretagne</span> <span> · 2018</span> <span> · 90'</span> <span> · Noir et blanc/Couleur</span> </p> </div> </div> <div class="row"> <div class="large-12"> </div> </div> <div class="row"> <div class="large-12"> <p class="resume">Au printemps 1984, John McEnroe est au sommet de son art tennistique. Le numéro 1 mondial est le grand favori des Internationaux de France, le seul titre du Grand Chelem qui manque à son palmarès. À Roland-Garros, le génial (et atrabilaire) gaucher est filmé, match après match, par Gil de Kermadec, le fondateur du service audiovisuel de la Fédération française de tennis. Trente ans plus tard, le réalisateur Julien Faraut a retrouvé, dans les archives de l’Insep (Institut national du sport, de l’expertise et de la performance), les rushs en 16 mm. Il en tire un documentaire passionnant, qui, à travers la perfection technique du sportif décryptée dans un montage très inventif, brosse un portrait de l’homme McEnroe, plus complexe que son image médiatique.</p> </div> </div>    <div class="row"> <div class="large-12"> <p class="infosFilmListe"><span class="light">Scénario : </span><a href='/4DACTION/Web_Search_Personne/24442'>Julien Faraut</a></p> </div> </div> <div class="separator"></div> <div class="row"> <div class="large-12"> <p class="infosFilmListe"><span class="light">Genre : </span>Documentaire</p> </div> </div> <div class="row"> <div class="large-12"> <p class="infosFilmListe"><span class="light">Sous-genre : </span>sports</p> </div> </div> <div class="separator"></div> <div class="row"> <div class="large-12"> <p class="infosFilmListe"><span class="light">Langue(s) : </span>français, anglais</p> </div> </div> <div class="row"> <div class="large-10"> <hr> <span class="light">Info +</span> <blockquote class="infoplus"><b>Le point de vue d'un visionneur vidéothécaire : </b><br>"C'est par le biais des travaux de Gil de Kermadec, qui se consacre à filmer les techniques du tennis à travers des portraits de joueurs mondiaux, que Julien Farault nous amène à (re)découvrir le compétiteur de renom John Mac Enroe. Grâce à des images d'archives, on voit et revoit, sous tous les angles, le génie à l'œuvre : l'élégance d'un mouvement de poignet, la précision d'un revers, la maîtrise d'un déplacement sur le terrain, et plus que tout, une ténacité sans merci face à l'adversaire et à l'arbitre. Avec son caractère fier et audacieux, le joueur est comparé à de grands acteurs du cinéma de fictions. Car c'est bien de cela que parle <i>L'empire de la perfection</i> : du spectacle filmé, de ses héros au caractère bien trempé et de ce qui nous tient en fascination devant l'écran."<br><footer><cite> Alice GUILBAUD, Images de la Culture – CNC. </cite></footer><br><br>"Cette fascinante étude de caractère nous fait entrer dans l'esprit du génie : à savoir une sublimation incompréhensible de contradictions."<br><footer><cite> Stéphane DELORME, Cahiers du cinéma. </cite></footer><br><br>"Un portrait fascinant de McEnroe et un récit haletant de sa finale de Roland-Garros 1984, perdue contre le Tchécoslovaque Ivan Lendl."<br><footer><cite> Le Figaro. </cite></footer><br><br>"Indispensable pour les amateurs."<br><footer><cite> Olivier de BRUYN, Marianne. </cite></footer><br><br>"(...) <i>L'Empire de la perfection</i> repose sur un choix d'images d'archives inédites d'une puissance stupéfiante : rarement en effet les joueurs ont été filmés d'un point de vue si proche."<br><footer><cite> Grégory VALENS, Positif. </cite></footer><br><br>"Julien Faraut utilise habilement les archives de Roland-Garros pour restituer toute la grandeur du tennisman américain."<br><footer><cite> Jacques MANDELBAUM, Le Monde. </cite></footer><br><br>"(...) Un documentaire passionnant et plein de suspense. (...)"<br><footer><cite> Samuel DOUHAIRE, Télérama. </cite></footer><br></blockquote> </div> </div> <div class="row"> <div class="large-10"> <hr> <span class="light">Mots-clés</span> <p class="infosFilmListe"><a href='/4DACTION/Web_Search_Personne/3622'>années 1980</a>&ensp;&middot&ensp;<a href='/4DACTION/Web_Search_Personne/277'>portrait</a>&ensp;&middot&ensp;<a href='/4DACTION/Web_Search_Personne/35'>sport</a>&ensp;&middot&ensp;<a href='/4DACTION/Web_Search_Personne/938'>star</a>&ensp;&middot&ensp;<a href='/4DACTION/Web_Search_Personne/11748'>tennis</a></p> </div> <div class="large-10"> <hr> <span class="light">Collections ou thématiques dont ce programme fait partie</span> <p class="infosFilmListe"><a href='/4DACTION/Web_Collection/253'>Filmer le sport</a></p> </div> </div> </div>    <div class="large-3 large-offset-1 columns columnsPrix"><img src='https://s3.amazonaws.com/image.adavprojections.com/607/0000000258607.jpg'> <h3 class="prix_fiche">A partir de 140,00 €</h3> <p class="prix_fiche_mandat">Tous nos tarifs sont fixés par les ayants droit (producteurs, distributeurs de films en salles, etc...) dans le cadre de mandats exclusifs.</p>  <a href='#' class='button radius expand' data-reveal-id='myModal_type_client'>Devis / Commande</a>  <p><center><span style="color:#DC2915; font-style:italic;"><b></b></span></center></p>  <br><br> <p class="">Une question, un doute ?<br> Consultez le <a href="/4DACTION/Web_Statique/Marche">mode d'emploi</a>.</p> </div>  </div> </div> <br>    <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> <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

L'EMPIRE DE LA PERFECTION