CINXE.COM

Jeux Olympiques de la Grèce antique - LAROUSSE

<!DOCTYPE html> <html lang="fr" itemscope itemtype="http://schema.org/WebPage"> <!-- infos siteWeb: Larousse[.fr/.com] --> <!-- hostName: [https://www.larousse.fr], machineName: [HLAZPLARWFO03], dateTime: [17/02/2025 22:33:53] --> <script> // Problème compatiblitiy [<head></head>] & [Modify by C#] dataLayer = [{'lang':"fr", 'page_type':"editorial", 'page_category':"encyclopedie", 'page_subcategory':""}, { advertisement: {env: 'production', brand: {name: 'Larousse', abbr: 'lar', domain: 'larousse.fr', subDomain: 'www', isPrisma: false}, page: {path: '/', contentObjectId: '', pageType: "Article", pageCategory: "article-media-encyclopedie", pageSubCategory: "content", title: "", author: "", keywords: ""}} }]; // (DataLayer GTM: Default + Prisma) </script> <head id="Head1" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#"><meta charset="utf-8" /><meta name="author" content="Éditions Larousse" /><meta name="tdm-reservation" content="1" /><meta name="viewport" content="width=device-width, initial-scale=1" http-equiv="Content-Type" /><title> Jeux Olympiques de la Grèce antique - LAROUSSE </title> <!-- JQuery core JavaScript --> <!-- ###################### --> <!-- !!! import jquery in TOP Header !!! (JS default for all Library & *.aspx) --> <!-- <script type="text/javascript" src="/library-web/jquery/jquery-1.9.1.min.js"></script> --> <!-- src="/library-web/jquery/jquery-1.9.1.js" --> <!-- CDN=[code.jquery.com]:jquery-3.6.0.min.js (!!! < jquery-3.0.0 = conflict slick >>> jquery-migrate !!!)--> <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-migrate-3.3.2.min.js" integrity="sha256-Ap4KLoCf1rXb52q+i3p0k2vjBsmownyBTE1EqlRiMwA=" crossorigin="anonymous"></script> <!-- intégration[v.PROD/v.RECE]: régisPub + CNIL(v.OneTrust) --> <!-- ####################################################### --> <!-- JS-link larousse-CNIL pour gestion GTM (régisPub, GA, réseauxSociaux, ...) --> <!-- -------------------------------------------------------------------------- --> <script src="/library-web/larcom/cnil/htmlParser.js"></script> <script src="/library-web/larcom/cnil/postscribe.js"></script> <!-- Démarrage de notification de consentement aux cookies de OneTrust --> <!-- ----------------------------------------------------------------- --> <!-- Début de la mention OneTrust de consentement aux cookies du domaine : larousse.fr --> <!-- call OneTrust [!!! v.PROD !!!] => (data-domain-script="9225742f-0606-4a4c-b016-9e27bd32a7a1) --> <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="9225742f-0606-4a4c-b016-9e27bd32a7a1"></script> <!-- call OneTrust [!!! v.RECE/DEV !!!] => (data-domain-script="9225742f-0606-4a4c-b016-9e27bd32a7a1-test") --> <!-- <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="9225742f-0606-4a4c-b016-9e27bd32a7a1-test"></script> --> <!-- OneTrust OptanonWrapper() --> <script type="text/javascript"> function OptanonWrapper() { if(!getCookieOT("OptanonAlertBoxClosed")){ var newButton = document.createElement("button") // Create a button newButton.setAttribute("id", "onetrust-reject-all-handler") // Name the button + pick up style as per template newButton.onclick = function(one){ OneTrust.RejectAll(); } newButton.innerText = Optanon.GetDomainData().BannerRejectAllButtonText;// Add text to button document.getElementById("onetrust-policy").prepend(newButton) // Place button } } function getCookieOT(name) { var value = "; " + document.cookie; var parts = value.split("; " + name + "="); if (parts.length >= 2) return parts.pop().split(";").shift(); } </script> <!-- Fin de la mention OneTrust de consentement aux cookies du domaine : larousse.fr --> <!-- ### dataLayer [GTM] stats Hachette #### --> <!-- ####################################### --> <script> <!-- call GTM [v.PROD = GTM-TB2J4SG] / [v.RECE = GTM-W4VMQ8H] / [v.COM = GTM-WBCT33T] --> (function(w,d,s,l,i){ w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'}); var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''; j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl; f.parentNode.insertBefore(j,f); })(window, document, 'script', 'dataLayer', 'GTM-TB2J4SG'); </script> <!-- End Google Tag Manager --> <!-- Appel JavaScript-Vidéo [régisPub: VIOUSLY] --> <!-- <script async id="xieg6Sie" src="https://cdn.viously.com/js/sdk/boot.js"></script>--> <!-- CSS (bootstrap) --> <!-- <link rel="stylesheet" type="text/css" href="/library-web/bootstrap/css/bootstrap.min.css" /> --> <!-- href="/library-web/bootstrap/css/bootstrap.css" --> <!-- CDN=[cdn.jsdelivr.net]: bootstrap@4.6.0 [CSS] --> <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous" /> --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous" /> <!-- CSS (mdb) (!pb:navbar menuBurger & dropdown!)--> <!-- <link rel="stylesheet" type="text/css" href="/library-web/mdb/css/mdb.min.css" />--> <!-- href="/library-web/mdb/css/mdb.css" --> <!-- CSS (slick) --> <!-- <link rel="stylesheet" type="text/css" href="/library-web/slick/slick.css"" /> --> <!-- href="./../assets/library/slick/slick.css" --> <!-- <link rel="stylesheet" type="text/css" href="/library-web/slick/slick-theme.css" /> --> <!-- href="./../assets/library/slick/slick-theme.css" --> <link rel="stylesheet" type="text/css" href="/library-web/slick/slick.min.css" /> <!-- slick.min.css = [slick]+[slick-theme] (minifier) --> <!-- CSS (font-awesome/fontello)--> <!--<link rel="stylesheet" type="text/css" href="/library-web/larcom/masterpage/css/font-awesome.min.css" />--> <!-- unused font awesome --> <link rel="stylesheet" type="text/css" href="/library-web/larcom/masterpage/css/font-collect.css" /> <!-- CSS (larousse-masterpage)--> <link rel="stylesheet" type="text/css" href="/library-web/larcom/masterpage/css/masterpage.css" /> <!-- pb: header, wrapper, footer, lar-grid-, etc...--> <!-- conflit CSS --> <style> /*conflit CSS (bootstrap - MDB)*/ .navbar{ box-shadow:none; } /* SLICK */ .slick-slide { outline: none !important; } </style> <link rel="shortcut icon" href="/encyclopedie/assets/img/favicon.ico" /> <link rel="stylesheet" href="/encyclopedie/assets/css/article.202401161501.css"> <link rel="stylesheet" href="/encyclopedie/assets/css/content.202401161501.css"> <script src="/encyclopedie/assets/js/encyclopedie.202001271425.js"></script> <script src="/encyclopedie/assets/js/content.202001141318.js"></script> <meta property="og:title" content="Jeux Olympiques de la Grèce antique - LAROUSSE" /> <meta itemprop="name" content="Jeux Olympiques de la Grèce antique - LAROUSSE" /> <meta name="description" content="Jeux panhelléniques concernant l'ensemble du monde grec qui se célébraient tous les quatre ans depuis 776 avant J-C à Olympie en l'honneur de Zeus et qui comprenaient non seulement des épreuves sportives mais aussi des concours musicaux et littéraires" /> <meta property="og:description" content="Jeux panhelléniques concernant l'ensemble du monde grec qui se célébraient tous les quatre ans depuis 776 avant J-C à Olympie en l'honneur de Zeus et qui comprenaient non seulement des épreuves sportives mais aussi des concours musicaux et littéraires" /> <meta itemprop="description" content="Jeux panhelléniques concernant l'ensemble du monde grec qui se célébraient tous les quatre ans depuis 776 avant J-C à Olympie en l'honneur de Zeus et qui comprenaient non seulement des épreuves sportives mais aussi des concours musicaux et littéraires" /> <link rel="canonical" href="https://www.larousse.fr/encyclopedie/divers/Jeux_Olympiques_de_la_Gr%C3%A8ce_antique/185462" /> <meta property="og:url" content="https://www.larousse.fr/encyclopedie/divers/Jeux_Olympiques_de_la_Gr%C3%A8ce_antique/185462" /> <meta itemprop="url" content="https://www.larousse.fr/encyclopedie/divers/Jeux_Olympiques_de_la_Gr%C3%A8ce_antique/185462" /> <meta name="keywords" content="Jeux Olympiques de la Grèce antique, jeux Olympiques, Grèce antique, Héraclès, Homère, Olympie, Phidias, Pindare, Xénophon, Platon, panem et circenses" /> <meta property="og:image" content="https://www.larousse.fr/encyclopedie/data/vignettes/1314651-Olympie_lH%c3%a9ra%c3%afon.jpg" /> <meta itemprop="image" content="https://www.larousse.fr/encyclopedie/data/vignettes/1314651-Olympie_lH%c3%a9ra%c3%afon.jpg" /> <meta name="robots" content="index,follow" /> </head> <body> <!-- Google Tag Manager (noscript) --> <!-- call GTM [v.PROD = GTM-TB2J4SG] / [v.RECE = GTM-W4VMQ8H] / [v.COM = GTM-WBCT33T]--> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TB2J4SG" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <div class="page"> <!-- ####### HEADER ####### --> <div class="header"> <!-- NAVBAR: TOP LAROUSSE (Login, Social, Culture) --> <!---------------------------------------------------> <div class="navbar navbar-inverse navbar-default lar-navbar-top visible-lg"> <!-- navbar-fixed-top <<<>>> navbar-default --> <div class="container"> <div id="navtop" class="navbar-collapse collapse"> <ul class="lar-culture nav navbar-nav navbar-right"> <li class="culture-en"> <a onclick="changeCulture('en')">EN</a> <!-- https://www.larousse.com/en/ --> <img src="/dictionnaires/assets/img/flag-en.png" alt="image" draggable="false"/> </li> <li class="culture-es"> <a onclick="changeCulture('es')">ES</a> <!-- https://www.larousse.com/es/ --> <img src="/dictionnaires/assets/img/flag-es.png" alt="image" draggable="false"/> </li> <li class="culture-de"> <a onclick="changeCulture('de')">DE</a> <!-- https://www.larousse.com/de/ --> <img src="/dictionnaires/assets/img/flag-de.png" alt="image" draggable="false"/> </li> <li class="culture-it"> <a onclick="changeCulture('it')">IT</a> <!-- https://www.larousse.com/it/ --> <img src="/dictionnaires/assets/img/flag-it.png" alt="image" draggable="false"/> </li> </ul> <ul class="lar-social nav navbar-nav navbar-right"> <li><a href="https://www.facebook.com/larousse.fr" target="_blank">&#xf09a;</a></li> <li><a href="https://twitter.com/larousse_fr" target="_blank">&#xf099;</a></li> <li><a href="https://www.instagram.com/editionslarousse/" target="_blank">&#xf16d;</a></li> <li><a href="https://fr.linkedin.com/company/larousse" target="_blank">&#xf0e1;</a></li> </ul> <ul class="lar-login nav navbar-nav navbar-right"> <li><div id="auth-widget-topbar"></div></li> <!-- POOOL connexion (subscription) --> <li><a href="https://www.editions-larousse.fr/newsletter">Newsletter</a></li> </ul> </div> </div> </div> <!-- NAVBAR: SEARCH (Labelle, saisie Recherche --> <!-----------------------------------------------> <div class="lar-searchbar visible-lg"> <a class="bt-home" href="/">LAROUSSE</a> <div class="zone-search"> <input type="search" class="lar-searchtxt" onkeydown="inputKeydownHeader(false,'\\encyclopedie\\rechercher\\')" placeholder="Rechercher dans l'encyclopédie..."/> <button class="lar-searchbt" onclick="onSearchHeader(false,'\\encyclopedie\\rechercher\\');">&#xe81e;</button> </div> </div> <!-- NAVBAR: MENU (nav module: encyclo, dicos, cuisine, etc...) --> <!----------------------------------------------------------------> <div class="navbar navbar-default lar-navbar-menu"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navmenu"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="lar-searchbar search-toggle hidden-lg"> <div><a class="bt-home" href="/">LAROUSSE</a></div> <span><button class="lar-switchbt lar-openbt" onclick="openSearch()">&#xe81e;</button></span> <span><button class="lar-switchbt lar-closebt" onclick="closeSearch()">&#xe833;</button></span> <div class="switch-search"> <input type="search" class="lar-searchtxt" onkeydown="inputKeydownHeader(true,'\\encyclopedie\\rechercher\\')" placeholder="Rechercher dans l'encyclopédie..."/> <button class="lar-searchbt" onclick="onSearchHeader(true,'\\encyclopedie\\rechercher\\');">&#xe81e;</button> </div> </div> </div> <div id="navmenu" class="navbar-collapse collapse"> <ul class="lar-menu nav navbar-nav navbar-left"> <li id="olf"><a href="/dictionnaires/francais"><span class="icon-menu dropdown-submenu hidden-lg">&#xe80a;</span>LANGUE FRANÇAISE</a></li> <li id="bil"><a href="/dictionnaires/bilingues"><span class="icon-menu hidden-lg">&#xe804;</span>DICTIONNAIRES BILINGUES</a></li> <li id="traductor"><a href="/traducteur"><span class="icon-menu hidden-lg">&#xe822;</span>TRADUCTEUR</a></li> <li id="conj"><a href="/conjugaison"><span class="icon-menu hidden-lg">&#xe805;</span>CONJUGATEUR</a></li> <li id="encyclo"><a href="/encyclopedie"><span class="icon-menu hidden-lg">&#xe819;</span>ENCYCLOPÉDIE</a></li> <li id="cook"><a href="https://cuisine.larousse.fr"><span class="icon-menu hidden-lg">&#xe809;</span>CUISINE</a></li> <li id="forum"><a href="/forums"><span class="icon-menu hidden-lg">&#xe811;</span>FORUM</a></li> <li id="jeux"><a href="https://jeux.larousse.fr"><span class="icon-menu hidden-lg">&#xe812;</span>JEUX</a></li> <li id="books"><a href="https://www.editions-larousse.fr"><span class="icon-menu hidden-lg">&#xe815;</span>LIVRES</a></li> </ul> <ul class="lar-login hidden-lg"> <li><div id="auth-widget-menuburger"></div></li> <!-- POOOL connexion (subscription) --> <li><a href="https://www.editions-larousse.fr/newsletter">Newsletter</a></li> </ul> <ul class="lar-social hidden-lg"> <li style="width:100%"> <span>Suivez nous:</span> <a href="https://www.facebook.com/larousse.fr">&#xf09a;</a> <a href="https://twitter.com/larousse_fr">&#xf099;</a> <a href="https://www.instagram.com/editionslarousse/">&#xf16d;</a> <a href="https://fr.linkedin.com/company/larousse">&#xf0e1;</a> </li> </ul> <ul class="lar-culture hidden-lg"> <li style="width:100%"> <a href="https://www.larousse.com/en/" asp-action="culture_en">EN</a> <a href="https://www.larousse.com/es/" asp-action="culture_es">ES</a> <a href="https://www.larousse.com/de/" asp-action="culture_de">DE</a> <a href="https://www.larousse.com/it/" asp-action="culture_it">IT</a> </li> </ul> </div> </div> </div> </div> <!-- BANIERE(730 x 90) PUB TOP --> <div class="pub-top oast"> </div> <!--FIL ARIANE --> <div class="breadcrumb"> <div><a href="https://www.larousse.fr">Accueil</a> ><a href="/encyclopedie"><b>Encyclopédie [divers] </b></a> > <b>Jeux Olympiques de la Grèce antique</b></div> </div> <!-- ####### HEADER ####### --> <!-- ### Zone POOOL WIDGET ### --> <div id="poool-widget"> <!-- votre paywall sera affiché ici --> </div> <div id="Wrapper" class="wrapper"> <div class="row"> <div class="zone-content col-md-8"> <article class="content" id="922519" idc="185462" class="content" role="article"> <header> <h1 class="strong">Jeux Olympiques de la Grèce antique </h1> <figure class="img-ref"><a href="/encyclopedie/images/Olympie_l_H%C3%A9ra%C3%AFon/1314651"><img src="/encyclopedie/data/vignettes/1314651-Olympie_lH%c3%a9ra%c3%afon.jpg" alt="Olympie, l&#39;Héraïon" title="Olympie, l&#39;Héraïon"></a><figcaption>Olympie, l'Héraïon</figcaption></figure></header> <aside class="renvoi-dossier">Cet article fait partie du <small>dossier</small> consacré aux <a href="/encyclopedie/divers/Jeux_Olympiques_JO/185989" data-ref="4-185989">jeux Olympiques</a> et du dossier <a href="/encyclopedie/divers/Gr%C3%A8ce_antique/184298" data-ref="4-184298">Grèce antique</a>. <aside class="dossier" role="complementary" data-ref="4-185989"> <p class="info">Pour avoir une vue d'ensemble sur les <b>jeux Olympiques</b>, consultez en priorité les articles suivants du dossier en cliquant sur celui de votre choix : </p> <ul> <li><a href="/encyclopedie/divers/Jeux_Olympiques_JO/185511"><b>jeux Olympiques</b></a> </li> <li><a href="/encyclopedie/divers/Jeux_Olympiques_d%C3%A9t%C3%A9/185987"><b>jeux Olympiques d'été</b></a> </li> <li><a href="/encyclopedie/divers/Jeux_olympiques_dhiver/185988"><b>jeux Olympiques d'hiver</b></a> </li> <li><a href="/encyclopedie/divers/histoire_des_jeux_Olympiques/185985"><b>histoire des jeux Olympiques</b></a> </li> <li><a href="/encyclopedie/divers/Jeux_Olympiques_de_la_Gr%C3%A8ce_antique/185462"><b>jeux Olympiques de la Grèce antique</b></a> </li> <li><a href="/encyclopedie/divers/CIO/136095"><b>C.I.O.</b> (Comité international olympique)</a> </li> <li><a href="/encyclopedie/personnage/Pierre_de_Coubertin/114878">Pierre de <b>Coubertin</b></a> </li> </ul> </aside><aside class="dossier" role="complementary" data-ref="4-184298"> <p class="info">Pour avoir une vue d'ensemble sur la <b>Grèce antique</b>, consultez en priorité les articles suivants du dossier en cliquant sur celui de votre choix : </p> <ul> <li><a href="/encyclopedie/divers/Gr%C3%A8ce_histoire_de_la_Gr%C3%A8ce_antique/185874">histoire de la <b>Grèce antique</b></a> </li> <li><a href="/encyclopedie/divers/Gr%C3%A8ce_art_et_architecture_de_la_Gr%C3%A8ce_antique/185909">art et architecture de la <b>Grèce antique</b></a> </li> <li><a href="/encyclopedie/ville/Ath%C3%A8nes/106544"><b>Athènes</b></a> </li> <li><a href="/encyclopedie/ville/Delphes/116038"><b>Delphes</b></a> </li> <li><a href="/encyclopedie/divers/d%C3%A9mocratie/41420"><b>démocratie</b></a> </li> <li><a href="/encyclopedie/divers/monde_hell%C3%A9nistique/57762">monde <b>hellénistique</b></a> </li> <li><a href="/encyclopedie/personnage/Alexandre_III_le_Grand/104737"><b>Alexandre III</b> le Grand</a> </li> <li><a href="/encyclopedie/divers/mythologie_grecque/185863"><b>mythologie grecque</b></a> </li> <li><a href="/encyclopedie/divers/Jeux_Olympiques_de_la_Gr%C3%A8ce_antique/185462">Jeux olympiques de la <b>Grèce antique</b></a> </li> <li><a href="/encyclopedie/divers/Olympie/136091"><b>Olympie</b></a> </li> <li><a href="/encyclopedie/divers/Acropole_dAth%C3%A8nes/103976"><b>Acropole</b></a> </li> <li><a href="/encyclopedie/divers/guerre_du_P%C3%A9loponn%C3%A8se/137478">guerre du <b>Péloponnèse</b></a> </li> <li><a href="/encyclopedie/divers/guerres_m%C3%A9diques/132563"><b>guerres médiques</b></a> </li> <li><a href="/encyclopedie/personnage/P%C3%A9ricl%C3%A8s/137626"><b>Périclès</b></a> </li> <li><a href="/encyclopedie/personnage/Socrate/144665"><b>Socrate</b></a> </li> <li><a href="/encyclopedie/personnage/Solon/144767"><b>Solon</b></a> </li> <li><a href="/encyclopedie/ville/Sparte/145022"><b>Sparte</b></a> </li> </ul> </aside></aside> <p class="definition">Jeux panhelléniques – concernant l'ensemble du monde grec – qui se célébraient tous les quatre ans, depuis 776 avant J.-C., à Olympie, en l'honneur de Zeus et qui comprenaient non seulement des épreuves sportives, mais aussi des concours musicaux et littéraires.</p> <h2 class="h3" id="924290">1. De la légende à la réalité</h2> <section class="gallery right one"> <figure class="sel"><a href="/encyclopedie/images/Amphore_panath%C3%A9na%C3%AFque/1311426"><img src="/encyclopedie/data/images/1311426-Amphore_panath%c3%a9na%c3%afque.jpg" alt="Amphore panathénaïque" title="Amphore panathénaïque"></a><figcaption>Amphore panathénaïque</figcaption></figure> </section> <p>Attribuée aux dieux et aux héros grecs, la création des Jeux relève de plusieurs légendes, dont celle qui conte qu'<a href="/encyclopedie/divers/H%C3%A9racl%C3%A8s/123664">Héraclès</a>, après avoir détourné le fleuve Alphée, aurait organisé avec ses quatre frères une course dont il couronna le vainqueur d'une branche d'olivier. La réalité historique rejoint cette genèse imaginaire et mythologique au <small>ix</small><sup>e</sup> s. avant notre ère.</p> <div class="clear"> </div> <h3 class="h4" id="10921585">1.1. Une institution sportive en 776 avant J.-C.</h3> <p>La création officielle des Jeux remonterait à en fait 776 avant J.-C., date à laquelle un certain Koroïbos aurait remporté la course du stade (192,27 m, soit 600 fois la longueur du pied d'Héraclès), épreuve à laquelle se réduisaient les Jeux à l'origine. C'est d'ailleurs à partir de cette date que les Grecs ont compté le temps en olympiades (périodes de quatre années séparant la célébration de jeux Olympiques consécutifs).</p> <p class="alinea">Avant cette date, les jeux Olympiques n'auraient été que des jeux locaux arrêtés et modifiés à maintes reprises et sans grand impact en Grèce, semble-t-il, puisque <a class="ital" href="/encyclopedie/oeuvre/l_Iliade/124808">l'Iliade</a> et <a class="ital" href="/encyclopedie/oeuvre/l_Odyss%C3%A9e/135882">l'Odyssée</a> d'<a href="/encyclopedie/personnage/Hom%C3%A8re/124178">Homère</a>, œuvres datées de cette époque, n'y font guère référence.</p> <h3 class="h4" id="10921586">1.2. Pour calmer la colère des dieux</h3> <p>Néanmoins la tradition relate qu'en 884 avant J.-C. des guerres ravagent le petit royaume d'Élide, où se situe <a href="/encyclopedie/divers/Olympie/136091">Olympie</a>, le « pays des sources », située dans une plaine de l'ouest du Péloponnèse au confluent de la rivière Kladéos et du fleuve Alphée.</p> <p class="alinea">Iphitos, qui dirige le royaume d'Élide, est désemparé devant ces conflits permanents et va consulter la pythie de Delphes. Celle-ci lui déclare que la colère des dieux ne pourra être calmée qu'à la condition que des jeux Olympiques soient organisés. De retour à Olympie, Iphitos réussit à convaincre Lycurgue, le puissant chef de l'armée de Sparte, d'autoriser la tenue des Jeux.</p> <h3 class="h4" id="10921587">1.3. Un temps de trève sacrée</h3> <p>Olympie devient alors un territoire neutre, interdit à toute armée pendant la durée des Jeux, et dans le même temps un territoire sacré, reconnu comme tel par toutes les cités grecques. C'est ainsi que les jeux Olympiques prennent vie, par la création d'une institution sportive avec ses lois et ses règles.</p> <h2 class="h3" id="924288">2. Le cadre des jeux Olympiques à Olympie</h2> <section class="gallery left one"> <figure class="sel"><a href="/encyclopedie/images/Olympie_lH%C3%A9ra%C3%AFon/1314651"><img src="/encyclopedie/data/images/1314651-Olympie_lH%c3%a9ra%c3%afon.jpg" alt="Olympie, l&#39;Héraïon" title="Olympie, l&#39;Héraïon"></a><figcaption>Olympie, l'Héraïon</figcaption></figure> </section> <p class="break">Olympie est un sanctuaire dépendant de la ville d'Élis, où seuls résident les prêtres chargés des cultes. Ceux-ci gardent les temples et les trésors, car l'enceinte sacrée qui protège le bois sacré, l'Altis, renferme plus de 3 000 statues et de nombreuses richesses. Parmi celles-ci, la célèbre statue chryséléphantine (en or et en ivoire) de Zeus, œuvre du sculpteur <a href="/encyclopedie/personnage/Phidias/137937">Phidias</a>, est l'une des Sept Merveilles du monde.</p> <section class="gallery right one"> <figure class="sel"><a href="/encyclopedie/images/Plan_dOlympie/1313420"><img src="/encyclopedie/data/images/1313420-Plan_dOlympie.jpg" alt="Plan d&#39;Olympie" title="Plan d&#39;Olympie"></a><figcaption>Plan d'Olympie</figcaption></figure> </section> <p class="alinea">Pour accueillir les jeux Olympiques, les Grecs édifient un véritable « village olympique » associant les cérémonies religieuses aux foires commerciales et aux compétitions sportives.</p> <p class="alinea">Ainsi, autour de l'Altis, s'élèvent d'un côté le gymnase, la palestre, le prytanée, le léonidaïon, le théokolion et le bouleutêrion, et de l'autre l'hippodrome et le stade : <br>– <b>Le gymnase</b> sert à la fois à l'entraînement des athlètes et aux conférences des philosophes ; <br>– dans <b>la palestre</b> se déroulent les épreuves de lutte ; <br>– <b>le prytanée</b> est l'hôtel où sont hébergés les athlètes ; <br>– <b>Le léonidaïon</b> accueille les hôtes de marque ; <br>– <b>le théokolion</b> est réservé aux prêtres ; <br>– <b>le bouleutêrion</b> est l'endroit où siègent des juges-arbitres, appelés « hellanodices », qui président au bon déroulement des Jeux ; <br>– les compétitions de courses de chevaux et de chars ont lieu dans <b>l'hippodrome</b>, long de 125 mètres et large de 30 ; <br>– sur <b>le stade</b> (nom qui désigne alors non pas la piste mais sa longueur, égale à 196 mètres), toujours visible aujourd'hui sur le site, les athlètes s'affrontent dans trois sortes de courses à pied : le dromos (un stade), le diaulique (deux stades) et le dalique (course de fond de 24 stades).</p> <h2 class="h3" id="924289">3. Le déroulement des jeux Olympiques de la Grèce antique</h2> <h3 class="h4" id="924284">3.1. La période précédant les jeux Olympiques</h3> <p>Un Grec ne devait pas mourir, disait-on alors, sans avoir assisté au moins une fois dans sa vie aux jeux Olympiques. Quand l'annonce solennelle des Jeux se propage, toutes les cités s'affairent donc en préparatifs afin de pouvoir compter sur des supporters parmi les 45 000 spectateurs qui pourront contempler ceux qui prendront part aux épreuves athlétiques ou aux concours d'art (en littérature, en sculpture, en musique et en architecture), en hommage à Zeus.</p> <p class="alinea">Toutes les cités grecques ou colonisées par les Grecs participent à ces compétitions qui symbolisent l'unité de la nation hellénique. La trêve olympique fait déposer les armes aux combattants, qui se retrouvent dans l'hippodrome et le stade.</p> <p class="alinea">Seuls les citoyens grecs sont admis à concourir ; en revanche les esclaves, les « barbares » (étrangers) et les condamnés sont exclus de la compétition. Les athlètes, inscrits un an avant leur participation aux Jeux, viennent s'entraîner dans le gymnase dès l'automne qui précède leur ouverture. Au même moment, les dix juges, les hellanodices, prennent leur quartier à Olympie. À la fin du printemps, ils accueillent officiellement les concurrents sélectionnés.</p> <h3 class="h4" id="924285">3.2. L'ouverture des jeux Olympiques</h3> <p>Les Jeux débutent avec le sacrifice de bœufs aux cornes dorés au temple de Zeus. Leurs entrailles sont brûlées à l'encens sur l'autel. Les hellanodices ouvrent la procession devant les athlètes, suivis des cochers, des entraîneurs, des représentants des cités grecques en tenue d'apparat. Arrivés devant la statue de Zeus, les athlètes se prosternent et prêtent serment de lutter loyalement.</p> <p class="alinea">Le soir, un nouveau sacrifice est offert à Pélops, autre fondateur légendaire des jeux Olympiques dont le nom a donné celui de Péloponnèse (île de Pélops) à la péninsule. La flamme, allumée par des jeunes filles vierges, va brûler durant les cinq journées que durent les Jeux. Dès le lendemain, les hellanodices tirent au sort les séries des épreuves éliminatoires de la course de vitesse, classent les lutteurs par paires et remettent aux chars leurs couleurs. Les juges contrôlent l'entrée dans le stade afin d'en interdire l'accès aux femmes. Seule la prêtresse de Déméter, déesse de la Fécondité, est admise aux Jeux et siège sur son autel face aux juges.</p> <h3 class="h4" id="924286">3.3. Le programme des jeux Olympiques</h3> <p class="break">Du souterrain qui les conduit au stade, les concurrents apparaissent dans l'égalité de leur nudité. Le héraut fait l'appel des coureurs. Les Jeux vont commencer.</p> <section class="gallery left one"> <figure class="sel"><a href="/encyclopedie/images/Le_Discobole/1311427"><img src="/encyclopedie/data/images/1311427-Le_Discobole.jpg" alt="Le Discobole" title="Le Discobole"></a><figcaption><i>Le Discobole</i></figcaption></figure> </section> <p class="alinea">Après le premier jour consacré à la cérémonie d'ouverture, le programme est le suivant : <br> – le deuxième jour comprend les épreuves réservées aux enfants et aux adolescents, qui s'affrontent à la course à pied, à la lutte et au pugilat ; <br>– le troisième jour ont lieu les épreuves réservées aux adultes (courses à pied [dromos, diaulique, dalique], lutte, pugilat, pancrace ou ceste [lutte et pugilat]) ; <br>– le quatrième jour ont lieu les courses de chars (à quatre chevaux, à deux chevaux, à deux mulets), les courses à cheval, le pentathlon (course, saut, lutte, javelot, disque) et la course en armes ; <br>– le cinquième jour est consacré à la cérémonie de clôture.</p> <div class="clear"> </div> <h3 class="h4" id="924287">3.4. La cérémonie de clôture des jeux Olympiques</h3> <p>La clôture des Jeux donne lieu à la remise des couronnes de feuilles d'olivier coupées avec une faucille d'or dans le bois sacré, l'Altis, qui aurait été planté, selon la légende, par Héraclès lui-même. Les athlètes primés reçoivent en outre un bandeau en laine rouge pour les cheveux. Une palme, symbole de la victoire, sera plus tard ajoutée à ces attributs.</p> <p class="alinea">Les cérémonies s'achèvent par un sacrifice à Zeus. Un grand festin avec musiciens réunit les athlètes victorieux, leur famille et leurs amis. Les héros repartent vers leur patrie sur un char tiré par quatre chevaux blancs Le champion est reçu en triomphe ; il reçoit une pension exempte d'impôts et on élève dans sa ville une statue à son effigie dans un lieu public.</p> <h2 class="h3" id="924175">4. Apogée, dérives et fin des jeux Olympiques de la Grèce antique</h2> <p>Le succès des Jeux dans la Grèce antique s'est traduit non seulement par un engouement pour les sports athlétiques dans l'éducation physique imaginée par les Grecs, mais également dans la philosophie et les arts.</p> <p class="alinea">L'intérêt pour l'hygiène, la santé, la beauté du corps autant que la formation du caractère va pénétrer les contrées éloignées conquises par la civilisation hellénique : l'Asie Mineure, l'Égypte, la Crimée, où sont implantés des gymnases et des stades jusque dans les plus petits villages. Néanmoins, les jeux Olympiques de l'Antiquité grecque n'ont été ni le « paradis perdu » que l'on évoque souvent en parlant des choses du passé, ni l'objet d'un culte incontesté par les Grecs eux-mêmes. Il y a eu des tricheurs ; des mécènes n'ont pas craint d'acheter des écuries avant les épreuves et de prendre des étrangers dans les équipes de leurs cités ; des athlètes ont tenté de se « doper », notamment en mangeant à l'excès de la viande ou en buvant des philtres.</p> <p class="alinea">La vision du sport en Grèce ne fit d'ailleurs pas l'objet d'un consensus et celle des Jeux, enthousiaste et idéaliste, qu'en donne le poète <a href="/encyclopedie/personnage/Pindare/138258">Pindare</a> dans ses odes élogieuses aux vainqueurs n'est pas celle des penseurs comme <a href="/encyclopedie/personnage/X%C3%A9nophon/150144">Xénophon</a> et <a href="/encyclopedie/personnage/Platon/138416">Platon</a>, qui développent des points de vue plus prosaïques, hygiénistes et militaristes.</p> <p class="alinea">La fameuse trêve olympique, elle-même, n'a pas été toujours respectée : <br> – en 420 avant J.-C., les Éléens interdisent aux Lacédémoniens de participer aux Jeux et tentent d'exercer un chantage politique, si bien que l'on craint une intervention armée pendant les Jeux ; <br>– en 364 avant J.-C., les Arcadiens s'emparent d'Olympie et prennent la place des Éléens pour organiser les Jeux. Ces derniers se présentent alors en armes pendant la célébration des Jeux ; <br>– enfin, en 332 avant J.-C., Caloppos achète ses adversaires du pentathlon mais se trouve démasqué ; les Athéniens refusent de payer l'amende qu'on inflige à leur athlète, suspendent leur participation aux Jeux mais sont obligés d'interrompre leur boycott car la pythie de Delphes leur refuse tout service tant qu'ils ne se seront pas acquittés de l'amende.</p> <p class="alinea">La décadence des jeux Olympiques a donc commencé avec des affaires de corruption. Plus tard, la civilisation grecque subit les influences de ses colonisateurs macédoniens puis romains jusque dans le programme olympique : les combats de gladiateurs, la lutte contre les fauves apparaissent, et la durée des Jeux s'allonge, allant jusqu'à six mois. L'idéal grec de l'excellence se pervertit de même que le <a href="/encyclopedie/divers/panem_et_circenses/136938">panem et circenses</a> des jeux du cirque.</p> <p class="alinea">Dédiés aux dieux multiples de la religion grecque, les Jeux ne résisteront pas au dieu unique des chrétiens. Nés de la religion, ils mourront ainsi par la religion. C'est l'empereur Théodose I<sup>er</sup>, converti au christianisme et fortement influencé par saint Ambroise, évêque de Milan, qui décidera de les interdire purement et simplement en l'an 394.</p> </article> <div class="panel-pays"> </div> <div class="rwm-podcast-player" data-pid="1eca0639-3a13-635a-a5fc-c9380f86a94d"></div> </div> <div class="col-md-4"> <div id="zonePlan"> <div class="banner-title"> <hr class="line-left"> <span class="fontello"></span> <hr class="line-right"> <p class="panel-title">PLAN</p> </div> <div class="panel-plan"> <div class="list-plan"> <nav id="plan-922519" class="plan" role="contentinfo"> <h2>Plan</h2> <ol> <li><a href="#922519" class="n1">Jeux Olympiques de la Grèce antique </a> </li> <ol> <li><a href="#924290" class="n2">1. De la légende à la réalité</a> </li> <ol> <li><a href="#10921585" class="n3">1.1. Une institution sportive en 776 avant J.-C.</a> </li> <li><a href="#10921586" class="n3">1.2. Pour calmer la colère des dieux</a> </li> <li><a href="#10921587" class="n3">1.3. Un temps de trève sacrée</a> </li> </ol> <li><a href="#924288" class="n2">2. Le cadre des jeux Olympiques à Olympie</a> </li> <li><a href="#924289" class="n2">3. Le déroulement des jeux Olympiques de la Grèce antique</a> </li> <ol> <li><a href="#924284" class="n3">3.1. La période précédant les jeux Olympiques</a> </li> <li><a href="#924285" class="n3">3.2. L'ouverture des jeux Olympiques</a> </li> <li><a href="#924286" class="n3">3.3. Le programme des jeux Olympiques</a> </li> <li><a href="#924287" class="n3">3.4. La cérémonie de clôture des jeux Olympiques</a> </li> </ol> <li><a href="#924175" class="n2">4. Apogée, dérives et fin des jeux Olympiques de la Grèce antique</a> </li> </ol> </ol> </nav> </div> </div> </div> <div class="pub-pave oasm"> </div> <div class="panel-da"> <div class="banner-title"> <hr class="line-left" /><span class="fontello"></span> <hr class="line-right" /> <p class="panel-title">Médias associés</p> </div> <div class="zone-medias"> <figure class="photo"><a href="/encyclopedie/images/Amphore_panath%C3%A9na%C3%AFque/1311426"> <img src="/encyclopedie/data/vignettes/1311426-Amphore panath&#xE9;na&#xEF;que.jpg" alt="Amphore panath&#xE9;na&#xEF;que" title="Amphore panath&#xE9;na&#xEF;que" /></a> <figcaption>Amphore panath&#xE9;na&#xEF;que</figcaption> </figure> <figure class="photo"><a href="/encyclopedie/images/Le_Discobole/1311427"> <img src="/encyclopedie/data/vignettes/1311427-Le Discobole.jpg" alt="Le Discobole" title="Le Discobole" /></a> <figcaption>Le Discobole</figcaption> </figure> <figure class="photo"><a href="/encyclopedie/images/Olympie_l_H%C3%A9ra%C3%AFon/1314651"> <img src="/encyclopedie/data/vignettes/1314651-Olympie, l'H&#xE9;ra&#xEF;on.jpg" alt="Olympie, l'H&#xE9;ra&#xEF;on" title="Olympie, l'H&#xE9;ra&#xEF;on" /></a> <figcaption>Olympie, l'H&#xE9;ra&#xEF;on</figcaption> </figure> <figure class="photo"><a href="/encyclopedie/images/Plan_d_Olympie/1313420"> <img src="/encyclopedie/data/vignettes/1313420-Plan d'Olympie.jpg" alt="Plan d'Olympie" title="Plan d'Olympie" /></a> <figcaption>Plan d'Olympie</figcaption> </figure> </div> </div> <div id="taboola-right-rail-encyclo-thumbnails" class="taboola"></div> <!-- PUB PAVE 3 --> <div class="pub-pave oasm3"></div> </div> </div> <!-- FIXED MENU NAV (FLOATING) --> <div id="floatNav" class="navbox-fixed"> <ul class="nav-menu"> <nav id="plan-922519" class="plan" role="contentinfo"> <h2>Plan</h2> <ol> <li><a href="#922519" class="n1">Jeux Olympiques de la Grèce antique </a> </li> <ol> <li><a href="#924290" class="n2">1. De la légende à la réalité</a> </li> <ol> <li><a href="#10921585" class="n3">1.1. Une institution sportive en 776 avant J.-C.</a> </li> <li><a href="#10921586" class="n3">1.2. Pour calmer la colère des dieux</a> </li> <li><a href="#10921587" class="n3">1.3. Un temps de trève sacrée</a> </li> </ol> <li><a href="#924288" class="n2">2. Le cadre des jeux Olympiques à Olympie</a> </li> <li><a href="#924289" class="n2">3. Le déroulement des jeux Olympiques de la Grèce antique</a> </li> <ol> <li><a href="#924284" class="n3">3.1. La période précédant les jeux Olympiques</a> </li> <li><a href="#924285" class="n3">3.2. L'ouverture des jeux Olympiques</a> </li> <li><a href="#924286" class="n3">3.3. Le programme des jeux Olympiques</a> </li> <li><a href="#924287" class="n3">3.4. La cérémonie de clôture des jeux Olympiques</a> </li> </ol> <li><a href="#924175" class="n2">4. Apogée, dérives et fin des jeux Olympiques de la Grèce antique</a> </li> </ol> </ol> </nav> </ul> <div class="nav-btn nav-open" onclick="openNavMenu();">+</div> <div class="nav-btn nav-close" onclick="closeNavMenu();">&#xe833;</div> </div> </div> <!-- BANIERE(730 x 90) PUB BOTTOM --> <div class="pub-bottom oasb"> </div> <!-- ## SOCIAL PANEL ## --> <!-- ################## --> <!-- ####### FOOTER ####### --> <div class="footer"> <span class="footer-left"> <a href="/contenu/applications/applications_mobiles">Applications mobiles</a> <a href="/index">Index</a> <a href="/infos/credits">Mentions légales et crédits</a> <a href="/infos/cgu">CGU</a> <a href="/infos/cgv">CGV</a> <a href="/infos/confidentialite">Charte de confidentialité</a> <a class="optanon-show-settings">Cookies</a> <a href="/infos/contact">Contact</a> </span> <span class="footer-right"> <span>&copy; Larousse</span> </span> </div> <!-- ####### FOOTER ####### --> </div> </body> <!-- JS Bootstrap core JavaScript --> <!-- <script type="text/javascript" src="/library-web/bootstrap/js/bootstrap.min.js"></script> --> <!-- src="/library-web/bootstrap/js/bootstrap.js" --> <!-- CDN=[cdn.jsdelivr.net]: bootstrap@4.6.0 [JS] --> <!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script> --> <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script> <!-- JS MDB core JavaScript --> <!-- <script type="text/javascript" src="/library-web/mdb/js/mdb.min.js"></script> --> <!-- src="/library-web/mdb/js/mdb.js" --> <!-- JS SLICK core JavaScript --> <script type="text/javascript" src="/library-web/slick/slick.min.js"></script> <!-- src="/library-web/slick/slick.js" --> <!-- RegisPUB & [OneTrust] (Params, Habillage(body,oast,oasm,...)) --> <!-- ############################################################# --> <!-- [OneTrust] CATEGORY-1: Cookies strictement nécessaires --> <script type="text/plain" class="optanon-category-1"> //alert("CATEGORY-1: OK \nCookies strictement nécessaires"); //alert("OnetrustActiveGroups: [" + OnetrustActiveGroups +"]"); // // Set cookie [show payWall] (default value) //alert("optanon(CAT-1|START) : spwpoool_ = true (default value)"); setCookie('spwpoool_', 'true', 1); </script> <!-- [OneTrust] CATEGORY-2: Cookies de performance --> <script type="text/plain" class="optanon-category-2"> //alert("CATEGORY-2: OK \nCookies de performance "); //alert("OnetrustActiveGroups: [" + OnetrustActiveGroups +"]"); // //googleAnalytics(); //alert("googleAnalytics(): OK"); </script> <!-- [OneTrust] CATEGORY-3: Cookies de fonctionnalité --> <script type="text/plain" class="optanon-category-3"> //alert("CATEGORY-3: OK \nCookies de fonctionnalité"); //alert("OnetrustActiveGroups: [" + OnetrustActiveGroups +"]"); // </script> <!-- [OneTrust] CATEGORY-4: Cookies pour une publicité ciblée --> <script type="text/plain" class="optanon-category-4"> //alert("CATEGORY-4: OK \nCookies pour une publicité ciblée"); //alert("OnetrustActiveGroups: [" + OnetrustActiveGroups +"]"); // //alert("optanon(CAT-4|PUB) : Consent[OK]"); setCookie('laruserconsent_', 'true', 1); //alert("setCookie : laruserconsent_[true]"); disablePaywall(); initFirstID(); // //initSAStrigger(); // regispub: trigger Pub (body, etc...) via smartadserver //ads(); // regispub: themoneytizer //AdsEx(); // regispub: quantx(elasticad), Teads //alert("ads()-quantxAds(): OK"); </script> <!-- [OneTrust] CATEGORY-8: Cookies « réseaux sociaux » --> <script type="text/plain" class="optanon-category-8"> //alert("CATEGORY-8: OK \nCookies réseaux sociaux"); //alert("OnetrustActiveGroups: [" + OnetrustActiveGroups +"]"); // //twitter(); // Box Twitter //facebook(); // Box facebook //googleplus(); // Box Google Plus //alert("twitter()-facebook()-googleplus(): OK"); </script> <!-- ########## FIN CNIL(RGPD) ########## --> <!-- POOOL [payWall & subscription] (access.js & subscribe.js) --> <!-- ######################################################### --> <!-- -------------- intégration [audit.js] ----------------- --> <!-- -------------- intégration [access.js] ----------------- --> <script id="poool-access" src="https://assets.poool.fr/access.min.js" async></script> <script> var access = null; const script_access = document.getElementById('poool-access'); script_access.addEventListener('load', function () { // var spwpoool_ = getCookie('spwpoool_'); if(window.location.toString().indexOf("/infos/") > 0) spwpoool_ = false; // Paywall & pageInfos(footer) // if (spwpoool_ == null || spwpoool_ == 'true') { //alert("spwpoool_[" + spwpoool_+"]: \n - createPaywall \n - poool-widget=show() + wrapper=blur(3) \n - event(Poool+oneTrust)"); access = Access.init('ILD4S-2S1MH-UGZ3J-1SEEH'); access.createPaywall({ target: '#poool-widget', content: '[data-poool]', mode: 'excerpt', percent: 80, pageType: 'premium', }); // Hide <#poool-widget> $("#poool-widget").show(); // wrapper -> blur(3) >>> flou $('.wrapper').css({ 'filter' : 'blur(3px)', '-webkit-filter' : 'blur(3px)', '-moz-filter' : 'blur(3px)', '-o-filter' : 'blur(3px)', '-ms-filter' : 'blur(3px)' }); // event back consent access.on('consent', function () { //alert("access.on('consent')"); // change Consent (accept All Cookie) ///////////////////////////////////// //OneTrust.AllowAll(); // => [OK] // Display Banner OneTrust (!niveau 2:setting!) /////////////////////////////////////////////// OneTrust.ToggleInfoDisplay(); // => [OK] OneTrust.OnConsentChanged(function () { //alert("OneTrust.OnConsentChanged => Value: [" + OnetrustActiveGroups + "]"); if (OnetrustActiveGroups.match(/,4,/) != null) { // consentement oneTrust: [OK] (OnetrustActiveGroups == 4) setCookie('laruserconsent_', 'true', 1); //alert("setCookie : laruserconsent_[true]"); // gestion First-ID initFirstID(); }else{ // consentement oneTrust: [KO] (OnetrustActiveGroups != 4) // (ré)activation paywall POOOL access.createPaywall({ target: '#poool-widget', content: '[data-poool]', mode: 'excerpt', percent: 80, pageType: 'premium', }); } }); }); }else{ // //alert("spwpoool_[false]: noPaywall"); } }); // function disablePaywall(){ //alert("disablePaywall(): \n - destroyPaywall(?) \n - poool-widget=hide() + wrapper=blur(0) \n - cookie spwpoool_: false"); // // Destroy Paywall (?) if(access){ //alert("access != null : destroyPaywall"); access.destroy(); } // //alert("- <div poool-widget>: hide() \n- <div wrapper>: blur(0)"); // Hide <#poool-widget> $("#poool-widget").hide(); // wrapper -> blur(0) >>> ok $('.wrapper').css({ 'filter' : 'none', '-webkit-filter' : 'none', '-moz-filter' : 'none', '-o-filter' : 'none', '-ms-filter' : 'none' }); // // Set cookie [hide payWall] //alert("cookie spwpoool_: false"); setCookie('spwpoool_', 'false', 1); } </script> <!-- ------------- intégration [subscribe.js] ---------------- --> <script id="poool-subscribe" src="https://assets.poool-subscribe.fr/subscribe.js" async></script> <script> const script_subscribe = document.getElementById('poool-subscribe'); script_subscribe.addEventListener('load', function () { subscribe = Subscribe.init('ILD4S-2S1MH-UGZ3J-1SEEH'); subscribe.createAuthElement('signin-with-subscribe-button', { target: '#auth-widget-topbar' }); subscribe.createAuthElement('signin-with-subscribe-button', { target: '#auth-widget-menuburger' }); //subscribe.config('debug', true); // Appel ( async / await) ///////////////////////// async function getUserDatas() { const user = await subscribe.getUser(); //[KO] user => undefined //alert("user info: " + user // + "\nid_subscription: " + user.subscription.subscriptionId // + "\nstatus: " + user.subscription.status // + "\ncreatedAt: " + user.subscription.createdAt); if(user != undefined && user.subscription != null && user.subscription.status == "active"){ //alert("status == active : subscribe[OK]"); $("#auth-widget-topbar").css("margin-top", "12px"); // alignement infoUSer (topbar) disablePaywall(); }else{ // //alert("access[null] OR subscribe[KO]: keepContext"); } } getUserDatas(); }); </script> <!-- ############# FIN PAYWALL(Pool) ############# --> <!-- FIRST-ID [gestion cookie first/tiers] --> <!-- ##################################### --> <!-- ---- intégration [loader.min.js] ---- --> <script src="https://cdn.first-id.fr/sdk/loader/loader.min.js"></script> <!-- first-ID [PROD] --> <!-- first-ID [RECE-PREPROD] --> <script> // function initFirstID() { // //alert("gestion first-ID"); console.log('version/call first-ID') // window.firstId = window.firstId || { callbacks: [], // callbacks to execute when the SDK is loaded debug: false, // if you want to see the logs of the SDK cookieName: 'firstid', // the name of the cookie where you put the First-id value after the gate redirect // User hashed email value emailCookieName: 'hashed_email', // the name of the cookie where we can find the hashed email value after the user login emailHashed: null, // OR the hashed email value of the user if you have it before the SDK initialization emailGetterCallback: null, // OR a callback to get the hashed email value of the user refreshCookieName: 'firstid_refresh', // the name of the cookie that SDK create to tell you to make a redirect to our gate to resync the First-id value }; // // callbacks to execute when the SDK is loaded window.firstId.callbacks.push(() => { console.log('First-id SDK loaded. #1') //alert('[First-id callbacks]: SDK loaded. #1'); }); // // callback to get the First-id value window.firstId.callbacks.push(() => { console.log('First-id SDK loaded #2') //alert('[First-id callbacks]: SDK loaded. #2'); try { var _firstID = FIRSTID.getId(); // you can access to the First-id SDK with the global variable "FIRSTID", this method return the First-id value console.log('First-id cookie: ' + _firstID) //alert('First-id cookie: ' + _firstID); } catch (e) { if (e.code === 'FirstIdCookieNotFound') { console.log('FirstID cookie not found'); //alert('[First-id callbacks]: FirstID cookie not found'); } } }); } </script> <!-- JS larousse-Masterpage --> <script type="text/javascript" src="/library-web/larcom/masterpage/js/masterpage.js"></script> <!-- src="[module]/assets/js/masterpage.js" --> </html>

Pages: 1 2 3 4 5 6 7 8 9 10