CINXE.COM

Chaud devant (et derrière)

<!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"/> <!-- COL --> <!-- BL CO - Htmlheader de type imm --> <!-- BL in --> <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" /> <link rel="canonical" href="https://www.lavie.fr/idees/chroniques/chaud-devant-et-derriere-96214.php" /> <meta name="description" content="Cette semaine, notre chroniqueur revient sur la campagne de communication du média « Climax », qui n&#039;a pas eu froid aux yeux ni les fesses au sec." /> <meta property="og:description" content="Cette semaine, notre chroniqueur revient sur la campagne de communication du média « Climax », qui n&#039;a pas eu froid aux yeux ni les fesses au sec." /> <meta property="og:type" content="article" /> <meta property="og:title" content="Chaud devant (et derrière)" /> <meta property="article:published_time" content="2024-09-25CEST09:29:31+02:00" /> <meta property="article:publisher" content="https://www.facebook.com/LaVieHebdo" /> <meta property='article:tag' content='Écologie, Changement climatique, Canicule' /> <meta property="article:modified_time" content="2024-10-01CEST15:02:33+02:00" /> <title>Chaud devant (et derrière)</title> <meta property="og:image" content="https://medias.lavie.fr/api/v1/images/view/65a6935dcb5a7a1cb9671040/width_1000/image.jpg" /> <meta property="og:image:width" content="" /> <meta property="og:image:height" content="" /> <meta property="og:image:type" content="" /> <meta name="twitter:image" content="https://medias.lavie.fr/api/v1/images/view/65a6935dcb5a7a1cb9671040/width_1000/image.jpg" /> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@LaVieHebdo"> <meta name="twitter:url" content="https://www.lavie.fr/idees/chroniques/chaud-devant-et-derriere-96214.php"> <meta name="twitter:title" content="Chaud devant (et derrière)"> <meta name="twitter:description" content="Cette semaine, notre chroniqueur revient sur la campagne de communication du média « Climax », qui n&#039;a pas eu froid aux yeux ni les fesses au sec." /> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "NewsArticle", "mainEntityOfPage": { "@type": "WebPage", "@id": "https://www.lavie.fr/idees/chroniques/chaud-devant-et-derriere-96214.php" }, "headline": "Chaud devant (et derrière)", "image": "https://medias.lavie.fr/api/v1/images/view/65a6935dcb5a7a1cb9671040/width_1000/image.jpg", "datePublished": "2024-10-01 15:02:33", "dateModified": "2024-10-01 15:02:33", "author": { "@type": "Person", "name": "Pascal Paillardet" }, "publisher": { "name": "La Vie", "@type": "Organization", "logo": { "@type": "ImageObject", "url": "https://www.lavie.fr/img/logo-la-vie.png","width":"70px","height":"60px" } }, "description": "Cette semaine, notre chroniqueur revient sur la campagne de communication du média « Climax », qui n&#039;a pas eu froid aux yeux ni les fesses au sec.", "isAccessibleForFree": "True" } </script> <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> <!-- /BL --> <!-- BL CO - CSS Personnalise de type html --> <!-- BL in --> <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> <!-- /BL --> <!-- BL LV - CSS Personnalise de type html --> <!-- BL in --> <style type="text/css"> .bloc-payant .cont { background-color: #f8af00; padding: 40px; text-align: center; font-family: Roboto; font-weight: 700; color: #fff; text-decoration: none; margin: auto; margin-top: 50px; } .bloc-abo-footer { background-color: #f8af00; text-align: center; width: 100%; padding-bottom: 10px; padding-top: 20px; margin-top: 10px; } header .connexion .bt-abo { background-color: #f8af00; padding: 5px 15px; border-radius: 3px; font-family: Roboto; font-weight: 400; text-decoration: none; color: #FFF; font-size: .7rem; line-height: 1rem; display: inline-block; } .cont-2col .partage-sticky .abo-left { position: -webkit-sticky; position: sticky; top: 203px; 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; background-color: #f8af00; } .conditions .if-abo-artgratuit { background-color: #22374c; padding: 5px 15px 15px 45px; margin-right: 15px; border-radius: 3px; font-family: Roboto; font-weight: 400; text-decoration: none; color: #fff; font-size: .7rem; line-height: 1rem; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M47.14,18.11l-9.07,9.07c-.23.26-.62.26-.85,0l-9.07-9.07c-1.77-1.74-1.77-4.58,0-6.32.85-.88,2-1.31,3.14-1.31s2.29.43,3.18,1.31l2.16,2.16c.52.56,1.47.56,2.03,0l2.16-2.16c.88-.88,2-1.31,3.18-1.31,1.11,0,2.29.43,3.14,1.31,1.77,1.74,1.77,4.58,0,6.32Z'/%3E%3Cg%3E%3Cpath class='cls-1' d='M12.76,29.11v13.43c0,.29-.03.59-.13.85-.03.07-.07.13-.07.23-.46,1.15-1.57,1.93-2.85,1.93H3.66v-19.48h6.06c1.67,0,3.05,1.37,3.05,3.04Z'/%3E%3Cpath class='cls-1' d='M57.85,37.66c-.26.79-.85,1.41-1.6,1.77l-19.22,8.32c-4.52,1.93-9.86,1.64-14.11-.85l-2.85-1.67c-1.87-1.08-3.93-1.8-6.06-2.1.07-.2.07-.39.07-.59v-12.12h5.66c2.52,0,4.94.75,7.01,2.23,1.9,1.37,4.16,2.1,6.52,2.1h5.7c1.31,0,2.39,1.08,2.39,2.49v.03c-.03.59-.29,1.11-.72,1.54-.43.46-1.02.69-1.67.69h-12.54c-.39,0-.65.29-.65.66s.26.65.65.65h12.54c.98,0,1.93-.39,2.62-1.08.56-.52.92-1.24.98-1.96l11.59-3.86c1.24-.43,2.78.16,3.47,1.34.43.75.49,1.6.23,2.42Z'/%3E%3C/g%3E%3C/svg%3E"); background-position: 11px; background-size: 18%; background-repeat: no-repeat; } .conditions .if-abo-artgratuit a { color: #fff } .cont-2col .partage-sticky .if-abo-artgratuit { width: auto; background-color: #22374c; border-radius: 3px; text-decoration: none; font-family: Roboto; font-weight: 400; color: #fff; font-size: .6rem; line-height: 1rem; /*display: none;*/ background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M47.14,18.11l-9.07,9.07c-.23.26-.62.26-.85,0l-9.07-9.07c-1.77-1.74-1.77-4.58,0-6.32.85-.88,2-1.31,3.14-1.31s2.29.43,3.18,1.31l2.16,2.16c.52.56,1.47.56,2.03,0l2.16-2.16c.88-.88,2-1.31,3.18-1.31,1.11,0,2.29.43,3.14,1.31,1.77,1.74,1.77,4.58,0,6.32Z'/%3E%3Cg%3E%3Cpath class='cls-1' d='M12.76,29.11v13.43c0,.29-.03.59-.13.85-.03.07-.07.13-.07.23-.46,1.15-1.57,1.93-2.85,1.93H3.66v-19.48h6.06c1.67,0,3.05,1.37,3.05,3.04Z'/%3E%3Cpath class='cls-1' d='M57.85,37.66c-.26.79-.85,1.41-1.6,1.77l-19.22,8.32c-4.52,1.93-9.86,1.64-14.11-.85l-2.85-1.67c-1.87-1.08-3.93-1.8-6.06-2.1.07-.2.07-.39.07-.59v-12.12h5.66c2.52,0,4.94.75,7.01,2.23,1.9,1.37,4.16,2.1,6.52,2.1h5.7c1.31,0,2.39,1.08,2.39,2.49v.03c-.03.59-.29,1.11-.72,1.54-.43.46-1.02.69-1.67.69h-12.54c-.39,0-.65.29-.65.66s.26.65.65.65h12.54c.98,0,1.93-.39,2.62-1.08.56-.52.92-1.24.98-1.96l11.59-3.86c1.24-.43,2.78.16,3.47,1.34.43.75.49,1.6.23,2.42Z'/%3E%3C/g%3E%3C/svg%3E"); background-position: center 8px; background-size: 35%; background-repeat: no-repeat; padding-top: 45px; padding-bottom: 15px; } .conditions .if-abo-don { background-color: #22374c; padding: 5px 15px 15px 45px; margin-right: 15px; border-radius: 3px; font-family: Roboto; font-weight: 400; text-decoration: none; color: #fff; font-size: .7rem; line-height: 1rem; display: none; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M47.14,18.11l-9.07,9.07c-.23.26-.62.26-.85,0l-9.07-9.07c-1.77-1.74-1.77-4.58,0-6.32.85-.88,2-1.31,3.14-1.31s2.29.43,3.18,1.31l2.16,2.16c.52.56,1.47.56,2.03,0l2.16-2.16c.88-.88,2-1.31,3.18-1.31,1.11,0,2.29.43,3.14,1.31,1.77,1.74,1.77,4.58,0,6.32Z'/%3E%3Cg%3E%3Cpath class='cls-1' d='M12.76,29.11v13.43c0,.29-.03.59-.13.85-.03.07-.07.13-.07.23-.46,1.15-1.57,1.93-2.85,1.93H3.66v-19.48h6.06c1.67,0,3.05,1.37,3.05,3.04Z'/%3E%3Cpath class='cls-1' d='M57.85,37.66c-.26.79-.85,1.41-1.6,1.77l-19.22,8.32c-4.52,1.93-9.86,1.64-14.11-.85l-2.85-1.67c-1.87-1.08-3.93-1.8-6.06-2.1.07-.2.07-.39.07-.59v-12.12h5.66c2.52,0,4.94.75,7.01,2.23,1.9,1.37,4.16,2.1,6.52,2.1h5.7c1.31,0,2.39,1.08,2.39,2.49v.03c-.03.59-.29,1.11-.72,1.54-.43.46-1.02.69-1.67.69h-12.54c-.39,0-.65.29-.65.66s.26.65.65.65h12.54c.98,0,1.93-.39,2.62-1.08.56-.52.92-1.24.98-1.96l11.59-3.86c1.24-.43,2.78.16,3.47,1.34.43.75.49,1.6.23,2.42Z'/%3E%3C/g%3E%3C/svg%3E"); background-position: 11px; background-size: 18%; background-repeat: no-repeat; } .conditions .if-abo-don a { color: #fff } .cont-1col .partage-sticky .if-abo-don, .cont-2col .partage-sticky .if-abo-don { width: auto; background-color: #22374c; border-radius: 3px; text-decoration: none; font-family: Roboto; font-weight: 400; color: #fff; font-size: .6rem; line-height: 1rem; display: none; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M47.14,18.11l-9.07,9.07c-.23.26-.62.26-.85,0l-9.07-9.07c-1.77-1.74-1.77-4.58,0-6.32.85-.88,2-1.31,3.14-1.31s2.29.43,3.18,1.31l2.16,2.16c.52.56,1.47.56,2.03,0l2.16-2.16c.88-.88,2-1.31,3.18-1.31,1.11,0,2.29.43,3.14,1.31,1.77,1.74,1.77,4.58,0,6.32Z'/%3E%3Cg%3E%3Cpath class='cls-1' d='M12.76,29.11v13.43c0,.29-.03.59-.13.85-.03.07-.07.13-.07.23-.46,1.15-1.57,1.93-2.85,1.93H3.66v-19.48h6.06c1.67,0,3.05,1.37,3.05,3.04Z'/%3E%3Cpath class='cls-1' d='M57.85,37.66c-.26.79-.85,1.41-1.6,1.77l-19.22,8.32c-4.52,1.93-9.86,1.64-14.11-.85l-2.85-1.67c-1.87-1.08-3.93-1.8-6.06-2.1.07-.2.07-.39.07-.59v-12.12h5.66c2.52,0,4.94.75,7.01,2.23,1.9,1.37,4.16,2.1,6.52,2.1h5.7c1.31,0,2.39,1.08,2.39,2.49v.03c-.03.59-.29,1.11-.72,1.54-.43.46-1.02.69-1.67.69h-12.54c-.39,0-.65.29-.65.66s.26.65.65.65h12.54c.98,0,1.93-.39,2.62-1.08.56-.52.92-1.24.98-1.96l11.59-3.86c1.24-.43,2.78.16,3.47,1.34.43.75.49,1.6.23,2.42Z'/%3E%3C/g%3E%3C/svg%3E"); background-position: center 8px; background-size: 35%; background-repeat: no-repeat; padding-top: 45px; padding-bottom: 15px; } .conditions .if-abo .abo { background-color: #f8af00; padding: 5px 15px; border-radius: 3px; text-decoration: none; font-family: Roboto; font-weight: 300; color: #000; font-size: .8rem; line-height: 1rem; display: inline-block; } 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; } .bloc-dossier { padding-bottom: 60px; } @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; 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; 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: #f8af00; font-size: 20px; text-transform: uppercase; text-align: center; } @media (max-width:768px) { .titre-offre span { background-color: #FFF; color: #f8af00; 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; } } @media (max-width:768px) { .img-pages-don { max-width: 100%; } } .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; } 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; } } /*parenthese bug*/ @media screen and (max-width: 1024px) { #nav ul { display: block; padding: 20px; width: 100%; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: 0px; } } 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; } .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; } /*Article avec accordeon*/ .accordion-section { margin-bottom: 10px; } .accordion-label { background-color: #eee; color: #444; cursor: pointer; padding: 18px; width: 100%; text-align: left; font-size: 18px; display: flex; justify-content: space-between; align-items: center; transition: 0.4s; border: 1px solid #ddd; } .accordion-label:after { content: '\25B8'; /* Chevron non-plein (triangle fin) */ font-size: 16px; transition: transform 0.3s ease; } input[type="checkbox"]:checked+.accordion-label:after { transform: rotate(90deg); /* Rotation du chevron pour le menu ouvert */ } .accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.6s ease; background-color: white; padding: 0 18px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } input[type="checkbox"]:checked+.accordion-label+.accordion-content { max-height: 1000px; /* Grande valeur pour s'assurer que tout le contenu est visible */ } .accordion-content img { width: 100%; max-width: 300px; margin-top: 10px; } .audio-container { margin-top: 10px; } p { margin-top: 10px; } /* Responsive styles */ @media (max-width: 768px) { .accordion-label { font-size: 16px; padding: 15px; } .accordion-content img { max-width: 100%; } } @media (max-width: 480px) { .accordion-label { font-size: 14px; padding: 12px; } } /* Page Don novembre 2025 */ /* Typo */ .block-text-image, .block-title p { font-family: 'Source Serif 4'; text-decoration: none; letter-spacing: 0; font-size: .9rem; line-height: 31px; color: #5a5a5a; margin-bottom: 20px; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; } .block-text p { font-family: 'Source Serif 4'; text-decoration: none; letter-spacing: 0; font-size: .9rem; line-height: 31px; color: #5a5a5a; margin-bottom: 0px; padding-bottom: 0px; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; } .block-colored p { font-family: 'Source Serif 4'; text-decoration: none; letter-spacing: 0; font-size: .9rem; line-height: 31px; color: #5a5a5a; margin-bottom: 15px; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; padding-bottom: 0; } .block-pricing p { font-family: 'Source Serif 4'; font-weight: 300; color: #454545; text-decoration: none; font-size: .9rem; line-height: 1.2rem; letter-spacing: 0; padding-bottom: 15px; } .block-three-columns, .column-page p { font-family: 'Source Serif 4'; text-decoration: none; letter-spacing: 0; font-size: .9rem; line-height: 25px; color: #5a5a5a; margin-bottom: 15px; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; padding-bottom: 0; } .block-three-columns, .column-page h3 { font-family: Roboto; font-weight: 700; text-decoration: none; font-size: 1.1rem; line-height: 1.5rem; margin-bottom: 20px; color: #c52630; padding-top: 15px; } .link-form-page-don { font-size: .9rem; font-family: 'Source Serif 4'; font-weight: 400; text-decoration: underline; line-height: .3rem; } .block-title h2 { font-family: Roboto; font-weight: 700; color: #454545; text-decoration: none; font-size: 1.4rem; line-height: 1.8rem !important; margin-bottom: 20px; padding-top: 20px; } .big-price { font-family: 'Source Serif 4'; text-decoration: none; letter-spacing: 0; font-size: 1.5rem; line-height: 1.9rem; color: #5a5a5a; font-weight: bold; } .small-price { font-family: 'Source Serif 4'; text-decoration: none; letter-spacing: 0; font-size: .9rem; line-height: 1.1rem; font-weight: bold; color: #c52630; } /* Bloc coloré */ .block-colored { background-color: #f0f0f0; padding: 20px 40px 20px 40px; margin: 40px 0; text-align: center; } .block-colored .picto { font-size: 50px; color: #5d6f0c; margin-bottom: 10px; } /* Bloc avec image et texte */ .block-text-image { padding: 20px; margin: 20px 0; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; text-align: center; } .block-text-image img { max-width: 200px; margin-left: 20px; } /* Dernier bloc de texte */ .block-text { margin-bottom: 40px; /*padding: 20px;*/ text-align: center; } /* Bloc avec 3 colonnes */ .block-pricing, .block-three-columns { display: flex; justify-content: space-around; flex-wrap: wrap; /*padding: 20px;*/ margin: 20px 0; } .block-pricing .pricing-column, .block-three-columns .column-page { text-align: center; background-color: #f9f9f9; padding: 20px; border: 1px solid #ddd; margin: 10px; flex: 1; min-width: 250px; /* Largeur minimale pour chaque colonne */ } /* Bloc avec 2 colonnes */ .block-two-columns { display: flex; justify-content: center; padding: 20px; margin: 20px 0; flex-wrap: wrap; } .block-two-columns .column-page { text-align: center; flex: 1; margin: 10px; min-width: 250px; /* Largeur minimale pour chaque colonne */ } .block-two-columns .column-page img { width: 100px; height: 100px; border-radius: 50%; } /* Bouton Je fais un don */ .bt-don-page { background-color: #22374c; color: white; border: 1px solid #FFF; padding: 10px 20px; border-radius: 4px; text-decoration: none; font-weight: 400; font-size: 0.9rem; line-height: 1rem; display: inline-flex; align-items: center; margin-right: 10px; transition: background-color 0.3s ease; } .bt-don-page i { margin-right: 8px; } .bt-don-page:hover { background-color: #36597b; color: #FFF !important; } /* Styles responsives */ @media (max-width: 768px) { /* Bloc avec image et texte */ .block-text-image { flex-direction: column; } .block-text-image img { margin-left: 0; margin-top: 20px; } /* Bloc avec 3 colonnes */ .block-pricing, .block-three-columns { flex-direction: column; } /* Bouton Je fais un don (mobile) */ /*.bt-don-page { background-color: transparent; padding: 0; margin-right: 0; border: none; }*/ .bt-don-page { background-color: #22374c; color: white; border: 1px solid #FFF; padding: 10px 20px; border-radius: 4px; text-decoration: none; font-weight: 400; font-size: 0.9rem; line-height: 1rem; display: inline-flex; align-items: center; margin-right: 10px; transition: background-color 0.3s ease; } .bt-don-page i { margin-right: 8px; } .bt-don-page:hover { background-color: #36597b; color: #FFF !important; } .bt-don-page span { display: none; } /*.bt-don-page i { font-size: 20px; margin-right: 0; color: #96b40e; }*/ } .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; } .conditions .if-abo-artgratuit { background-color: #22374c; padding: 5px 15px 15px 15px; margin-right: 15px; border-radius: 3px; font-family: Roboto; font-weight: 400; text-decoration: none; color: #fff; font-size: .7rem; line-height: 1rem; background-image: none; background-position: 11px; background-size: 18%; background-repeat: no-repeat; } .if-abo-artgratuittop { background-color: #22374c; padding: 5px 15px; margin-right: 15px; border-radius: 3px; font-family: Roboto, sans-serif; font-weight: 400; text-decoration: none; color: #fff; font-size: 0.7rem; line-height: 1rem; display: flex; align-items: center; } .if-abo-artgratuittop a { display: flex; align-items: center; text-decoration: none; color: white; } .if-abo-artgratuittop img { margin-right: 10px; } .cont-2col .partage-sticky .if-abo-artgratuit { width: auto; background-color: #22374c; border-radius: 3px; text-decoration: none; font-family: Roboto; font-weight: 400; color: #fff; font-size: .6rem; line-height: 1rem; /* display: none; */ background-image: none; background-position: center 8px; background-size: 35%; background-repeat: no-repeat; padding-top: 5px !important; padding-bottom: 15px; } </style> <!-- /BL --> <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 = "free"; </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; } type = "free"; 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 += "idees/idees/rg" // 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 = ["idees/idees/hp"] var keywords = []; keywords = ['article']; 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"> <!-- COL --> <!-- BL LV - Header de type imm --> <!-- BL in --> <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://bsky.app/profile/lavie.fr" title="Bluesky" target="_blank"> <img src="https://images.lavie.fr/bluesky-brands-solid.png" width="18" style="line-height: 1; padding-top: 5px;"/> </a> </li> <li> <a href="https://www.linkedin.com/showcase/laviehebdo/" title="Linkedin" target="_blank"> <img src="https://images.lavie.fr/linkedin-in-brands-solid.png" width="18" style="line-height: 1; padding-top: 2px;"/> </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="https://www.lavie.fr/une/rss.xml" 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/67ac5acbf75df742eb63f219/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 class="bt-don" href="/pages/dons">Faire un don</a> <a class="bt-abo" target="_blank" href="https://abo.lavie.fr/">S’abonner</a> <a href="https://abo.lavie.fr/login.html?url=https%3A%2F%2Fwww.lavie.fr%2Fidees%2Fchroniques%2Fchaud-devant-et-derriere-96214.php" id="bt-connexion" class="bt-compte"> <i class="fas fa-user-circle gris" aria-hidden="true"></i> <span>Se connecter</span> </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 here"> <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&amp;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"> <!-- COL --> <!-- BL LV - Header - Google Showcase de type html --> <!-- BL in --> <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> <!-- /BL --> <!-- BL LV - Header - bannière abonnement 1 de type html --> <!-- /BL --> <a href="#" onclick="disableOffers(); return false;"><i class="fa fa-times"></i></a> </div> </header> <!-- /BL --> <div class="main"> <!-- COL --> <!-- BL LV - popin de type html --> <!-- /BL --> <!-- BL LV - Pub - BANNIERE HAUTE de type html --> <!-- BL in --> <!-- debut pub banniere haute --> <div id="banniere_haute" class="center"> <script type="text/javascript"> googletag.cmd.push(function() { googletag.display('banniere_haute'); }); </script> </div> <!-- fin pub banniere haute --> <!-- /BL --> <!-- BL Fil d&#039;ariane de type imm --> <!-- BL in --> <div class="ariane"> <ul> <li> <a href="/" title="Accueil">Accueil</a> </li> <li> / <a href="/idees/" title="Idées">Idées</a> </li> <li> / <a class="active" href="/idees/chroniques/" title="Chroniques">Chroniques</a> </li> </ul> </div> <!-- /BL --> <div class="cont-1col"> <div class="content"> <!-- COL --> <!-- BL CO - Article - Header de type imm --> <!-- BL in --> <article class="art-complet art-head"> <div class="tag-img">Drôle d&#039;époque !</div> <h1 class="tt">Chaud devant (et derrière)</h1> <div class="chapo"> Cette semaine, notre chroniqueur revient sur la campagne de communication du média « Climax », qui n'a pas eu froid aux yeux ni les fesses au sec. </div> <div class="meta"> <div class="auteur"> <span class="nom">Pascal Paillardet</span> </div> <div class="paru">Publié le 01/10/2024 à 15h02, mis à jour le 01/10/2024 à 15h02 • <span class="tps-lecture">Lecture 2 min.</span> </div> </div> </article> <!-- /BL --> </div> </div> <div class="cont-2col"> <div class="partage-sticky"> <!-- COL --> <!-- BL LV - Article - Partage de type html --> <!-- BL in --> <div class="bloc-partage"> <div class="picto"> <p>PARTAGE</p> <div class="reseaux"> <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http://www.lavie.fr/idees/chroniques/chaud-devant-et-derriere-96214.php"><i class="fab fa-facebook-f" aria-hidden="true"></i></a> <a target="_blank" href="mailto:?body=http://www.lavie.fr/idees/chroniques/chaud-devant-et-derriere-96214.php"><i class="far fa-envelope" aria-hidden="true"></i></a> <a target="_blank" href="https://twitter.com/intent/tweet?text=&url=http://www.lavie.fr/idees/chroniques/chaud-devant-et-derriere-96214.php"><i class="fab fa-twitter" aria-hidden="true"></i></a> <a onclick="window.print();" style="cursor:pointer"><i class="fas fa-print" aria-hidden="true"></i></a> <a target="_blank" href="https://bsky.app/intent/compose?text=&url=http://www.lavie.fr/idees/chroniques/chaud-devant-et-derriere-96214.php"><img src="https://images.lavie.fr/bluesky-brands-solid-red.png" width="18" style="line-height: 1; padding-top: 7px;"/></a> <a target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.lavie.fr%2Fidees%2Fchroniques%2Fchaud-devant-et-derriere-96214.php"><img src="https://images.lavie.fr/linkedin-in-brands-solid-red.png" width="16" style="line-height: 1; padding-top: 7px;"/></a> </div> </div> </div> <!-- /BL --> <!-- BL LV - Article - Abo payant - Left de type html --> <!-- /BL --> <!-- BL LV - Article - Gratuit Don - Left de type html --> <!-- BL in --> <div class="abo abo-left if-abo-artgratuit"><a href="https://dons.presseetpluralisme.fr/la-vie/" target="_blank"><img src="https://images.lavie.fr/don.png" width="30"><br />Je fais un don</a></div> <!--<div class="abo abo-left if-abo-artgratuit"><a href="https://dons.presseetpluralisme.fr/la-vie/" target="_blank">Je fais un don</a></div>--> <!--<div class="abo abo-left if-abo-don"><a href="https://dons.presseetpluralisme.fr/la-vie/" target="_blank">Je fais un don</a></div>--> <!-- /BL --> </div> <article class="art-complet cont "> <div class="conditions"> <!-- COL --> <!-- BL CO - Article - Payant Top de type imm --> <!-- BL in --> <!-- /BL --> <!-- BL LV - Article - Abo payant - Top de type html --> <!-- /BL --> <!-- BL LV - Article - Gratuit Don - Top de type html --> <!-- BL in --> <article class="if-abo-artgratuittop"> <a href="https://dons.presseetpluralisme.fr/la-vie/" target="_blank"><img src="https://images.lavie.fr/don.png" width="30">Je fais un don</a> </article> <!--<article class="if-abo-artgratuittop"> <a href="https://dons.presseetpluralisme.fr/la-vie/" target="_blank">Je fais un don</a> </article>--> <!--<article class="if-abo-don"> <a href="https://dons.presseetpluralisme.fr/la-vie/" target="_blank">Je fais un don</a> </article>--> <!-- /BL --> </div> <!-- COL --> <!-- BL LV - Article de type imm --> <!-- BL in --> <article data-poool="80" data-poool-mode="hide"> <div class="image img-header"> <img src="https://medias.lavie.fr/api/v1/images/view/65a6935dcb5a7a1cb9671040/width_1000/image.jpg" alt=""> <legend> <p class="legende"> <span class="credit">• STÉPHANE MANEL POUR LA VIE </span> </p> </legend> </div> <div class="content-art"> <div><p>On peut garder le cœur sec devant un phoque qui suffoque sur sa banquise, et avoir les larmes qui montent aux yeux devant des fesses humides. Comment ne pas être secoué, ému jusqu’au tréfonds de soi, par l’image d’un postérieur qui transpire&nbsp;? Quand un popotin suinte et déborde, c’est qu’il fait chaud. Trop chaud. Le dérèglement climatique provoque d’épouvantables désagréments. Et l’humidification de nos fondements moites, avec son cortège de vexations et de gêne lorsque cette condensation corporell</p> </div> </div> <!-- Paywall LV --> <div class="bloc-payant"> <div class="cont"> <div class="titre-offre"> Offre 100% Numérique </div> <div class="text-offre"> <p></p> </div> <div class="price"> <img src="https://images.lavie.fr/visuel-bloc-home-page-V2.png" alt="abo" /> <div class="text-block"> <div class="price-block"> <p class="price">1€</p> <p class="price-info-block">le premier mois,<br />puis 5,50€ / mois</p> </div> <div class="button-block"> <button class="button"><a href="https://abo.lavie.fr" target="_blank">Je m'abonne</a></button> <p class="subscription-details">sans engagement</p> </div> </div> </div> <div class="deja-abonne">Déja Abonné ? <a href="https://abo.lavie.fr/login.html?url=https://www.lavie.fr%2Fidees%2Fchroniques%2Fchaud-devant-et-derriere-96214.php">Se connecter</a></div> </div> </div> </article> <script type="text/javascript"> fetch('/api/article/96214/view'); let url = new URL(window.location); let params = new URLSearchParams(window.location.search) let source = params.has('utm_source') ? (params.get('utm_source')) : null; if (url.pathname !== '/preview/preview.php') { const params = { url: url.pathname, idsv: 96214, source: source }; const queryString = new URLSearchParams(params).toString(); fetch('https://www.lavie.fr/api/article?'+queryString) .then(function (resp) { if (!resp.ok) { throw new Error("Impossible de récupérer les infos de l'articles"); } resp.json().then(function (result) { let articleContent = result.data; const scripts = result.data.match(/<script(?:[^\x05]*?)<\/script>/g) || []; for (let script of scripts) { articleContent.replace(script, ''); const scriptEl = document.createRange().createContextualFragment(script); document.querySelector('.content-art').append(scriptEl); } document.querySelector('.bloc-payant').remove(); document.querySelector('.content-art').innerHTML = articleContent;; if (result.showcase) { $('#header > .bandeau-abo').show(); } }); }).catch(function (error) { console.log(error.message); }) } $(window).on('load', function () { let subscribed = getCookie('subscribed'); let statut = 'Gratuit' if (typeof subscribed !== 'undefined' && subscribed === 'false' && 0 === 1) { statut = 'Teaser'; } else if (typeof subscribed === 'undefined' && 0 === 1) { statut = 'Teaser'; } tag.page.set({ name: 'chaud-devant-et-derriere', level2: rubrique.level2, chapter1: 'lv0f' === 'hc0f' ? ch1 : rubrique.chapter1, chapter2: ch2, customObject: { Pagetype: 'article', Population: typeof subscribed === 'undefined' ? 'Gratuit' : (subscribed === 'true' ? 'Premium' : 'Inscrit'), Statut_article: statut, consent: hasConsent(), titre: "chaud-devant-et-derriere".replaceAll('-', ' '), id_article: '96214', date_publication: '20241001', auteur: "Pascal Paillardet", }, }); tag.dispatch(); }); </script> <!-- /BL --> <!-- BL LV - Paywall Don de type html --> <!-- BL in --> <div class="if-abo" style="padding-bottom:40px;"> <div style="border: 1px solid #ccc; padding: 20px; width: 100%; box-sizing: border-box; background-color: #033c57;"> <p style="font-size: 25px; font-family: Arial, Helvetica, sans-serif !important; font-weight: bold; color:#678c9d; text-align: center;"> CET ARTICLE EST GRATUIT</p> <p style="font-size: 19px; font-family: Arial, Helvetica, sans-serif !important; line-height: 26px; margin-left: 40px; margin-right: 40px; color:#FFF; text-align: center;"> <em style="color:#FFF;">La Vie</em> fait le choix de rendre certains de ses contenus gratuits.<br />Aidez-nous à proposer un journalisme de qualité en soutenant le travail d'une rédaction de 40 journalistes. </p> <div style="display: flex; gap: 10px; flex-wrap: wrap; justify-content: center;"><p style="font-family: Arial, Helvetica, sans-serif; font-size: 15px; padding: 10px 20px; background-color: #fff; color: #333; border: 1px solid #ccc; border-radius: 5px; font-weight: bold; cursor: pointer;"><a href="https://dons.presseetpluralisme.fr/la-vie/" target="_blank" style="text-decoration: none; color:#333;">Je fais un don défiscalisé</a></p> <p style="font-family: Arial, Helvetica, sans-serif; font-size: 15px; padding: 10px 20px; background-color: transparent; color: #FFF; border: 2px solid #f8af00; border-radius: 5px; font-weight: bold; cursor: pointer;"><a href="https://abo.lavie.fr" target="_blank" style="text-decoration: none; color:#FFF;">Je m'abonne à partir de 1€</a></p> </div> </div> </div> <div class="if-abo-don" style="padding-bottom:40px;"> <div style="border: 1px solid #ccc; padding: 20px; width: 100%; box-sizing: border-box; background-color: #033c57;"> <p style="font-size: 25px; font-family: Arial, Helvetica, sans-serif !important; font-weight: bold; color:#678c9d; text-align: center;"> SOUTENEZ LA VIE</p> <p style="font-size: 19px; font-family: Arial, Helvetica, sans-serif !important; line-height: 26px; margin-left: 40px; margin-right: 40px; color:#FFF; text-align: center;"> Aidez-nous à proposer un journalisme de qualité en soutenant le travail d'une rédaction de 40 journalistes. </p> <div style="display: flex; gap: 10px; flex-wrap: wrap; justify-content: center;"><p style="font-family: Arial, Helvetica, sans-serif; font-size: 15px; padding: 10px 20px; background-color: #fff; color: #333; border: 1px solid #ccc; border-radius: 5px; font-weight: bold; cursor: pointer;"><a href="https://dons.presseetpluralisme.fr/la-vie/" target="_blank" style="text-decoration: none; color:#333;">Je fais un don défiscalisé</a></p> </div> </div> </div> <!-- /BL --> <!-- BL LV - Article - Abo soutiens - bottom de type html --> <!-- /BL --> <!-- COL --> <!-- BL CO - Article - Selection de type imm --> <!-- BL in --> <div class="selection-art"> <p> Notre sélection d'articles sur le même sujet </p> <ul> <li><a href="/idees/chroniques/metro-boulot-robot-95305.php">Métro, boulot, robot</a></li> <li><a href="/idees/chroniques/chaud-devant-95043.php">Chaud devant !</a></li> </ul> </div> <!-- /BL --> <!-- BL CO - Article - Mot-clé de type imm --> <!-- BL in --> <div class="mot-cle"> <ul> <li><a href="/mot-clef/ecologie">Écologie</a></li> <li><a href="/mot-clef/rechauffement-climatique">Changement climatique</a></li> <li><a href="/mot-clef/canicule">Canicule</a></li> </ul> </div> <!-- /BL --> <!-- BL CO - Article - Signature de type imm --> <!-- BL in --> <div class="signature"> <span class="nom">Pascal Paillardet</span> </div> <!-- /BL --> <!-- BL LV - Article - Pub Outbrain de type html --> <!-- BL in --> <div class="OUTBRAIN if-abo" data-widget-id="AR_5"></div> <!-- /BL --> </article> <aside> <!-- COL --> <!-- BL LV - Sidebar - Edition de type ext --> <!-- BL in --> <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/67ac5acbf75df742eb63f219/edition_hebdo/image.jpg" alt="couverture" /> </a> <a href="https://kiosque.lavie.fr/" class="bt-rouge">Lire le magazine numérique</a> </div> </div> <!-- /BL --> <!-- BL LV - Pub - PAVE HAUT de type html --> <!-- BL in --> <!-- debut pub pave haut --> <div id="pave_haut"> <script type="text/javascript"> googletag.cmd.push(function() { googletag.display('pave_haut'); }); </script> </div> <!-- fin pub pave haut--> <!-- /BL --> <!-- BL LV - Sidebar - Bloc inscription newsletter de type html --> <!-- BL in --> <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"><!-- <p style="text-decoration: underline; font-family: arial; font-family: arial; font-size: 16px; color: #ffffff !important;"> S’inscrire</p> --> </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> <!-- /BL --> <!-- BL LV - Sidebar - Outbrain de type html --> <!-- BL in --> <div class="OUTBRAIN if-abo" data-widget-id="AR_5"></div> <!-- /BL --> </aside> </div> <div class="cont-1col"> <!-- COL --> <!-- BL LV - Article - Dans la même rubrique de type imm --> <!-- BL in --> <div class="meme-rub-art "> <div class="titre"> <h2 class="tt-bloc">Dans la même rubrique</h2> <span></span> </div> <div class="cont-flex"> <article class="art-small"> <figure class="image"> <a href="https://www.lavie.fr/idees/chroniques/ni-fou-ni-stratege-98112.php"> <img src="https://medias.lavie.fr/api/v1/images/view/66a8ff064583cc3ab22f1819/home_liste/image.jpg" alt="" /> </a> </figure> <div> <h3 class="tt"> <a href="https://www.lavie.fr/idees/chroniques/ni-fou-ni-stratege-98112.php">Ni fou ni stratège</a> </h3> <div class="chapo"> <a href="https://www.lavie.fr/idees/chroniques/ni-fou-ni-stratege-98112.php"> La proposition de Donald Trump de prendre le contrôle de la bande de Gaza pour la transformer en Riviera… </a> </div> </div> </article> <article class="art-small"> <figure class="image"> <a href="https://www.lavie.fr/idees/chroniques/cest-beau-une-ville-la-nuit-98078.php"> <img src="https://medias.lavie.fr/api/v1/images/view/65a6935dcb5a7a1cb9671040/home_liste/image.jpg" alt="" /> </a> </figure> <div> <h3 class="tt"> <a href="https://www.lavie.fr/idees/chroniques/cest-beau-une-ville-la-nuit-98078.php">C’est beau une ville la nuit</a> </h3> <div class="chapo"> <a href="https://www.lavie.fr/idees/chroniques/cest-beau-une-ville-la-nuit-98078.php"> Notre chroniqueur tient cette semaine à laver l’affront fait à la douce cité yvelinoise de Conflans-Sainte-Honorine,… </a> </div> </div> </article> <article class="art-small"> <figure class="image"> <a href="https://www.lavie.fr/idees/chroniques/laudace-de-la-joie-97993.php"> <img src="https://medias.lavie.fr/api/v1/images/view/651d171b3ecde428bb499e7b/home_liste/image.jpg" alt="" /> </a> </figure> <div> <h3 class="tt"> <a href="https://www.lavie.fr/idees/chroniques/laudace-de-la-joie-97993.php">L’audace de la joie</a> </h3> <div class="chapo"> <a href="https://www.lavie.fr/idees/chroniques/laudace-de-la-joie-97993.php"> C’est par son rire léger et sa fougue audacieuse que la plus jeune concurrente du Vendée Globe, arrivée… </a> </div> </div> </article> <article class="art-small"> <figure class="image"> <a href="https://www.lavie.fr/idees/chroniques/des-voeux-encore-mais-de-tout-coeur-97868.php"> <img src="https://medias.lavie.fr/api/v1/images/view/662b8e829f083135291e8c5b/home_liste/image.jpg" alt="" /> </a> </figure> <div> <h3 class="tt"> <a href="https://www.lavie.fr/idees/chroniques/des-voeux-encore-mais-de-tout-coeur-97868.php">Des vœux encore, mais de tout cœur</a> </h3> <div class="chapo"> <a href="https://www.lavie.fr/idees/chroniques/des-voeux-encore-mais-de-tout-coeur-97868.php"> Réinvestissons la manière dont nous souhaitons une bonne année à nos proches, cessons de le faire de… </a> </div> </div> </article> </div> </div> <!-- /BL --> <!-- BL LV - Home - Liste articles - Actualité de type ext --> <!-- BL in --> <div class="bloc_7_articles"> <div class="titre"> <h3 class="tt-bloc">Actualités</h3> <span></span> </div> <div class="cont-flex"> <article class="art-small col3"> <figure class="image"><a href="https://www.lavie.fr/christianisme/eglise/lamour-chretien-nest-pas-une-expansion-concentrique-dinterets-quand-le-pape-francois-fustige-la-politique-migratoire-de-trump-98148.php" title="« L’amour chrétien n’est pas une expansion concentrique d’intérêts » : quand le pape François fustige la politique migratoire de Trump"><img src="https://medias.lavie.fr/api/v1/images/view/67ac9c75afb01e393951299c/width_1000/image.jpg" alt=""></a></figure> <span class="tt"> <span class="payant"></span> <a href="https://www.lavie.fr/christianisme/eglise/lamour-chretien-nest-pas-une-expansion-concentrique-dinterets-quand-le-pape-francois-fustige-la-politique-migratoire-de-trump-98148.php" title="« L’amour chrétien n’est pas une expansion concentrique d’intérêts » : quand le pape François fustige la politique migratoire de Trump">« L’amour chrétien n’est pas une expansion concentrique d’intérêts » : quand le pape François fustige la politique migratoire de Trump</a> </span> </article> <div class="col3"> <div class="liste-short"> <article class="art-short"> <span class="tt"><a href="https://www.lavie.fr/actualite/geopolitique/elections-legislatives-en-allemagne-comment-expliquer-la-popularite-croissante-de-lextreme-droite-98165.php" title="Élections législatives en Allemagne : comment expliquer la popularité croissante de l&#039;extrême droite ?"><span class="payant"></span>Élections législatives en Allemagne : comment expliquer la popularité croissante de l'extrême droite ?</a></span> </article> </div> <div class="liste-short"> <article class="art-short"> <span class="tt"><a href="https://www.lavie.fr/actualite/geopolitique/il-y-a-cette-impression-que-si-cest-digital-ce-nest-pas-si-grave-en-espagne-fembloc-aide-les-femmes-victimes-de-cyberviolences-98182.php" title="« Il y a cette impression que si c’est en ligne, ce n’est pas si grave » : en Espagne, Fembloc aide les femmes victimes de cyberviolences">« Il y a cette impression que si c’est en ligne, ce n’est pas si grave » : en Espagne, Fembloc aide les femmes victimes de cyberviolences</a></span> </article> </div> <div class="liste-short"> <article class="art-short"> <span class="tt"><a href="https://www.lavie.fr/actualite/solidarite/la-transmission-est-la-chose-la-plus-importante-a-mes-yeux-nina-metayer-une-cheffe-patissiere-engagee-aupres-des-jeunes-98100.php" title="« La transmission est la chose la plus importante à mes yeux » : Nina Métayer, une cheffe pâtissière engagée auprès des jeunes">« La transmission est la chose la plus importante à mes yeux » : Nina Métayer, une cheffe pâtissière engagée auprès des jeunes</a></span> </article> </div> </div> <div class="col3"> <div class="liste-short"> <article class="art-short"> <span class="tt"><a href="https://www.lavie.fr/actualite/societe/dissidents-opposants-resistants-dans-le-cerveau-des-rebelles-moraux-98113.php" title="Dissidents, opposants, résistants : dans le cerveau des « rebelles moraux »"><span class="payant"></span>Dissidents, opposants, résistants : dans le cerveau des « rebelles moraux »</a></span> </article> </div> <div class="liste-short"> <article class="art-short"> <span class="tt"><a href="https://www.lavie.fr/actualite/geopolitique/pour-proteger-les-migrants-des-eglises-americaines-sorganisent-contre-ladministration-trump-98188.php" title="Pour protéger les migrants, des églises américaines s’organisent contre l’administration Trump">Pour protéger les migrants, des églises américaines s’organisent contre l’administration Trump</a></span> </article> </div> <div class="liste-short"> <article class="art-short"> <span class="tt"><a href="https://www.lavie.fr/actualite/societe/affaire-notre-dame-de-betharram-les-victimes-ont-fait-leur-part-du-travail-maintenant-cest-aux-politiques-detre-exemplaires-98183.php" title="Affaire Notre-Dame-de-Bétharram : « Les victimes ont fait leur part du travail, maintenant c’est aux politiques d’être exemplaires »"><span class="payant"></span>Affaire Notre-Dame-de-Bétharram : « Les victimes ont fait leur part du travail, maintenant c’est aux politiques d’être exemplaires »</a></span> </article> </div> </div> </div> <a href="/actualite/" class="link">Voir plus d'articles →</a> </div> <!-- /BL --> <!-- BL LV - Home - Liste articles - Christianisme de type ext --> <!-- BL in --> <div class="bloc_7_articles"> <div class="titre"> <h3 class="tt-bloc">Christianisme</h3> <span></span> </div> <div class="cont-flex"> <article class="art-small col3"> <figure class="image"><a href="https://www.lavie.fr/christianisme/eglise/lamour-chretien-nest-pas-une-expansion-concentrique-dinterets-quand-le-pape-francois-fustige-la-politique-migratoire-de-trump-98148.php" title="« L’amour chrétien n’est pas une expansion concentrique d’intérêts » : quand le pape François fustige la politique migratoire de Trump"><img src="https://medias.lavie.fr/api/v1/images/view/67ac9c75afb01e393951299c/width_1000/image.jpg" alt=""></a></figure> <span class="tt"> <span class="payant"></span> <a href="https://www.lavie.fr/christianisme/eglise/lamour-chretien-nest-pas-une-expansion-concentrique-dinterets-quand-le-pape-francois-fustige-la-politique-migratoire-de-trump-98148.php" title="« L’amour chrétien n’est pas une expansion concentrique d’intérêts » : quand le pape François fustige la politique migratoire de Trump">« L’amour chrétien n’est pas une expansion concentrique d’intérêts » : quand le pape François fustige la politique migratoire de Trump</a> </span> </article> <div class="col3"> <div class="liste-short"> <article class="art-short"> <span class="tt"><a href="https://www.lavie.fr/christianisme/eglise/hospitalisation-prolongee-du-pape-francois-presente-un-tableau-clinique-complexe-98224.php" title="Hospitalisation prolongée du pape : François présente « un tableau clinique complexe »">Hospitalisation prolongée du pape : François présente « un tableau clinique complexe »</a></span> </article> </div> <div class="liste-short"> <article class="art-short"> <span class="tt"><a href="https://www.lavie.fr/idees/massimo-faggioli-le-pluralisme-religieux-en-amerique-est-une-expression-de-lindividualisme-libertaire-98195.php" title="Massimo Faggioli : « Le pluralisme religieux en Amérique est une expression de l’individualisme libertaire »">Massimo Faggioli : « Le pluralisme religieux en Amérique est une expression de l’individualisme libertaire »</a></span> </article> </div> <div class="liste-short"> <article class="art-short"> <span class="tt"><a href="https://www.lavie.fr/christianisme/bible/meditation-biblique-le-messie-ne-tue-ni-ne-meurt-97999.php" title="Méditation biblique : le Messie ne tue ni ne meurt">Méditation biblique : le Messie ne tue ni ne meurt</a></span> </article> </div> </div> <div class="col3"> <div class="liste-short"> <article class="art-short"> <span class="tt"><a href="https://www.lavie.fr/actualite/geopolitique/pour-proteger-les-migrants-des-eglises-americaines-sorganisent-contre-ladministration-trump-98188.php" title="Pour protéger les migrants, des églises américaines s’organisent contre l’administration Trump">Pour protéger les migrants, des églises américaines s’organisent contre l’administration Trump</a></span> </article> </div> <div class="liste-short"> <article class="art-short"> <span class="tt"><a href="https://www.lavie.fr/actualite/societe/affaire-notre-dame-de-betharram-les-victimes-ont-fait-leur-part-du-travail-maintenant-cest-aux-politiques-detre-exemplaires-98183.php" title="Affaire Notre-Dame-de-Bétharram : « Les victimes ont fait leur part du travail, maintenant c’est aux politiques d’être exemplaires »"><span class="payant"></span>Affaire Notre-Dame-de-Bétharram : « Les victimes ont fait leur part du travail, maintenant c’est aux politiques d’être exemplaires »</a></span> </article> </div> <div class="liste-short"> <article class="art-short"> <span class="tt"><a href="https://www.lavie.fr/christianisme/eglise/affaire-notre-dame-de-betharram-de-quoi-parle-t-on-96265.php" title="Affaire Notre-Dame-de-Bétharram : de quoi parle-t-on ?">Affaire Notre-Dame-de-Bétharram : de quoi parle-t-on ?</a></span> </article> </div> </div> </div> <a href="/christianisme/" class="link">Voir plus d'articles →</a> </div> <!-- /BL --> <!-- BL LV - Home - Liste articles - Idées de type ext --> <!-- BL in --> <div class="bloc_7_articles"> <div class="titre"> <h3 class="tt-bloc">Idées</h3> <span></span> </div> <div class="cont-flex"> <article class="art-small col3"> <figure class="image"><a href="https://www.lavie.fr/idees/massimo-faggioli-le-pluralisme-religieux-en-amerique-est-une-expression-de-lindividualisme-libertaire-98195.php" title="Massimo Faggioli : « Le pluralisme religieux en Amérique est une expression de l’individualisme libertaire »"><img src="https://medias.lavie.fr/api/v1/images/view/67b334ddbabd2837b74e7ceb/width_1000/image.jpg" alt=""></a></figure> <span class="tt"> <a href="https://www.lavie.fr/idees/massimo-faggioli-le-pluralisme-religieux-en-amerique-est-une-expression-de-lindividualisme-libertaire-98195.php" title="Massimo Faggioli : « Le pluralisme religieux en Amérique est une expression de l’individualisme libertaire »">Massimo Faggioli : « Le pluralisme religieux en Amérique est une expression de l’individualisme libertaire »</a> </span> </article> <div class="col3"> <div class="liste-short"> <article class="art-short"> <span class="tt"><a href="https://www.lavie.fr/idees/debats/michel-maxime-egger-dieu-est-present-dans-le-monde-reel-pas-uniquement-au-ciel-97561.php" title="Michel Maxime Egger : « Dieu est présent dans le monde réel, pas uniquement au ciel »"><span class="payant"></span>Michel Maxime Egger : « Dieu est présent dans le monde réel, pas uniquement au ciel »</a></span> </article> </div> <div class="liste-short"> <article class="art-short"> <span class="tt"><a href="https://www.lavie.fr/idees/editos/attentat-a-la-basilique-de-nice-les-victimes-temoins-discrets-dune-foi-genereuse-98155.php" title="Attentat à la basilique de Nice : les victimes, témoins discrets d’une foi généreuse">Attentat à la basilique de Nice : les victimes, témoins discrets d’une foi généreuse</a></span> </article> </div> <div class="liste-short"> <article class="art-short"> <span class="tt"><a href="https://www.lavie.fr/idees/chroniques/ni-fou-ni-stratege-98112.php" title="Ni fou ni stratège">Ni fou ni stratège</a></span> </article> </div> </div> <div class="col3"> <div class="liste-short"> <article class="art-short"> <span class="tt"><a href="https://www.lavie.fr/idees/editos/trump-et-circonstances-98137.php" title="Trump et circonstances">Trump et circonstances</a></span> </article> </div> <div class="liste-short"> <article class="art-short"> <span class="tt"><a href="https://www.lavie.fr/idees/chroniques/cest-beau-une-ville-la-nuit-98078.php" title="C’est beau une ville la nuit">C’est beau une ville la nuit</a></span> </article> </div> <div class="liste-short"> <article class="art-short"> <span class="tt"><a href="https://www.lavie.fr/idees/debats/dominique-meda-le-cout-social-et-ecologique-de-notre-modele-de-developpement-est-insoutenable-97772.php" title="Dominique Méda : « Le coût social et écologique de notre modèle de développement est insoutenable »"><span class="payant"></span>Dominique Méda : « Le coût social et écologique de notre modèle de développement est insoutenable »</a></span> </article> </div> </div> </div> <a href="/idees/" class="link">Voir plus d'articles →</a> </div> <!-- /BL --> <!-- BL LV - Home - Liste articles - Mode de vie de type ext --> <!-- BL in --> <div class="bloc_7_articles"> <div class="titre"> <h3 class="tt-bloc">Mode de Vie</h3> <span></span> </div> <div class="cont-flex"> <article class="art-small col3"> <figure class="image"><a href="https://www.lavie.fr/ma-vie/sante-bien-etre/le-tabou-de-largent-en-couple-98005.php" title="Le tabou de l’argent en couple"><img src="https://medias.lavie.fr/api/v1/images/view/67ab4a88278c337a62065a5e/width_1000/image.jpg" alt=""></a></figure> <span class="tt"> <a href="https://www.lavie.fr/ma-vie/sante-bien-etre/le-tabou-de-largent-en-couple-98005.php" title="Le tabou de l’argent en couple">Le tabou de l’argent en couple</a> </span> </article> <div class="col3"> <div class="liste-short"> <article class="art-short"> <span class="tt"><a href="https://www.lavie.fr/ma-vie/famille/enseignement-superieur-comment-savoir-si-son-enfant-est-vraiment-pret-a-aller-en-prepa-98080.php" title="Enseignement supérieur : comment savoir si son enfant est (vraiment) prêt à aller en prépa ?">Enseignement supérieur : comment savoir si son enfant est (vraiment) prêt à aller en prépa ?</a></span> </article> </div> <div class="liste-short"> <article class="art-short"> <span class="tt"><a href="https://www.lavie.fr/ma-vie/spiritualite/paule-amblard-le-temps-nous-pose-la-question-de-notre-limitation-97988.php" title="Paule Amblard : « Le temps nous pose la question de notre limitation »">Paule Amblard : « Le temps nous pose la question de notre limitation »</a></span> </article> </div> <div class="liste-short"> <article class="art-short"> <span class="tt"><a href="https://www.lavie.fr/ma-vie/spiritualite/labc-de-la-foi-perfection-97983.php" title="L&#039;ABC de la foi: perfection">L'ABC de la foi: perfection</a></span> </article> </div> </div> <div class="col3"> <div class="liste-short"> <article class="art-short"> <span class="tt"><a href="https://www.lavie.fr/ma-vie/loisirs/a-la-montagne-sur-les-traces-de-belle-et-de-sebastien-97985.php" title="À la montagne, sur les traces de Belle et de Sébastien">À la montagne, sur les traces de Belle et de Sébastien</a></span> </article> </div> <div class="liste-short"> <article class="art-short"> <span class="tt"><a href="https://www.lavie.fr/ma-vie/loisirs/nos-chouchous-les-chichis-les-churros-96926.php" title="Nos chouchous, les chichis, les churros !">Nos chouchous, les chichis, les churros !</a></span> </article> </div> <div class="liste-short"> <article class="art-short"> <span class="tt"><a href="https://www.lavie.fr/ma-vie/famille/ne-tinquiete-pas-je-vais-venir-te-chercher-la-promesse-tenue-dinnocent-a-sa-fiancee-97986.php" title="« Ne t’inquiète pas, je vais venir te chercher » : la promesse tenue d’Innocent à sa fiancée">« Ne t’inquiète pas, je vais venir te chercher » : la promesse tenue d’Innocent à sa fiancée</a></span> </article> </div> </div> </div> <a href="/ma-vie/" class="link">Voir plus d'articles →</a> </div> <!-- /BL --> </div> <hr> <div class="cont-flex rub"> <!-- COL --> </div> <div class="partage"> <!-- COL --> </div> </div> <!-- COL --> <!-- BL Bandeau &quot;sticky fixed&quot; La Vie de type ext --> <!-- BL in --> <div class="bloc-sticky"> <p>Abonnez-vous à partir de 1€ le premier mois</p> <a class="bt" href="https://abo.lavie.fr">J&#039;en profite</a> <button class="close">×</button> </div> <!-- /BL --> <!-- BL LV - Footer New de type html --> <!-- BL in --> <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&amp;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> <!-- /BL --> <!-- BL LV - Footer Overlay de type html --> <!-- BL in --> <div id="overlay" class="overlay-sticky"></div> <!-- /BL --> <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:idees:chroniques".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'); } }); 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()); document.querySelectorAll('.if-abo-don').forEach((elem) => elem.style.setProperty("display", "inline-block", "important")); } 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 class="bt-don" href="/pages/dons">Faire un don</a>'; 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>

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