La Vie - Le site chrétien d'actualité

<!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"/>    <meta http-equiv="refresh" content="300" /> <link rel="icon" type="image/png" href="/img/logo-la-vie.png" /> <meta name="robots" content="index, follow, noarchive" /> <meta name="googlebot" content="index, follow, noarchive" /> <meta name="robots" content="max-video-preview:3" /> <meta name="robots" content="max-image-preview:standard" /> <meta name="robots" content="max-snippet:-1" /> <meta property="fb:page_id" content="358017849078" /> <meta name="language" content="fr-FR" /> <meta property="og:site_name" content="La Vie.fr" /> <meta property="og:locale" content="fr_FR" /> <meta name="google-site-verification" content="Sl45pLA0pWhPEzK-zsjMkkAbwMNs9f_1e21woecT218" /> <meta name="apple-itunes-app" content="app-id=387681333"/> <link rel="apple-touch-icon" href="/img/touch-icon-iphone.png"> <link rel="apple-touch-icon" sizes="76x76" href="/img/touch-icon-ipad.png"> <link rel="apple-touch-icon" sizes="120x120" href="/img/touch-icon-iphone-retina.png"> <link rel="apple-touch-icon" sizes="152x152" href="/img/touch-icon-ipad-retina.png"> <link rel="icon" href="/img/android-chrome-192x192.png" sizes="192x192" /> <link rel="icon" href="/img/android-chrome-144x144.png" sizes="144x144" /> <link rel="icon" href="/img/android-chrome-96x96.png" sizes="96x96" /> <link rel="icon" href="/img/android-chrome-72x72.png" sizes="72x72" /> <link rel="icon" href="/img/android-chrome-48x48.png" sizes="48x48" /> <link rel="icon" href="/img/android-chrome-36x36.png" sizes="36x36" /> <link rel="shortcut icon" href="/img/favicon.ico" /> <meta name="description" content="La Vie, le site chrétien d'actualité" /> <meta property="og:description" content="Analyse, décryptage, information et débat retrouvent du sens dans La Vie"/> <meta property="og:type" content="website" /> <meta property="og:image:width" content="650" /> <meta property="og:image:height" content="380" /> <meta property="og:image:type" content="image/png" /> <meta property="og:title" content="La Vie – Actualité, Débat, Christianisme, Idées, Débats, Spiritualité" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@LaVieHebdo" /> <meta name="twitter:url" content="https://www.lavie.fr" /> <meta name="twitter:title" content="A la Une" /> <meta name="twitter:description" content="La Vie, le site chrétien d'actualité" /> <meta name="twitter:image" content="https://www.lavie.fr/img/logo-la-vie.png" /> <meta name="keywords" content="" /> <meta name="author" content="La Vie, magazine" /> <title>La Vie - Le site chrétien d'actualité</title> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Expires" content="0"> <meta http-equiv="Pragma" content="no-cache"> <link rel="stylesheet" href="/css/styles.css" /> <script src="/js/lib/jquery-3.5.1.js"></script> <script src="/js/lib/jquery-ui-1.12.1.js"></script> <script async defer src="/js/lib/font-awesome-4fdae7e39b.js"></script> <script type="text/javascript" src="https://cmp.lavie.fr/js/tcfv2-stub.min.js"></script> <script type="text/javascript"> var GDPR_CONFIG = { displayMode: 'standard', content: { siteName: 'La Vie', deName: 'de La Vie', aName: 'à La Vie', policyUrl: 'https://www.lavie.fr/pages/confidentialite', vendors: { analytics: ["Google Analytics"], social: ["Twitter", "Twitter (Cards)", "Twitter (Timelines)", "Facebook", "Pixel Facebook", "Instagram", "LinkedIn", "Snapchat"], personalization: ["Poool", "Batch", "Forecast"], }, }, }; </script> <script src="https://cmp.lavie.fr/js/mp.min.js" async="1"></script> <script type="text/javascript" async="async" src="https://widgets.outbrain.com/outbrain.js"></script> <script type="text/javascript" src="https://tag.aticdn.net/558199/smarttag.js"></script> <script type="module" src="/js/main.js"></script> <script type="text/javascript"> let config = { 'accueil': {name: 'home', level2: '1', chapter1: 'home'}, 'actualite': {name: 'rubrique', level2: '2', chapter1: 'actualite'}, 'christianisme': {name: 'rubrique', level2: '16', chapter1: 'christianisme'}, 'idees': {name: 'rubrique', level2: '17', chapter1: 'idees'}, 'ma-vie': {name: 'rubrique', level2: '18', chapter1: 'ma-vie'}, 'services': {name: 'rubrique', level2: '19', chapter1: 'services'}, } </script>    <style type="text/css">.tag-img { background: #c52630; padding: 3px 5px; font-family: Roboto; font-weight: 500; text-decoration: none; color: #fff; display: inline-block; font-size: 11px; text-transform: uppercase; } </style>    <style type="text/css"> .infobulle { font-familly: arial; font-size: 20px; color: #fff !important; background-color: #c52630; padding: 15px; } article h2 em { font-family: 'Source Serif 4', serif; font-weight: 700; color: #c52630; text-decoration: none; margin-bottom: 20px; font-size: 1.2rem; line-height: 1.2rem; } article h2 { font-family: 'Source Serif 4', serif; font-weight: 700; color: #c52630; text-decoration: none; margin-bottom: 20px; font-size: 1.2rem; line-height: 1.2rem; } h2.question em { font-family: 'Source Serif 4', serif; font-weight: 700; color: #454545; text-decoration: none; font-size: 1rem; line-height: 31px; } aside .art-selection .chapo a { color: #5a5a5a; font-weight: 300; } aside .abo-col-droite { text-align: center; color: #454545; font-family: Roboto; font-weight: 700; text-decoration: none; border: solid 2px #c52630; padding: 20px; } .bloc-dossier { padding-bottom: 60px; } span.soutenir em { text-align: center; font-size: 14px; font-family: Roboto; line-height: 2.1rem; color: #fff; } .cont-1col .full-width article .content-art img { width: 50%; } /*NOUVEAU ABO*/ header .connexion .bt-abo { background-color: #f8af00; padding: 5px 15px; border-radius: 3px; text-decoration: none; font-family: Roboto; font-weight: 400; text-decoration: none; color: #FFF; font-size: .7rem; line-height: 1rem; display: inline-block; } .main .abo-full { border: solid 10px #C52630; padding: 20px; margin-top: 20px; margin-bottom: 40px; max-width: 820px; margin: auto; } .conditions .if-abo .abo { background-color: #f8af00; padding: 5px 15px; border-radius: 3px; text-decoration: none; font-family: Roboto; font-weight: 300; color: #000; text-decoration: none; font-size: .8rem; line-height: 1rem; display: inline-block; } .conditions .if-abo .abo a { color: #000; } .cont-1col .partage-sticky .abo-left, .cont-2col .partage-sticky .abo-left { position: -webkit-sticky; position: sticky; top: 203px; background-color: #f8af00; padding: 5px 15px; border-radius: 3px; text-decoration: none; font-family: Roboto; font-weight: 300; color: #000; font-size: .7rem; line-height: .9rem; display: inline-block; width: 69px; text-align: center; margin-top: 10px; } .abo-full .offrenumspeciale { font-family: Roboto; font-weight: 700; color: #C52630; text-decoration: none; font-size: 1.5rem; padding-top: 10px; text-align: center; padding-bottom: 30px; } .abo-full .tarif0 { font-family: Roboto; font-weight: 700; font-size: 3rem; padding-right: 20px; padding-top: 12px; color: #C52630; } .bt-jaune { background-color: #C52630; padding: 5px 15px; border-radius: 3px; text-decoration: none; font-family: Roboto; font-weight: 300; color: #454545; text-decoration: none; color: #fff; font-size: .7rem; line-height: .9rem; display: inline-block; display: block; margin: auto; max-width: 160px; text-align: center; padding: 10px 15px; line-height: 1; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; } .bt-blanc { background-color: #fff; border-radius: 3px; text-decoration: none; font-family: Roboto; font-weight: 300; text-decoration: none; color: #C52630; line-height: 1.1rem; text-align: center; display: inline-block; opacity: 1; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; } .bloc-abo-footer { background-color: #C52630; text-align: center; width: 100%; padding-bottom: 10px; padding-top: 20px; margin-top: 10px; } .bloc-abo-footer .bt-blanc { background-color: #fff; text-align: center; padding: 5px 25px; margin: 20px; border-radius: 3px; font-family: Roboto; text-decoration: none; font-size: .9rem; color: #C52630; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; } .cont-1col .partage-sticky .abo-left, .cont-2col .partage-sticky .abo-left { position: -webkit-sticky; position: sticky; top: 203px; background-color: ; padding: 5px 15px; border-radius: 3px; text-decoration: none; font-family: Roboto; font-weight: 300; color: #000; font-size: .7rem; line-height: .9rem; display: inline-block; width: 69px; text-align: center; margin-top: 10px; } .abo a { color: #FFF; } .abo a:hover { color: #000; } .conditions .if-abo .abo a { color:#FFF; } @media screen and (max-width: 414px) { .main .liste-wrap article.art-small.cont-flex .tt { min-height: 0 !important; } } @media screen and (max-width: 1220px) { .cont-1col .partage-sticky, .cont-2col .partage-sticky { position: inherit; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; display: none; } } /*Nouveau bloc abo juin 2023*/ .bloc-payant .cont { /*background-color: #F8AF00 !important;*/ background-color: #678c9d !important; padding: 40px; text-align: center; font-family: Roboto; color: #000; text-decoration: none; margin: auto; margin-top: 50px; } @media (max-width:768px) { .bloc-payant .cont { /*background-color: #F8AF00;*/ background-color: #678c9d !important; padding: 20px; text-align: center; font-family: Roboto; color: #000; text-decoration: none; margin: auto; margin-top: 50px; } } .bloc-payant .cont p { color: #fff; text-decoration: none; } .titre-offre { background-color: #FFF; font-family: Roboto; font-weight: 700; padding: 10px; color: #000; font-size: 20px; text-transform: uppercase; text-align: center; } @media (max-width:768px) { .titre-offre { background-color: #FFF; font-family: Roboto; font-weight: 700; padding: 10px; color: #000; font-size: 17px; text-transform: uppercase; text-align: center; } } .titre-offre span { background-color: #FFF; color: #C52630; font-size: 20px; text-transform: uppercase; text-align: center; } @media (max-width:768px) { .titre-offre span { background-color: #FFF; color: #C52630; font-size: 17px; text-transform: uppercase; text-align: center; } } .text-offre { text-align: center; margin-top: 10px; } .price { display: flex; justify-content: center; margin-top: 20px; } @media (max-width:768px) { .price { display: block; justify-content: center; margin-top: 20px; } } p.price { padding-top: 20px; } .price img { width: 250px; height: auto; } .price-block { display: flex; margin: 0 auto; } .price-info-block { padding-top: 6px; } .text-block { display: flex; flex-direction: column; align-items: flex-start; padding-top: 20px; } @media (max-width:768px) { .text-block { display: flex; flex-direction: column; align-items: flex-start; padding-top: 0; } } .text-block p { margin: 0; font-size: 24px; text-align: left; color: #FFF; padding-left: 10px; } .text-block .price { font-size: 60px; text-align: right; } .button { background-color: white; color: black; padding: 10px 20px; text-transform: uppercase; font-size: 14px; margin-top: 10px; text-align: center; border: 1px solid #FFF; width: 200px; font-weight: 700; } .button-block { display: block; margin: 0 auto; } .text-block .subscription-details { text-align: center; font-size: 14px; padding-top: 5px; } .deja-abonne { margin-top: 20px; font-size: 16px; color: #FFF; } @media (max-width:768px) { .deja-abonne { margin-top: 40px; font-size: 16px; color: #FFF; } } .deja-abonne a { margin-top: 40px; font-size: 16px; color: #FFF; } /*Nouvelle Formule 2023*/ header .top { height: 96px; border-bottom: solid 4px #c52630; background-color: #c52630 !important; padding: 15px 15px 0 15px; overflow: hidden; z-index: 1000; position: relative; } header .hebdo a.bt-couv { font-family: Roboto; color: #FFFFFF; font-size: .7rem; margin-top: 31px; width: 55px; text-align: center; display: inherit; text-decoration: none; line-height: 19px; } header .connexion .bt-compte { font-family: Roboto; font-weight: 400; color: #ffffff !important; position: relative; padding-left: 20px; padding-right: 20px; text-decoration: none; line-height: 1; display: inline-block; font-size: .7rem; cursor: pointer; } .gris { color: #ffffff !important; } header .connexion .bt-compte span.connected:after { position: absolute; top: 2px; right: -27px; content: "\f13a"; font-family: "Font Awesome 5 Free"; color: #FFFFFF; font-size: 1.1em; } header a.logo.logo-sticky img { padding-top: 1px; height: 32px; width: auto !important; } header a.logo img { max-width: 121px; height: auto; width: 90px !important; } header a.logo { margin: auto; display: block; width: 90px; -webkit-transition: inherit; transition: inherit; } header .menu-principal.sticky { width: 100%; border-bottom: solid 2px #c52630; position: fixed; z-index: 999; top: 0; background-color: #C52630; } header .menu-principal.sticky .container .btn, header .menu-principal.sticky .container a.bt-recherche { color: #FFFFFF; } header .menu-principal.sticky .container .btn i, header .menu-principal.sticky .container a.bt-recherche i { color: #FFFFFF; } header .menu-principal.sticky .container .btn:hover i, header .menu-principal.sticky .container a.bt-recherche:hover i { color: #FFFFFF; } header .menu-principal.sticky .container.home:hover { background-color: #C52630; } header .menu-principal.sticky .container.bt-recherche:hover { background-color: #C52630; } header .menu-principal.sticky .container.bt-recherche:hover a { background-color: #C52630; } @media screen and (max-width: 1024px) { #header .top a.logo img { width: 50px !important; padding-top: 10px !important; } #header .top .ico-menu-mobile i { font-size: 1.5rem; line-height: 1.7rem; color: #FFFFFF; } } footer.bloc-footer .content div.reseau-foot img { width: 120px !important; } aside .art-selection { text-align: center; position: relative; border: solid 1px #cecece; padding-bottom: 30px; border-radius: 0 0 0.8rem 0.8rem; } header .hebdo a.bt-couv:hover { color: #fff; } .bloc-sticky { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #F1E7D8; top: 100%; color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: .8rem; grid-gap: 30px; gap: 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 0; padding: 10px 60px; position: fixed; right: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all .5s ease; transition: all .5s ease; } .bloc-sticky p { color: inherit; line-height: 1.3em; font-weight: 700; } .bloc-sticky .bt { background-color: #F8AF04; border-radius: 3px; color: #000; display: inline-block; font-family: Roboto; font-weight: 400; line-height: 1.3em; padding: 5px 15px; text-align: center; text-decoration: none; } /*.bloc-sticky a.bt { font-family: 'Roboto Regular'; }*/ @media (max-width:768px) { .bloc-sticky { display: none; } } .abo-full .tarifcareme { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: Roboto; font-weight: 700; font-size: 20px; text-align: center; } .main .abo-full .image { padding-right: 15px; width: 50%; flex: 1; display: flex; justify-content: center; align-items: center; } .box2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin: 10px 0 30px 0; } .main .abo-full .image img { /* width: 100%; */ height: auto; max-width: 300px; } .statics h2 { font-family: Roboto; font-weight: 700; color: #454545; text-decoration: none; font-size: 1.4rem; line-height: 1.8rem !important; margin-bottom: 20px; } /*images jeu concours SetS*/ .images-concours { max-width: 100%; height: auto; display: block; margin: 0 auto; } </style>  <script src="/js/lib/ads-prebid.js"></script> <script type="text/plain" data-gdpr-purposes="analytics" data-gdpr-inline> (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-PG65MX2'); </script> <script type="text/plain" data-gdpr-purposes="personalization" data-gdpr-inline> if (typeof type === 'undefined') { var type = 'page'; } type = "page"; </script> <script type="text/javascript"> (function () { document.addEventListener('gdprConsentGiven', function (event) { if (event.purposes) { Object.keys(event.purposes).forEach(function (key) { if (event.purposes[key] === true) { // new method try { dataLayer.push({ event: 'gdpr_consent_given_purpose_' + key, }) } catch (e) { console.error(e) } } }); } }); })(); </script> <script type="text/plain" data-gdpr-purposes="analytics" data-gdpr-src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script> <script type='text/javascript'> if (typeof type === 'undefined') { var type; } var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; </script> <script type="text/plain" data-gdpr-purposes="analytics" data-gdpr-src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script> <script type="text/javascript"> googletag.cmd.push(function () { // Bloc d'annonces var bloc_annonces = '128139881/'; bloc_annonces += 'LV_lavie/'; bloc_annonces += "divers/divers/hp" // Taille devices var desktop = [1224, 200]; var tablet = [1024, 200]; var smartphone = [680, 200]; // Définition des espaces publicitaires // Habillage /* googletag.defineOutOfPageSlot(bloc_annonces+'/habillage', 'habillage'). addService(googletag.pubads()). setTargeting('pos', 'habillage'); */ // Banniere haute googletag.defineSlot(bloc_annonces+'/banniere_haute',[], 'banniere_haute'). defineSizeMapping( googletag.sizeMapping(). addSize(desktop, [[728,90],[970,250],[970,90],[1000,90],[1000,200],[1000,300],[1000,350],[1000,400],[1000,450],[1000,500],[468,60]]). addSize(tablet, [[728,90],[970,250],[970,90],[1000,90],[1000,200],[1000,300],[1000,350],[1000,400],[1000,450],[1000,500],[468,60]]). addSize(smartphone, [[320,50]]). build()). addService(googletag.pubads()). setTargeting('pos', 'banniere_haute'); // Pavé haut googletag.defineSlot(bloc_annonces+'/pave_haut',[300,250], 'pave_haut'). defineSizeMapping( googletag.sizeMapping(). addSize(desktop, [[300,250],[300,600],[300,800],[300,900],[300,1000],[300,1050]]). addSize(tablet, [[300,600],[300,250]]). addSize(smartphone, [[300,600],[300,250]]). build()). addService(googletag.pubads()). setTargeting('pos', 'pave_haut'); // Pavé milieu googletag.defineSlot(bloc_annonces+'/pave_milieu',[300,250], 'pave_milieu'). defineSizeMapping( googletag.sizeMapping(). addSize(desktop, [[300,600],[300,250]]). addSize(tablet, [[300,600],[300,250]]). addSize(smartphone, [[300,600],[300,250]]). build()). addService(googletag.pubads()). setTargeting('pos', 'pave_milieu'); // Pavé bas googletag.defineSlot(bloc_annonces+'/pave_bas',[300,250], 'pave_bas'). defineSizeMapping( googletag.sizeMapping(). addSize(desktop, [[300,250]]). addSize(tablet, [[300,250]]). addSize(smartphone, [[300,250]]). build()). addService(googletag.pubads()). setTargeting('pos', 'pave_bas'); googletag.pubads().addEventListener('slotRenderEnded', function (event) { if (!event.isEmpty && event.size.toString() != [1, 1].toString() && jQuery('#' + event.slot.getSlotElementId()).find('iframe').css('display') != 'none') { jQuery('#' + event.slot.getSlotElementId()).addClass('pub'); } }); var rub = ["divers/divers/hp"] var keywords = []; googletag.pubads().setTargeting('rub', rub); googletag.pubads().setTargeting('keywords', keywords); //googletag.pubads().enableSingleRequest(); googletag.pubads().collapseEmptyDivs(true); googletag.enableServices(); }); </script> </head> <body id="body" class="lv">    <header id="header"> <div class="contenu-connexion cont-bloc"> <div class="bt-head"> </div> </div> <div id="bg" class=""></div> <div class="sur-head"> <ul class="reseaux"> <li> <a href="https://www.facebook.com/LaVieHebdo/" title="Facebook" target="_blank"> <i class="fab fa-facebook-f" aria-hidden="true"></i> </a> </li> <li> <a href="https://twitter.com/LaVieHebdo" title="Twitter" target="_blank"> <i class="fab fa-twitter" aria-hidden="true"></i> </a> </li> <li> <a href="https://www.instagram.com/laviehebdo/" title="Insta" target="_blank"> <i class="fab fa-instagram" aria-hidden="true"></i> </a> </li> <li> <a href="https://www.youtube.com/channel/UCA5S6hSzDfaQESCk5RjAIiw" title="Youtube" target="_blank"> <i class="fab fa-brands fa-youtube"></i> </a> </li> <li> <a href="https://www.lavie.fr/pages/application/" title="Mobile" target="_blank"> <i class="mobile"></i> </a> </li> <li> <a href="http://nl-edito.lavie.fr" title="Mail" target="_blank"> <i class="mail" aria-hidden="true"></i> </a> </li> <li> <a href="#" title="Rss" target="_blank"> <i class="rss" aria-hidden="true"></i> </a> </li> </ul> <a class="bt" href="https://boutique.lavie.fr" target="_blank">Boutique</a> </div> <div id="top" class="top"> <div class="hebdo"> <div class="couv"> <a href="https://kiosque.lavie.fr" target="_blank"> <img src="https://medias.lavie.fr/api/v1/images/view/6746e39554017f69af26f549/edition_hebdo/image.jpg" alt="couverture" /> </a> </div> <a class="bt-couv" href="https://kiosque.lavie.fr" target="_blank" >Lire l’hebdo</a> </div> <a id="menu-mobile" class="ico-menu-mobile"><i class="fas fa-bars"></i></a> <a id="logo" class="logo" href="/"><img src="/img/logo-la-vie.png" alt="logo la vie"></a> <div class="connexion" id="connex"> <a href="https://abo.lavie.fr/login.html?url=https%3A%2F%2Fwww.lavie.fr%2Frecherche%2F" id="bt-connexion" class="bt-compte"> <i class="fas fa-user-circle gris" aria-hidden="true"></i> <span>Se connecter</span> </a> <a class="bt-abo" target="_blank" href="https://abo.lavie.fr/">S’abonner</a> </div> </div> <nav id="nav" class="menu-principal"> <ul> <li class="container home"> <a class="btn" title="Page d'accueil" href="/"><i class="fas fa-home"></i><span>Accueil </span></a> </li> <li class="container"> <div class="btn"> <span>Actualité</span> <i class="fas fa-chevron-circle-down grisMoyen" aria-hidden="true"></i> </div> <div class="content"> <ul class="col4"> <li> <a class="ss-rub" href="/actualite/">ACTUALITE</a> </li> <li> <a class="ss-rub" href="/actualite/societe/">Société</a> </li> <li> <a class="ss-rub" href="/actualite/geopolitique/">Géopolitique</a> </li> <li> <a class="ss-rub" href="/actualite/ecologie/">Écologie</a> </li> <li> <a class="ss-rub" href="/actualite/solidarite/">Solidarité</a> </li> <li> <a class="ss-rub" href="/actualite/sciences/">Sciences</a> </li> </ul> </div> </li> <li class="container"> <div class="btn"> <span>Christianisme</span> <i class="fas fa-chevron-circle-down grisMoyen" aria-hidden="true"></i> </div> <div class="content"> <ul class="col4"> <li> <a class="ss-rub" href="/christianisme/">CHRISTIANISME</a> </li> <li> <a class="ss-rub" href="/christianisme/temoignage/">Témoignage</a> </li> <li> <a class="ss-rub" href="/christianisme/eglise/">Église</a> </li> <li> <a class="ss-rub" href="/christianisme/bible/">Bible</a> </li> </ul> </div> </li> <li class="container"> <div class="btn"> <span>Idées</span> <i class="fas fa-chevron-circle-down grisMoyen" aria-hidden="true"></i> </div> <div class="content"> <ul class="col4"> <li> <a class="ss-rub" href="/idees/">IDÉES</a> </li> <li> <a class="ss-rub" href="/idees/editos/">Édito</a> </li> <li> <a class="ss-rub" href="/idees/chroniques/">Chronique</a> </li> <li> <a class="ss-rub" href="/idees/debats/">Débat</a> </li> <li> <a class="ss-rub" href="/idees/histoire/">Histoire</a> </li> </ul> </div> </li> <li class="container"> <div class="btn"> <span>Modes de vie</span> <i class="fas fa-chevron-circle-down grisMoyen" aria-hidden="true"></i> </div> <div class="content"> <ul class="col4"> <li> <a class="ss-rub" href="/ma-vie/">MODES DE VIE</a> </li> <li> <a class="ss-rub" href="/ma-vie/spiritualite/">Spiritualité</a> </li> <li> <a class="ss-rub" href="/ma-vie/sens-et-sante/">Sens et santé</a> </li> <li> <a class="ss-rub" href="/ma-vie/sante-bien-etre/">Psycho</a> </li> <li> <a class="ss-rub" href="/ma-vie/famille/">Famille</a> </li> <li> <a class="ss-rub" href="/ma-vie/loisirs/">Loisirs</a> </li> </ul> </div> </li> <li class="container"> <div class="btn"> <span>Culture</span> <i class="fas fa-chevron-circle-down grisMoyen" aria-hidden="true"></i> </div> <div class="content"> <ul class="col4"> <li> <a class="ss-rub" href="/ma-vie/culture/">CULTURE</a> </li> <li> <a target="_blank" class="ss-rub" href="/mot-clef/cinema/">Cinéma</a> </li> <li> <a target="_blank" class="ss-rub" href="https://www.lavie.fr/mot-clef/litterature/">Littérature</a> </li> <li> <a target="_blank" class="ss-rub" href="/mot-clef/spectacle/">Spectacles</a> </li> <li> <a target="_blank" class="ss-rub" href="/mot-clef/exposition/">Exposition</a> </li> <li> <a target="_blank" class="ss-rub" href="https://www.lavie.fr/mot-clef/musique/">Musique</a> </li> <li> <a target="_blank" class="ss-rub" href="/mot-clef/television/">Télévision</a> </li> </ul> </div> </li> <li class="container"> <div class="btn"> <span>Services</span> <i class="fas fa-chevron-circle-down grisMoyen" aria-hidden="true"></i> </div> <div class="content"> <ul class="col4"> <li> <a class="ss-rub" href="/services/voyages/">Voyages</a> </li> <li> <a class="ss-rub" href="/services/evenements/">Évènements</a> </li> <li> <a class="ss-rub" href="/services/amis-de-la-vie/">Amis de La Vie</a> </li> <li> <a target="_blank" class="ss-rub" href="https://www.guidestchristophe.com/">Guide Saint Christophe</a> </li> <li> <a target="_blank" class="ss-rub" href="https://www.lavie.fr/pages/petites-annonces/">Petites annonces</a> </li> <li> <a target="_blank" class="ss-rub" href="https://boutique.lavie.fr">Boutique</a> </li> </ul> </div> </li> <li class="container bt-recherche"><a class="link-menu bt-recherche" href="/recherche/"><i class="fas fa-search "></i><span class="label">Rechercher</span></a></li> </ul> <div class="more-mobile"> <div > <ul> <li class="tt">À propos</li> <li><a href="/pages/qui-sommes-nous">Qui sommes-nous ?</a></li> <li><a href="/pdfs/pub-lavie.pdf" target="_blank">Publicité</a></li> <li><a href="/pages/partenaires">Partenaires</a></li> <li><a href="/pages/contact">Contact</a></li> <li><a href="/pages/charte-la-vie-le-monde">Charte La Vie Le Monde</a></li> <li><a href="/pages/aide-faq">Aide / FAQ</a></li> <li><a href="/pages/mentions-legales">Mentions légales</a></li> <li><a href="/pages/conditions-generales-d-utilisation">Conditions générales d'utilisation</a></li> <li><a class="gdpr-cs-parameters-link" href="#">Gestion des cookies</a></li> <li><a href="/pages/confidentialite">Politique de confidentialité</a></li> </ul> </div> <div> <ul> <li class="tt">Pratique</li> <li><a href=" https://boutique.lavie.fr" target="_blank">Boutique</a></li> <li><a href="https://abo.lavie.fr" target="_blank">Abonnement</a></li> <li><a href="/papier/">Éditions papier</a></li> <li><a href="https://www.guidestchristophe.com" target="_blank">Guide Saint-Christophe</a></li> <li><a href="/services/voyages/" target="_blank">Voyages</a></li> <li><a href="/pages/service-client">Service client</a></li> <li><a href="mailto:courrier@lavie.fr" target="_blank">Courrier des lecteurs</a></li> <li><a href="/archives/">Archives</a></li> <li><a href="/pages/petites-annonces">Petites annonces</a></li> <li><a href="/plan-du-site/">Plan du site</a></li> </ul> </div> <ul class="reseaux"> <li> <a href="https://www.facebook.com/LaVieHebdo/" title="Facebook" target="_blank"> <i class="fab fa-facebook-f" aria-hidden="true"></i> </a> </li> <li> <a href="https://twitter.com/LaVieHebdo" title="Twitter" target="_blank"> <i class="fab fa-twitter" aria-hidden="true"></i> </a> </li> <li> <a href="https://www.instagram.com/laviehebdo/" title="Insta" target="_blank"> <i class="fab fa-instagram" aria-hidden="true"></i> </a> </li> <li> <a href="https://www.youtube.com/channel/UCA5S6hSzDfaQESCk5RjAIiw" title="Youtube" target="_blank"> <i class="fab fa-brands fa-youtube" aria-hidden="true"></i> </a> </li> <li> <a href="https://www.lavie.fr/pages/application/" title="Mobile" target="_blank"> <i class="mobile"></i> </a> </li> <li> <a href="http://nl-edito.lavie.fr" title="Mail" target="_blank"> <i class="mail" aria-hidden="true"></i> </a> </li> <li> <a href="#" title="Rss" target="_blank"> <i class="rss" aria-hidden="true"></i> </a> </li> </ul> <div class="store"> <a href="https://play.google.com/store/apps/details?id=com.forecomm.laviemag&hl=fr" target="_blank"><img alt="app store" src="/img/google-play.png"></a> <a href="https://apps.apple.com/fr/app/la-vie/id387681333" target="_blank"><img alt="google play" src="/img/app-store.png"></a></div> </div> </nav> <script> function disableOffers() { let date = new Date(); date.setTime(date.getTime() + (365 * 24 * 3600 * 1000)); document.cookie = "no_offers=; path=/; expires=" + date.toGMTString(); } </script> <div class="bandeau-abo">    <p id="showcaseHeader"><strong>Cet article vous est offert en partenariat avec Google.</strong> Pour bénéficier d'un accès illimité à nos articles, <a href="https://abo.lavie.fr?utm_source=gshowcase&utm_medium=article" target="_blank" style="text-decoration: underline;">abonnez-vous</a></p>    <a href="#" onclick="disableOffers(); return false;"><i class="fa fa-times"></i></a> </div> </header>  <div class="main ">      <div class="ariane"> <ul> <li> <a href="/" title="Accueil">Accueil</a> </li> <li> / <a class="active" href="/recherche/" title="Recherche">Recherche</a> </li> </ul> </div>    <hr class="top-page"> <div class="cont-2col"> <div class="content liste-cat">    <h1 class="tt page-liste">Résultat de recherche</h1> <p>Recherchez un article, un éditorial, une chronique ou une archive parmi l’ensemble des publications de l’hebdo. </p> <hr /> <form id="recherche" method="post" action="" class="recherche"> <div class="champs-recherche"> <input class="" type="text" name="terms" placeholder="Recherche" /> </div> <div class="affiner"> <div class="cont-flex"> <div class="select col2"> <label for="rubrique">Par rubrique</label> <div class="select-style"> <select name="rubrique" id="rubrique"> <option value="">Tout le site</option> </select> </div> </div> <div class="col2 date cont-flex"> <div class="col2"> <label for="start">Du</label> <input id="start" type="date" name="start" /> </div> <div class="col2"> <label for="end">Au</label> <input id="end" type="date" name="end" /> </div> </div> </div> </div> <input class="col30" type="submit" value="Rechercher" /> <hr> <div class="pertinence"> <h2 id="search_count" class="tt"></h2> <div class="bloc-perti"> <label for="order">Trier les résultats</label> <div class="select-style"> <select id="order" name="order"> <option value="date_desc">Date décroissante</option> <option value="relevance">Pertinence</option> <option value="date_asc">Date croissante</option> </select> </div> </div> </div> </form> <div id="search_articles" class="liste-cat"></div> <script> const IBP_URL = 'https://medias.lavie.fr/api/v1/'; const SITE = 'lv0f'; let currentPage = 1; const extremePagesLimit = 2; const nearbyPagesLimit = 2; fetch('https://www.lavie.fr/api/search/topics', { headers: { 'Accept': 'application/json' } }).then(function(resp) { if (resp.status < 200 || resp.status >= 300) { console.log('Impossible de récupérer les rubriques'); } resp.json().then(function(rubriques) { const rubriquesSelect = document.querySelector('#rubrique'); rubriquesSelect.innerHTML = '<option value="">Tout le site</option>'; rubriques.forEach(function (rubrique) { rubriquesSelect.innerHTML += '<option value="' + rubrique.path + '">' + rubrique.titre + '</option>'; }); }); }) document.querySelector('.recherche').addEventListener('submit', function(event) { event.preventDefault(); currentPage = 1; fetchArticles(); }) document.querySelector('#order').addEventListener('change', function() { currentPage = 1; fetchArticles(); }); function gotoPage(page) { currentPage = page; fetchArticles(); } function fetchArticles() { const formData = new FormData(document.querySelector('#recherche')); formData.append('page', currentPage.toString()); fetch('https://www.lavie.fr/api/search?page=' + currentPage, { method: 'POST', body: formData, headers: { 'Accept': 'application/json' } }).then(function(resp) { if (resp.status < 200 || resp.status >= 300) { console.log('Impossible de récupérer les résultats'); } resp.json().then(function({ per_page, to, total, data, last_page }) { document.querySelector('#search_count').innerHTML = total + ' résultats de recherche'; let constructNode = data.reduce(function (mainNode, article) { const date_publication = new Date(article.date_premiere_publication * 1000); const date = date_publication.toLocaleString('fr-FR', { year: 'numeric', month: 'long', day: 'numeric', hour: 'numeric', minute: 'numeric' }); let node = '<article class="art-liste cont-flex"><div class="image col30"><a href="' + article.url + '">'; if (article.banner_id) { node += '<img src="' + IBP_URL + 'images/view/' + article.banner_id + '/width_1000">'; } else { node += '<img src="/img/no-img.png">'; } node += '</a></div><div class="col70"><h1 class="tt">'; if (article.payant) { node += '<span class="payant"></span>'; } node += '<a href="' + article.url + '">' + article.titre + '</a></h1><div class="meta">'; // Auteurs if (article.signature) { node += article.signature + ' | '; } else if (article.authors.length > 0) { node += 'Par ' + article.authors.join(', ') + ' | '; } node += '<span>' + date + '</span></div>'; if (article.chapeau) { node += '<div class="chapo"><a href="' + article.url + '">' + article.chapeau + '</a></div>'; } node += '</div></article>'; return mainNode + node; }, ''); // Pagination if (total > per_page) { // Pagination constructNode += '<div class="pagination"><ul class="pages">'; if (currentPage === 1) { constructNode += '<li class="page first inactive"> ‹‹ </li>'; constructNode += '<li class="page prev inactive"> ‹ </li>'; } else { constructNode += '<li class="page first"><a href="#" onClick="gotoPage(1); return false;" title="Première page"> ‹‹ </a></li>'; constructNode += '<li class="page prev"><a href="#" onClick="gotoPage(' + (currentPage - 1) + '); return false;"> ‹ </a></li>'; } // Pas une première page if (currentPage !== 1) { for (let i = currentPage - nearbyPagesLimit; i <= currentPage - 1; i++) { if (i > 0) { constructNode += '<li class="page"><a href="#" onclick="gotoPage(' + i + '); return false;" title="' + i + '">' + i + '</a></li>'; } } if (extremePagesLimit + 1 < currentPage - nearbyPagesLimit) { constructNode += '<span>...</span>'; } } constructNode += '<li class="page current"><span>' + currentPage + '</span></li>'; if (currentPage !== last_page) { for (let i = currentPage + 1; i <= currentPage + nearbyPagesLimit; i++) { if (i <= last_page) { constructNode += '<li class="page"><a href="#" onclick="gotoPage(' + i + '); return false;" title="' + i + '">' + i + '</a></li>'; } } if ((last_page - extremePagesLimit) > (currentPage + nearbyPagesLimit)) { constructNode += '<span>...</span>'; } for (let i = last_page - extremePagesLimit + 1; i <= last_page; i++) { if (i > currentPage + nearbyPagesLimit) { constructNode += '<li class="page"><a href="#" onclick="gotoPage(' + i + '); return false;" title="' + i + '">' + i + '</a></li>'; } } } if (currentPage === last_page) { constructNode += '<li class="page next inactive"> › </li>'; constructNode += '<li class="page last inactive"> ›› </li>'; } else { constructNode += '<li class="page next"><a onclick="gotoPage(' + (currentPage + 1) + '); return false;" href="#"> › </a></li>'; constructNode += '<li class="page last"><a onclick="gotoPage(' + last_page + '); return false;" href="#"> ›› </a></li>'; } constructNode += '</ul></div>'; } document.querySelector('#search_articles').innerHTML = constructNode; }); $('html, body').animate({ scrollTop: ($('.pertinence').offset().top - 400) }, 350); }) } </script>  </div> <aside>    <div class="bloc-edition-sidebar bloc-sidebar"> <h3 class="ss-tt">Édition de la semaine</h3> <div class="image"> <a href="https://kiosque.lavie.fr/"> <img src="https://medias.lavie.fr/api/v1/images/view/6746e39554017f69af26f549/edition_hebdo/image.jpg" alt="couverture" /> </a> <a href="https://kiosque.lavie.fr/" class="bt-rouge">Lire le magazine numérique</a> </div> </div>       <div id="pave_haut"> <script type="text/javascript"> googletag.cmd.push(function() { googletag.display('pave_haut'); }); </script> </div>       <div style="background-color: #c52630; padding: 20px;"> <p style="font-family: arial; font-size: 20px; line-height: 1.1rem; color: #ffffff !important;"><a href="http://nl-edito.lavie.fr/" style="color: #FFFFFF; text-decoration: none;" target="_blank"><strong>Newsletters de <i>La Vie</i></strong> </a></p> <p style="font-family: arial; font-size: 15px; line-height: 1.1rem; color: #ffffff !important; padding-top: 20px;"><a href="http://nl-edito.lavie.fr/" style="color: #FFFFFF; text-decoration: none;" target="_blank">"La Vie Quotidienne", "Le choix de La Vie", "Regards chrétiens", "C'est ma foi", "Bonnes nouvelles", "Les Chroniques de La Vie", "Exclus web" : recevez tous nos articles d'actualité directement dans votre boîte mail. </a></p> <a href="http://nl-edito.lavie.fr/" style="color: #FFFFFF; text-decoration: none;" target="_blank"> </a> <div align="center" style="padding-top: 20px;"> <p style="padding-top: 10px; padding-bottom: 10px; background-color: #c52630; border: 2px solid #ffffff; border-radius: 7px; color: #FFFFFF; display: inline-block; font-family: arial; font-size: 15px; text-align: center; text-decoration: none; width: 135px;"><a href="http://nl-edito.lavie.fr/" style="color: #FFFFFF; text-decoration: none;" target="_blank">S'inscrire </a></p> </div> <a href="http://nl-edito.lavie.fr/" style="color: #FFFFFF; text-decoration: none;" target="_blank"> </a></div>    </aside> </div> </div>    <div class="bloc-sticky"> <p>Abonnez-vous à partir de 1€ le premier mois</p> <a class="bt" href="https://abo.lavie.fr">J'en profite</a> <button class="close">×</button> </div>      <footer class="bloc-footer"> <div class="content cont-flex"> <div class="reseau-foot"><img alt="logo la vie" src="https://images.lavie.fr/logo-carre-blanc-fond-transparent-1000x1000.png" /> <ul class="reseaux"> <li> <a href="https://www.facebook.com/LaVieHebdo/" title="Facebook" target="_blank"> <i class="fab fa-facebook-f" aria-hidden="true"></i> </a> </li> <li> <a href="https://twitter.com/LaVieHebdo" title="Twitter" target="_blank"> <i class="fab fa-twitter" aria-hidden="true"></i> </a> </li> <li> <a href="https://www.instagram.com/laviehebdo/" title="Insta" target="_blank"> <i class="fab fa-instagram" aria-hidden="true"></i> </a> </li> </ul> <div class="store"><a href="https://play.google.com/store/apps/details?id=com.forecomm.laviemag&hl=fr" target="_blank"><img alt="app store" src="/img/google-play.png" /></a> <a href="https://apps.apple.com/fr/app/la-vie/id387681333" target="_blank"><img alt="google play" src="/img/app-store.png" /></a></div> </div> <div> <ul> <li class="tt">Rubriques</li> <li><a href="/actualite/">Actualité</a></li> <li><a href="/christianisme/">Christianisme</a></li> <li><a href="/idees/">Idées</a></li> <li><a href="/ma-vie/">Modes de vie</a></li> <li><a href="/ma-vie/culture/">Culture</a></li> <li><a href="/services/">Services</a></li> </ul> </div> <div> <ul> <li class="tt">À propos</li> <li><a href="/pages/qui-sommes-nous">Qui sommes-nous ?</a></li> <li><a href="https://images.lavie.fr/Kit-media-La-Vie_2024_06_20.pdf" target="_blank">Publicité</a></li> <li><a href="/pages/partenaires">Partenaires</a></li> <li><a href="/pages/contact">Contact</a></li> <li><a href="/pages/charte-la-vie-le-monde">Charte La Vie Le Monde</a></li> <li><a href="/pages/aide-faq">Aide / FAQ</a></li> <li><a href="/pages/mentions-legales">Mentions légales</a></li> <li><a href="/pages/conditions-generales-d-utilisation">Conditions générales d'utilisation</a></li> <li><a class="gdpr-cs-parameters-link" href="#">Gestion des cookies</a></li> <li><a href="/pages/confidentialite">Politique de confidentialité</a></li> </ul> </div> <div> <ul> <li class="tt">Pratique</li> <li><a href="https://boutique.lavie.fr" target="_blank">Boutique</a></li> <li><a href="https://abo.lavie.fr" target="_blank">S’abonner / Se désabonner</a></li> <li><a href="/papier/">Éditions papier</a></li> <li><a href="/le-guide">Le Guide TV</a></li> <li><a href="https://www.guidestchristophe.com" target="_blank">Guide Saint-Christophe</a></li> <li><a href="/services/voyages/" target="_blank">Voyages</a></li> <li><a href="/pages/service-client">Service client</a></li> <li><a href="mailto:courrier@lavie.fr" target="_blank">Courrier des lecteurs</a></li> <li><a href="/archives/">Archives</a></li> <li><a href="/pages/petites-annonces">Petites annonces</a></li> <li><a href="/plan-du-site/">Plan du site</a></li> </ul> </div> </div> <div class="sites-groupe">Sites du groupe <ul> <li><a href="https://www.lemonde.fr/" target="_blank"><img alt="le monde" src="/img/icons-footer/icon-lemonde.png" /><span>Le Monde</span></a></li> <li><a href="https://www.courrierinternational.com/" target="_blank"><img alt="" src="/img/icons-footer/icon-courint.png" /><span>Courrier International</span></a></li> <li><a href="https://www.telerama.fr/" target="_blank"><img alt="telerama" src="/img/icons-footer/icon-telerama.png" /><span>Télérama</span></a></li> <li><a href="https://www.monde-diplomatique.fr/" target="_blank"><img alt="le monde diplomatique" src="/img/icons-footer/icon-mondediplo.png" /><span>Le Monde diplomatique</span></a></li> <li><a href="https://www.huffingtonpost.fr/" target="_blank"><img alt="Le Huffington Post" src="/img/icons-footer/icon-huffpost.png" /><span>Le Huffington Post</span></a></li> </ul> </div> <div class="droits"><a class="gdpr-cs-parameters-link" href="#">Gestion des cookies</a> - Tous droits réservés - La Vie 2020</div> </footer>      <div id="overlay" class="overlay-sticky"></div>  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PG65MX2" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <script> window.beOpinionAsyncInit = function () { BeOpinionSDK.init({ account: "586f7737f5d473618a006e99", }); BeOpinionSDK.parse(); } </script> <script type="text/javascript"> var siriusCapping = window.siriusCapping || {}; const homePopinCloseBtn = document.querySelector('#popin-accueil .close'); if (homePopinCloseBtn) { const picturesElement = document.querySelector('#popin-accueil .pictures'); const allImg = picturesElement.children; const keepIndex = Math.floor(Math.random() * allImg.length); for (let i = 0; i < allImg.length; i++) { if (keepIndex !== i) { allImg[i].remove(); } } picturesElement.style.display = 'block'; homePopinCloseBtn.addEventListener('click', function () { document.querySelector('#popin-accueil').style.display = 'none'; }); } function showPopin() { // si 1ere visite if (!getCookie('popin-accueil')) { const homePopin = document.querySelector('#popin-accueil'); if (homePopin) homePopin.style.display = 'block'; setCookie('popin-accueil', 1); } } function showPopinOld(consent = 'no consent') { console.log('appel gestion de la popin ici') // WIP console.log(consent, getCookie('userInfos'), getCookie('popin-accueil')); // Si le cookie n'est pas déjà déposé et que l'utilisateur est identifié, on le dépose if (!getCookie('popin-accueil') && getCookie('userInfos')) { console.log('setcookie before'); setCookie('popin-accueil', 1, 365); } const homePopin = document.querySelector('#popin-accueil'); if (!homePopin) { console.log('homepopin not defined'); return; } if ((consent === 'no consent' || consent === 'not found' || consent === 'partial consent') && !getCookie('userInfos') && !getCookie('popin-accueil')) { console.log('conditions en vrac : consent ou non ; pas loggué, pas de cookie popin') /* TODO a debugger. */ homePopin.style.display = 'block'; deleteCookie('popin-accueil'); console.log('deletecookie'); // La popin n'a jamais été affichée } else if (!getCookie('popin-accueil')) { homePopin.style.display = 'block'; console.log('condition si le cookie popin n\'existe pas') console.log('affichage effectif de la popin') setCookie('popin-accueil', 1, 365); } else { console.log('masquage effectif de la popin') homePopin.style.display = 'none'; } } const current_site = "mlshb:lv0f:" const paths = "mlshb:lv0f:systeme:recherche".split(current_site).pop().split(':'); const rubrique = config[paths[0]]; const ch1 = paths[0]; const ch2 = paths.length === 2 ? paths[1] : ''; let tag = new ATInternet.Tracker.Tag(); $(window).on('load', function () { showPopin(); if (typeof tag !== 'undefined') { // Eviter que le tag AT ne parte avant d'avoir récupérer le consentement de la CMP setPrivacy(tag); if (window.isAdBlockActive === undefined) { tag.publisher.set({ impression: { campaignId: 'adblock', } }); } if (typeof getCookie('userInfos') !== 'undefined') { let userInfos = JSON.parse(unescape(getCookie('userInfos'))); tag.identifiedVisitor.set({ id: userInfos.id, category: userInfos.offre ? userInfos.offre.normalize("NFD").replace(/[\u0300-\u036f]/g, "") : null }); } let subscribed = getCookie('subscribed'); tag.page.set({ name: "lv0f" === 'lv0f' ? rubrique.name : (rubrique.name === 'home' ? 'home' : 'rubrique'), level2: rubrique.level2, chapter1: 'lv0f' === 'hc0f' ? ch1 : rubrique.chapter1, chapter2: ch2, customObject: { Pagetype: rubrique.name, Population: typeof subscribed === 'undefined' ? 'Gratuit' : (subscribed === 'true' ? 'Premium' : 'Inscrit'), consent: hasConsent(), }, }); // On peut envoyer les données du plan de taggage tag.dispatch(); } }); const site = 'lv0f'; const LOGIN_URL = 'https://www.lavie.fr/login'; const OPTIONS = { method: 'POST', headers: { 'Content-Type': 'application/json' } } fetch(LOGIN_URL, OPTIONS) .then(function (resp) { if (resp.status < 200 || resp.status >= 300) { deleteCookie('subscribed'); deleteCookie('userInfos'); document.querySelectorAll('.display-pub').forEach(e => e.classList.remove('display-pub')); throw new Error("Impossible de récupérer les infos utilisateur"); } resp.json().then(function (result) { if (result.userInfos) { let user = result.userInfos; setCookie('subscribed', user.subscribed.toString(), 365) setCookie('userInfos', JSON.stringify({ 'id': user.subscriber_number, 'offre': user.subscription_name }), 365); // Si l'utilisateur est abonné, on masque les blocs d'abonnement if (user.subscribed) { document.querySelectorAll('.if-abo').forEach((elem) => elem.remove()); } let node = '<div class="coord">' if (user.subscribed) { node += '<p>Abonné</p>'; } node += '<ul>' node += '<li>' + user.civility + ' ' + user.first_name + ' ' + user.last_name + '</li>'; node += '<li>' + user.email + '</li>'; node += '<li>N° abonné : ' + user.subscriber_number + '</li>'; if (user.subscribed) { let subsEnd = new Date(user.subscription_end).getTime() let subsEndParsed = new Date(subsEnd); let date = subsEndParsed.toLocaleString('fr-FR', { year: 'numeric', month: 'long', day: 'numeric' }) node += '<li>' + user.subscription_name + '</li>'; node += '<li>Echéance ' + date + '</li>'; $('#header > .bandeau-abo').remove(); } else { document.querySelectorAll('.display-pub').forEach(e => e.classList.remove('display-pub')); } let domain = site === 'lv0f' ? 'lavie.fr' : 'histoire-et-civilisations.com'; let kiosque = 'https://kiosque.' + domain; let subs = 'https://abo.' + domain + '/reabonnement.html'; let account = 'https://abo.' + domain + '/moncompte.html'; let userInfos = (typeof getCookie('userInfos') !== 'undefined') ? JSON.parse(unescape(getCookie('userInfos'))) : null; let manageNL = 'https://nl-edito.' + domain; node += '</ul>' node += '</div>' node += '<div class="contenu-connexion--links">'; node += '<a style="text-align: left" class="bt-jaune" href="' + subs + '" target="_blank"><i class="fas fa-undo-alt"></i>Je me réabonne</a>' node += '<a style="text-align: left" href="' + kiosque + '" target="_blank"><i class="fas fa-book-reader"></i>Accéder au kiosque numérique</a>' node += '<a style="text-align: left" href="' + account + '" target="_blank"><i class="fas fa-user-circle"></i>Accéder à mon espace abonné</a>' node += '<a style="text-align: left" href="' + manageNL + '" target="_blank"><i class="fas fa-paper-plane"></i>Gérer mes newsletters</a>' node += '</div>' /* TODO nouveau lien */ node += '<a class="bt-gris" href="/logout"><i class="fas fa-power-off"></i>Se déconnecter</a>' document.querySelector('.bt-head').innerHTML = node; node = '<a id="bt-connexion" class="bt-compte logged-in">' node += '<i class="fas fa-user-circle gris"></i> ' node += '<span class="connected">Mon compte</span>' node += '</a>' document.querySelector('.connexion').innerHTML = node let userIdCapping = (user.subscriber_number) ? user.subscriber_number : null; // Capping siriusCapping.config = { brand: "d66daa21-0a44-41bc-bb5b-09748999c638", userId: userIdCapping, mode: "reading", }; // On est identifié : la popin autopromo ne sera affiché que toutes les 24h : setCookie('popin-accueil', 1,1); } else { deleteCookie('subscribed'); // showPopin(hasConsent()); } }); }).catch(function (error) { // showPopin(hasConsent()); console.log('Il y a eu un problème avec l\'opération fetch: ' + error.message); }); function getCookie(name) { const value = `; ${document.cookie}`; const parts = value.split(`; ${name}=`); if (parts.length === 2) return parts.pop().split(';').shift(); } function setCookie(key, value, expireDays) { let host = new URL('https://www.lavie.fr').hostname let expireDate = new Date(); if (expireDays) { expireDate.setDate(expireDate.getDate() + expireDays); } document.cookie = key + "=" + escape(value) + ";domain=" + host + ";path=/" + (expireDays ? ";expires=" + expireDate.toUTCString() : ''); } function deleteCookie(name) { setCookie(name, "", -1, null); } function setPrivacy(smartTag) { if (smartTag && smartTag.privacy) { const {name: visitorModeName} = smartTag.privacy.getVisitorMode() || {}; if (visitorModeName === 'optout') return; if (typeof gdpr !== 'undefined') { const purposes = gdpr.getPurposes(); if (gdpr.hasConsent() === false || (purposes && purposes.analytics === false)) { setVisitorExempt(smartTag, visitorModeName); } if (gdpr.hasConsent() === true && (purposes && purposes.analytics === true)) { setVisitorOptin(smartTag, visitorModeName); } } else if (['optout', 'optin', 'exempt'].includes(visitorModeName) === false) { smartTag.privacy.setVisitorMode('cnil', 'exempt'); } } } function hasConsent() { if (typeof gdpr === 'undefined' || typeof gdpr.getPurposes !== 'function') { console.log('has consent: not found'); return 'not found'; } let purposes = gdpr.getPurposes(); let noConsent = Object.values(purposes).every(item => item === false) if (noConsent) { console.log('has consent: no consent'); return 'no consent'; } let fullConsent = Object.values(purposes).every(item => item === true) if (fullConsent) { console.log('has consent: full consent'); return 'full consent'; } let partial = Object.values(purposes).some(item => item === true) if (partial) { console.log('has consent: partial consent'); return 'partial consent'; } return 'not found'; } function setVisitorOptin(smartTag, visitorModeName) { if (visitorModeName !== 'optin') { smartTag.privacy.setVisitorOptin(); } } function setVisitorExempt(smartTag, visitorModeName) { if (visitorModeName !== 'exempt') { smartTag.privacy.setVisitorMode('cnil', 'exempt'); } } </script> <script async src="https://capping.sirius.press/sdk.v1.0.0.js"></script> </body> </html>

CINXE.COM

La Vie - Le site chrétien d'actualité