CINXE.COM

Formation d'un arc-en-ciel – Média 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: [25/11/2024 15:25:17] --> <script> dataLayer = [{'lang':"fr", 'page_type':"editorial", 'page_category':"encyclopedie", 'page_subcategory':""}]; // Problème compatiblitiy [<head></head>] & [Modify by C#] </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> Formation d'un arc-en-ciel – Média 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/media.202006181224.css"> <script src="/encyclopedie/assets/js/encyclopedie.202001271425.js"></script> <meta property="og:title" content="Formation d'un arc-en-ciel – Média LAROUSSE" /> <meta itemprop="name" content="Formation d'un arc-en-ciel – Média LAROUSSE" /> <meta name="description" content="L'arc-en-ciel se forme lorsque la lumière du Soleil, assez bas sur l'horizon, est décomposée par les gouttes d'eau en suspension dans l'atmosphère, qui jouent un rôle analogue à un prisme. L'arc-en-ciel comporte deux arcs de cercle dont l'ordre des couleurs est inversé. L'arc principal est formé par la dispersion de la lumière réfléchie à l'intérieur des gouttes d'eau. L'arc secondaire résulte de la dispersion de la lumière ayant subi une double réflexion à l'intérieur des gouttes d'eau." /> <meta property="og:description" content="L'arc-en-ciel se forme lorsque la lumière du Soleil, assez bas sur l'horizon, est décomposée par les gouttes d'eau en suspension dans l'atmosphère, qui jouent un rôle analogue à un prisme. L'arc-en-ciel comporte deux arcs de cercle dont l'ordre des couleurs est inversé. L'arc principal est formé par la dispersion de la lumière réfléchie à l'intérieur des gouttes d'eau. L'arc secondaire résulte de la dispersion de la lumière ayant subi une double réflexion à l'intérieur des gouttes d'eau." /> <meta itemprop="description" content="L'arc-en-ciel se forme lorsque la lumière du Soleil, assez bas sur l'horizon, est décomposée par les gouttes d'eau en suspension dans l'atmosphère, qui jouent un rôle analogue à un prisme. L'arc-en-ciel comporte deux arcs de cercle dont l'ordre des couleurs est inversé. L'arc principal est formé par la dispersion de la lumière réfléchie à l'intérieur des gouttes d'eau. L'arc secondaire résulte de la dispersion de la lumière ayant subi une double réflexion à l'intérieur des gouttes d'eau." /> <link rel="canonical" href="https://www.larousse.fr/encyclopedie/animations/Formation_dun_arc-en-ciel/1100993" /> <meta property="og:url" content="https://www.larousse.fr/encyclopedie/animations/Formation_dun_arc-en-ciel/1100993" /> <meta itemprop="url" content="https://www.larousse.fr/encyclopedie/animations/Formation_dun_arc-en-ciel/1100993" /> <meta name="keywords" content="Arc-en-ciel, formation" /> <meta property="og:image" content="https://www.larousse.fr/encyclopedie/data/vignettes/1100993-Formation_dun_arc-en-ciel.jpg" /> <meta itemprop="image" content="https://www.larousse.fr/encyclopedie/data/vignettes/1100993-Formation_dun_arc-en-ciel.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 [animations] </b></a> > <b>Arc-en-ciel formation</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" role="article"> <h1>Formation d'un arc-en-ciel</h1> <figure> <iframe src="https://www.youtube.com/embed/kMIHD6GBXrc?rel=0&showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen height="315" width="560"></iframe> <figcaption> <p class="titre">Formation d'un arc-en-ciel</p> <p class="legende">L'arc-en-ciel se forme lorsque la lumière du Soleil, assez bas sur l'horizon, est décomposée par les gouttes d'eau en suspension dans l'atmosphère, qui jouent un rôle analogue à un prisme. L'arc-en-ciel comporte deux arcs de cercle dont l'ordre des couleurs est inversé. L'arc principal est formé par la dispersion de la lumière réfléchie à l'intérieur des gouttes d'eau. L'arc secondaire résulte de la dispersion de la lumière ayant subi une double réflexion à l'intérieur des gouttes d'eau.</p> <p class="credit">&copy; Larousse 2006</p> </figcaption> </figure> </article> </div> <div class="col-md-4"> <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/animations/Mirage/1101047"> <img src="/encyclopedie/data/vignettes/1101047-Mirage.jpg" alt="Mirage" title="Mirage" /></a> <figcaption>Mirage</figcaption> </figure> <figure class="photo"><a href="/encyclopedie/animations/Prisme/1100995"> <img src="/encyclopedie/data/vignettes/1100995-Prisme.jpg" alt="Prisme" title="Prisme" /></a> <figcaption>Prisme</figcaption> </figure> <figure class="photo"><a href="/encyclopedie/images/Prismes/1010104"> <img src="/encyclopedie/data/vignettes/1010104-Prismes.jpg" alt="Prismes" title="Prismes" /></a> <figcaption>Prismes</figcaption> </figure> <figure class="photo"><a href="/encyclopedie/images/R%C3%A9fraction/1009803"> <img src="/encyclopedie/data/vignettes/1009803-Réfraction.jpg" alt="Réfraction" title="Réfraction" /></a> <figcaption>Réfraction</figcaption> </figure> <figure class="photo"><a href="/encyclopedie/images/R%C3%A9flexion_dun_rayon_lumineux/1009793"> <img src="/encyclopedie/data/vignettes/1009793-Réflexion_d_un_rayon_lumineux.jpg" alt="Réflexion d'un rayon lumineux" title="Réflexion d'un rayon lumineux" /></a> <figcaption>Réflexion d'un rayon lumineux</figcaption> </figure> <figure class="photo"><a href="/encyclopedie/images/Arc-en-ciel_g%C3%A9om%C3%A9trie/1003619"> <img src="/encyclopedie/data/vignettes/1003619-Arc-en-ciel_géométrie.jpg" alt="Arc-en-ciel, géométrie" title="Arc-en-ciel, géométrie" /></a> <figcaption>Arc-en-ciel, géométrie</figcaption> </figure> <figure class="photo"><a href="/encyclopedie/images/Lumi%C3%A8re_d%C3%A9composition_par_r%C3%A9fraction_de_la_lumi%C3%A8re_blanche/1003173"> <img src="/encyclopedie/data/vignettes/1003173-Lumière_décomposition_par_réfraction_de_la_lumière_blanche.jpg" alt="Lumière, décomposition par réfraction de la lumière blanche" title="Lumière, décomposition par réfraction de la lumière blanche" /></a> <figcaption>Lumière, décomposition par réfraction de la lumière blanche</figcaption> </figure> </div> <div class="banner-title"> <hr class="line-left" /><span class="fontello"></span> <hr class="line-right" /> <p class="panel-title">Articles associés</p> </div> <div class="zone-articles"> <article><a href="/encyclopedie/divers/arc-en-ciel/17644"> <h2><b>arc-en-ciel</b>. </h2> <p>Météore en forme d'arc, présentant les couleurs du spectre, et...</p></a> </article> <article><a href="/encyclopedie/divers/r%C3%A9fraction/86724"> <h2><b>réfraction</b>. </h2> <p>Changement de la direction de propagation d'une onde électromagnétique ou...</p></a> </article> <article><a href="/encyclopedie/divers/r%C3%A9flexion/86670"> <h2><b>réflexion</b>. </h2> <p>[OPTIQUE] Renvoi d'un rayonnement par une surface sans changement de fréquence des radiations...</p></a> </article> <article><a href="/encyclopedie/divers/m%C3%A9t%C3%A9orologie/69777"> <h2><b>météorologie</b>. </h2> <p>Science qui étudie les phénomènes affectant la partie la plus...</p></a> </article> </div> </div> <div id="taboola-right-rail-encyclo-thumbnails" class="taboola"></div> </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