1<!DOCTYPE html> 2<html lang="fr"> 3<head> 4 <meta charset="UTF-8"/> 5 <!-- COL --> 6 7<!-- BL CO - Htmlheader de type imm --> 8<!-- BL in --> 9 10<link rel="icon" type="image/png" href="/img/logo-la-vie.png" /> 11 12<meta name="robots" content="noindex, follow" /> 13<meta name="googlebot" content="noindex, follow" /> 14<meta name="robots" content="max-video-preview:3" /> 15<meta name="robots" content="max-image-preview:standard" /> 16<meta name="robots" content="max-snippet:-1" /> 17<meta property="fb:page_id" content="358017849078" /> 18<meta name="language" content="fr-FR" /> 19<meta property="og:site_name" content="La Vie.fr" /> 20<meta property="og:locale" content="fr_FR" /> 21<meta name="google-site-verification" content="Sl45pLA0pWhPEzK-zsjMkkAbwMNs9f_1e21woecT218" /> 22<meta name="apple-itunes-app" content="app-id=387681333"/> 23<link rel="apple-touch-icon" href="/img/touch-icon-iphone.png"> 24<link rel="apple-touch-icon" sizes="76x76" href="/img/touch-icon-ipad.png"> 25<link rel="apple-touch-icon" sizes="120x120" href="/img/touch-icon-iphone-retina.png"> 26<link rel="apple-touch-icon" sizes="152x152" href="/img/touch-icon-ipad-retina.png"> 27<link rel="icon" href="/img/android-chrome-192x192.png" sizes="192x192" /> 28<link rel="icon" href="/img/android-chrome-144x144.png" sizes="144x144" /> 29<link rel="icon" href="/img/android-chrome-96x96.png" sizes="96x96" /> 30<link rel="icon" href="/img/android-chrome-72x72.png" sizes="72x72" /> 31<link rel="icon" href="/img/android-chrome-48x48.png" sizes="48x48" /> 32<link rel="icon" href="/img/android-chrome-36x36.png" sizes="36x36" /> 33<link rel="shortcut icon" href="/img/favicon.ico" /> 34 <meta name="description" content="La Vie, le site chrétien d'actualité" /> 35 <meta property="og:description" content="Analyse, décryptage, information et débat retrouvent du sens dans La Vie"/> 36 <meta property="og:type" content="website" /> 37 <meta property="og:image:width" content="650" /> 38 <meta property="og:image:height" content="380" /> 39 <meta property="og:image:type" content="image/png" /> 40 <meta property="og:title" content="La Vie â Actualité, Débat, Christianisme, Idées, Débats, Spiritualité" /> 41 <meta name="twitter:card" content="summary_large_image" /> 42 <meta name="twitter:site" content="@LaVieHebdo" /> 43 <meta name="twitter:url" content="https://www.lavie.fr" /> 44 <meta name="twitter:title" content="A la Une" /> 45 <meta name="twitter:description" content="La Vie, le site chrétien d'actualité" /> 46 <meta name="twitter:image" content="https://www.lavie.fr/img/logo-la-vie.png" /> 47 <meta name="keywords" content="" /> 48 <meta name="author" content="La Vie, magazine" /> 49 <title>La Vie - Le site chrétien d'actualité</title> 50 51<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 52<meta name="viewport" content="width=device-width, initial-scale=1"> 53<meta http-equiv="Expires" content="0"> 54<meta http-equiv="Pragma" content="no-cache"> 55 56<link rel="stylesheet" href="/css/styles.css" /> 57
58<script src="/js/lib/jquery-3.5.1.js"></script>
vendor: 1 bytes, line 58
58
59<script src="/js/lib/jquery-ui-1.12.1.js"></script>
vendor: 1 bytes, line 59
59
60<script async defer src="/js/lib/font-awesome-4fdae7e39b.js"></script>
60 61
62<script type="text/javascript" src="https://cmp.lavie.fr/js/tcfv2-stub.min.js"></script>
vendor: 1 bytes, line 62
62
63<script type="text/javascript"> 64 var GDPR_CONFIG = { 65 displayMode: 'standard', 66 content: { 67 siteName: 'La Vie', 68 deName: 'de La Vie', 69 aName: 'Ã La Vie', 70 policyUrl: 'https://www.lavie.fr/pages/confidentialite', 71 vendors: { 72 analytics: ["Google Analytics"], 73 social: ["Twitter", "Twitter (Cards)", "Twitter (Timelines)", "Facebook", "Pixel Facebook", "Instagram", "LinkedIn", "Snapchat"], 74 personalization: ["Poool", "Batch", "Forecast"], 75 }, 76 }, 77 }; 78</script>
vendor: 1 bytes, line 78
78
79<script src="https://cmp.lavie.fr/js/mp.min.js" async="1"></script>
vendor: 1 bytes, line 79
79
80<script type="text/javascript" async="async" src="https://widgets.outbrain.com/outbrain.js"></script>
vendor: 1 bytes, line 80
80
81<script type="text/javascript" src="https://tag.aticdn.net/558199/smarttag.js"></script>
vendor: 1 bytes, line 81
81
82<script type="module" src="/js/main.js"></script>
vendor: 1 bytes, line 82
82
83<script type="text/javascript"> 84 let config = { 85 'accueil': {name: 'home', level2: '1', chapter1: 'home'}, 86 'actualite': {name: 'rubrique', level2: '2', chapter1: 'actualite'}, 87 'christianisme': {name: 'rubrique', level2: '16', chapter1: 'christianisme'}, 88 'idees': {name: 'rubrique', level2: '17', chapter1: 'idees'}, 89 'ma-vie': {name: 'rubrique', level2: '18', chapter1: 'ma-vie'}, 90 'services': {name: 'rubrique', level2: '19', chapter1: 'services'}, 91 } 92</script>
92 93 94<!-- /BL CO - Htmlheader --> 95<!-- BL CO - CSS Personnalise de type html --> 96<!-- BL in --> 97<style type="text/css">.tag-img { 98 background: #c52630; 99 padding: 3px 5px; 100 font-family: Roboto; 101 font-weight: 500; 102 text-decoration: none; 103 color: #fff; 104 display: inline-block; 105 font-size: 11px; 106 text-transform: uppercase; 107} 108</style> 109<!-- /BL CO - CSS Personnalise --> 110<!-- BL LV - CSS Personnalise de type html --> 111<!-- BL in --> 112<style type="text/css"> 113.bloc-payant .cont { 114 background-color: #f8af00; 115 padding: 40px; 116 text-align: center; 117 font-family: Roboto; 118 font-weight: 700; 119 color: #fff; 120 text-decoration: none; 121 margin: auto; 122 margin-top: 50px; 123} 124 125.bloc-abo-footer { 126 background-color: #f8af00; 127 text-align: center; 128 width: 100%; 129 padding-bottom: 10px; 130 padding-top: 20px; 131 margin-top: 10px; 132} 133 134header .connexion .bt-abo { 135 background-color: #f8af00; 136 padding: 5px 15px; 137 border-radius: 3px; 138 font-family: Roboto; 139 font-weight: 400; 140 text-decoration: none; 141 color: #FFF; 142 font-size: .7rem; 143 line-height: 1rem; 144 display: inline-block; 145} 146 147 148 149.cont-2col .partage-sticky .abo-left { 150 position: -webkit-sticky; 151 position: sticky; 152 top: 250px; 153 padding: 5px 15px; 154 border-radius: 3px; 155 text-decoration: none; 156 font-family: Roboto; 157 font-weight: 300; 158 color: #000; 159 font-size: .7rem; 160 line-height: .9rem; 161 display: inline-block; 162 width: 69px; 163 text-align: center; 164 margin-top: 10px; 165 background-color: #f8af00; 166} 167 168 169.conditions .if-abo-artgratuit { 170 background-color: #22374c; 171 padding: 5px 15px 15px 45px; 172 margin-right: 15px; 173 border-radius: 3px; 174 font-family: Roboto; 175 font-weight: 400; 176 text-decoration: none; 177 color: #fff; 178 font-size: .7rem; 179 line-height: 1rem; 180 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"); 181 background-position: 11px; 182 background-size: 18%; 183 background-repeat: no-repeat; 184} 185 186.conditions .if-abo-artgratuit a { 187 color: #fff 188} 189 190.cont-2col .partage-sticky .if-abo-artgratuit { 191 width: auto; 192top: 250px; 193 background-color: #22374c; 194 border-radius: 3px; 195 text-decoration: none; 196 font-family: Roboto; 197 font-weight: 400; 198 color: #fff; 199 font-size: .6rem; 200 line-height: 1rem; 201 /*display: none;*/ 202 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"); 203 background-position: center 8px; 204 background-size: 35%; 205 background-repeat: no-repeat; 206 padding-top: 45px; 207 padding-bottom: 15px; 208 } 209 210 211.conditions .if-abo-don { 212 background-color: #22374c; 213 padding: 5px 15px 15px 45px; 214 margin-right: 15px; 215 border-radius: 3px; 216 font-family: Roboto; 217 font-weight: 400; 218 text-decoration: none; 219 color: #fff; 220 font-size: .7rem; 221 line-height: 1rem; 222 display: none; 223 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' viewB
223ox='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"); 224 background-position: 11px; 225 background-size: 18%; 226 background-repeat: no-repeat; 227} 228 229.conditions .if-abo-don a { 230 color: #fff 231} 232 233.cont-1col .partage-sticky .if-abo-don, 234.cont-2col .partage-sticky .if-abo-don { 235 width: auto; 236 background-color: #22374c; 237 border-radius: 3px; 238 text-decoration: none; 239 font-family: Roboto; 240 font-weight: 400; 241 color: #fff; 242 font-size: .6rem; 243 line-height: 1rem; 244 display: none; 245 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"); 246 background-position: center 8px; 247 background-size: 35%; 248 background-repeat: no-repeat; 249 padding-top: 45px; 250 padding-bottom: 15px; 251} 252 253.conditions .if-abo .abo { 254 background-color: #f8af00; 255 padding: 5px 15px; 256 border-radius: 3px; 257 text-decoration: none; 258 font-family: Roboto; 259 font-weight: 300; 260 color: #000; 261 font-size: .8rem; 262 line-height: 1rem; 263 display: inline-block; 264} 265 266.cont-2col .partage-sticky .if-abo-don, 267.conditions .if-abo-don { 268 background-image:none; 269 padding: 0; 270} 271.cont-2col .partage-sticky .if-abo-don { 272 width: 100%; 273} 274 275.cont-2col .partage-sticky .if-abo-don a{ 276padding: 5px 0 10px 0; 277 display: block; 278} 279 280.conditions .if-abo-don a{ 281 padding:6px 15px; 282 display: flex; 283 align-items: center; 284} 285.conditions .if-abo-don img{ 286 margin-right: 8px; 287} 288 289article h2 em { 290 font-family: 'Source Serif 4', serif; 291 font-weight: 700; 292 color: #c52630; 293 text-decoration: none; 294 margin-bottom: 20px; 295 font-size: 1.2rem; 296 line-height: 1.2rem; 297} 298 299article h2 { 300 font-family: 'Source Serif 4', serif; 301 font-weight: 700; 302 color: #c52630; 303 text-decoration: none; 304 margin-bottom: 20px; 305 font-size: 1.2rem; 306 line-height: 1.2rem; 307} 308 309h2.question em { 310 font-family: 'Source Serif 4', serif; 311 font-weight: 700; 312 color: #454545; 313 text-decoration: none; 314 font-size: 1rem; 315 line-height: 31px; 316} 317 318aside .art-selection .chapo a { 319 color: #5a5a5a; 320 font-weight: 300; 321} 322 323.bloc-dossier { 324 padding-bottom: 60px; 325} 326 327@media screen and (max-width: 414px) { 328 .main .liste-wrap article.art-small.cont-flex .tt { 329 min-height: 0 !important; 330 } 331} 332 333@media screen and (max-width: 1220px) { 334 335 .cont-1col .partage-sticky, 336 .cont-2col .partage-sticky { 337 position: inherit; 338 left: 0; 339 -webkit-box-sizing: border-box; 340 box-sizing: border-box; 341 display: none; 342 } 343} 344 345/*Nouveau bloc abo juin 2023*/ 346.bloc-payant .cont { 347 background-color: #f8af00; 348 padding: 40px; 349 text-align: center; 350 font-family: Roboto; 351 color: #000; 352 text-decoration: none; 353 margin: auto; 354 margin-top: 50px; 355} 356 357@media (max-width:768px) { 358 .bloc-payant .cont { 359 background-color: #f8af00; 360 padding: 20px; 361 text-align: center; 362 font-family: Roboto; 363 color: #000; 364 text-decoration: none; 365 margin: auto; 366 margin-top: 50px; 367 } 368} 369
370.bloc-payant .cont p { 371 color: #fff; 372 text-decoration: none; 373} 374 375.titre-offre { 376 background-color: #FFF; 377 font-family: Roboto; 378 font-weight: 700; 379 padding: 10px; 380 color: #000; 381 font-size: 20px; 382 text-transform: uppercase; 383 text-align: center; 384} 385 386@media (max-width:768px) { 387 .titre-offre { 388 background-color: #FFF; 389 font-family: Roboto; 390 font-weight: 700; 391 padding: 10px; 392 color: #000; 393 font-size: 17px; 394 text-transform: uppercase; 395 text-align: center; 396 } 397} 398 399.titre-offre span { 400 background-color: #FFF; 401 color: #f8af00; 402 font-size: 20px; 403 text-transform: uppercase; 404 text-align: center; 405} 406 407@media (max-width:768px) { 408 .titre-offre span { 409 background-color: #FFF; 410 color: #f8af00; 411 font-size: 17px; 412 text-transform: uppercase; 413 text-align: center; 414 } 415} 416 417.text-offre { 418 text-align: center; 419 margin-top: 10px; 420} 421 422.price { 423 display: flex; 424 justify-content: center; 425 margin-top: 20px; 426} 427 428@media (max-width:768px) { 429 .price { 430 display: block; 431 justify-content: center; 432 margin-top: 20px; 433 } 434} 435 436p.price { 437 padding-top: 20px; 438} 439 440.price img { 441 width: 250px; 442 height: auto; 443} 444 445.price-block { 446 display: flex; 447 margin: 0 auto; 448} 449 450.price-info-block { 451 padding-top: 6px; 452} 453 454.text-block { 455 display: flex; 456 flex-direction: column; 457 align-items: flex-start; 458 padding-top: 20px; 459} 460 461@media (max-width:768px) { 462 .text-block { 463 display: flex; 464 flex-direction: column; 465 align-items: flex-start; 466 padding-top: 0; 467 } 468} 469 470@media (max-width:768px) { 471 .img-pages-don { 472 max-width: 100%; 473 } 474} 475 476.text-block p { 477 margin: 0; 478 font-size: 24px; 479 text-align: left; 480 color: #FFF; 481 padding-left: 10px; 482} 483 484.text-block .price { 485 font-size: 60px; 486 text-align: right; 487} 488 489.button { 490 background-color: white; 491 color: black; 492 padding: 10px 20px; 493 text-transform: uppercase; 494 font-size: 14px; 495 margin-top: 10px; 496 text-align: center; 497 border: 1px solid #FFF; 498 width: 200px; 499 font-weight: 700; 500} 501 502.button-block { 503 display: block; 504 margin: 0 auto; 505} 506 507.text-block .subscription-details { 508 text-align: center; 509 font-size: 14px; 510 padding-top: 5px; 511} 512 513.deja-abonne { 514 margin-top: 20px; 515 font-size: 16px; 516 color: #FFF; 517} 518 519@media (max-width:768px) { 520 .deja-abonne { 521 margin-top: 40px; 522 font-size: 16px; 523 color: #FFF; 524 } 525} 526 527.deja-abonne a { 528 margin-top: 40px; 529 font-size: 16px; 530 color: #FFF; 531} 532 533header .top { 534 height: 96px; 535 border-bottom: solid 4px #c52630; 536 background-color: #c52630 !important; 537 padding: 15px 15px 0 15px; 538 overflow: hidden; 539 z-index: 1000; 540 position: relative; 541} 542 543header .hebdo a.bt-couv { 544 font-family: Roboto; 545 color: #FFFFFF; 546 font-size: .7rem; 547 margin-top: 31px; 548 width: 55px; 549 text-align: center; 550 display: inherit; 551 text-decoration: none; 552 line-height: 19px; 553} 554 555header .connexion .bt-compte { 556 font-family: Roboto; 557 font-weight: 400; 558 color: #ffffff !important; 559 position: relative; 560 padding-left: 20px; 561 padding-right: 20px; 562 text-decoration: none; 563 line-height: 1; 564 display: inline-block; 565 font-size: .7rem; 566 cursor: pointer; 567} 568 569.gris { 570 color: #ffffff !important; 571} 572 573header .connexion .bt-compte span.connected:after { 574 position: absolute; 575 top: 2px; 576 right: -27px; 577 content: "\f13a"; 578 font-family: "Font Awesome 5 Free"; 579 color: #FFFFFF; 580 font-size: 1.1em; 581} 582 583header a.logo.logo-sticky img { 584 padding-top: 1px; 585 height: 32px; 586 width: auto !important; 587} 588 589header a.logo img { 590 max-width: 121px; 591 height: auto; 592 width: 90px !important; 593} 594 595header a.logo { 596 margin: auto; 597 display: block; 598 width: 90px; 599 -webkit-transition: inherit; 600 transition: inherit; 601} 602 603header .menu-principal.sticky { 604 width: 100%; 605 border-bottom: solid 2px #c52630; 606 position: fixed; 607 z-index: 999; 608 top: 0; 609 background-color: #C52630; 610} 611 612header .menu-principal.sticky .container .btn, 613header .menu-principal.sticky .container a.bt-recherche { 614 color: #FFFFFF; 615} 616 617header .menu-principal.sticky .container .btn i, 618header .menu-principal.sticky .container .btn a, 619header .menu-principal.sticky .container a.bt-recherche i { 620 color: #FFFFFF; 621} 622 623header .menu-principal.sticky .container .btn:hover i, 624header .menu-principal.sticky .container .btn:hover a:hover, 625header .menu-principal.sticky .container a.bt-recherche:hover i { 626 color: #FFFFFF; 627} 628 629header .menu-principal.sticky .container.home:hover { 630 background-color: #C52630; 631} 632 633header .menu-principal.sticky .container.bt-recherche:hover { 634 background-color: #C52630; 635} 636 637header .menu-principal.sticky .container.bt-recherche:hover a { 638 background-color: #C52630; 639} 640 641/* Ajout rubrique Vidéos */ 642header .menu-principal .container.bt-recherche { 643 padding-left: 0; 644} 645.menu-principal .container:nth-of-type(7) .btn{ 646 margin-right:7px; 647} 648 649.menu-principal.sticky .container:nth-of-type(7) .btn{ 650 margin-right:inherit; 651} 652 653.menu-principal .container:nth-of-type(7) .btn::after { 654 padding-left: 9px; 655 font-size: .8rem; 656 line-height: 1.2rem; 657 -webkit-transition: all .5s ease-out; 658 transition: all .5s ease-out;
659font-weight: 900; 660font-family: "Font Awesome 5 Free"; 661display: inline-block; 662 font-style: normal; 663 font-variant: normal; 664 text-rendering: auto; 665 color: #d1d1d1; 666 content: "\f13a"; 667position:absolute; 668 top:14px; 669} 670 671.menu-principal.sticky .container:nth-of-type(7) .btn::after { 672 padding-left: 5px; 673 color:#FFFFFF; 674} 675.menu-principal .container:nth-of-type(7) .btn:hover::after{ 676color: #c52630; 677} 678.menu-principal.sticky .container:nth-of-type(7) .btn:hover::after{ 679 color: #FFFFFF; 680} 681 682@media (max-width:1024px) { 683 .menu-principal .container:nth-of-type(7) .btn::after { 684 padding-left: 0px; 685 right:-3px; 686 top:0; 687 } 688} 689 690@media (min-width:1025px) and (max-width:1099px) { 691 header .menu-principal .container a.bt-recherche .label{ 692 display:none; 693 } 694header .connexion-sticky #bt-connexion span { 695 display:none; 696 } 697} 698header .menu-principal.sticky > ul { 699 margin-left: 7vw; 700 padding-left:0; 701} 702header .connexion-sticky .bt-compte { 703 padding-right:0; 704} 705@media (min-width:1025px) and (max-width:1515px) { 706header .menu-principal.sticky .container { 707 margin-right: 1vw; 708 } 709 header .menu-principal.sticky .container.home { 710 margin-right: 0; 711 } 712 713 .menu-principal.sticky > ul .container.bt-recherche { 714 padding-left: 10px; 715 } 716 header .connexion-sticky a.bt-don { 717 font-size: 0; 718 margin-right: 0; 719 background-size: 55%; 720 background-position: center; 721 padding: 5px 25px; 722 } 723 header .connexion.connexion-sticky .bt-abo { 724 margin-left: 10px; 725 } 726} 727@media (min-width:1025px) and (max-width:1150px) { 728 header .menu-principal.sticky > ul { 729 margin-left: 5.5vw; 730 padding-left:0; 731} 732 .menu-principal.sticky > ul .container.bt-recherche { 733 padding-left: 0px; 734 } 735 736} 737/* */ 738 739@media screen and (max-width: 1024px) { 740 #header .top a.logo img { 741 width: 50px !important; 742 padding-top: 10px !important; 743 } 744 745 #header .top .ico-menu-mobile i { 746 font-size: 1.5rem; 747 line-height: 1.7rem; 748 color: #FFFFFF; 749 } 750} 751 752/*parenthese bug*/ 753@media screen and (max-width: 1024px) { 754 #nav ul { 755 display: block; 756 padding: 20px; 757 width: 100%; 758 position: relative; 759 -webkit-box-sizing: border-box; 760 box-sizing: border-box; 761 margin-left: 0px; 762 } 763} 764 765footer.bloc-footer .content div.reseau-foot img { 766 width: 120px !important; 767} 768 769aside .art-selection { 770 text-align: center; 771 position: relative; 772 border: solid 1px #cecece; 773 padding-bottom: 30px; 774 border-radius: 0 0 0.8rem 0.8rem; 775} 776 777.bloc-sticky { 778 -webkit-box-align: center; 779 -ms-flex-align: center; 780 align-items: center; 781 background: #F1E7D8; 782 top: 100%; 783 color: #000; 784 display: -webkit-box; 785 display: -ms-flexbox; 786 display: flex; 787 font-size: .8rem; 788 grid-gap: 30px; 789 gap: 30px; 790 -webkit-box-pack: center; 791 -ms-flex-pack: center; 792 justify-content: center; 793 left: 0; 794 padding: 10px 60px; 795 position: fixed; 796 right: 0; 797 -webkit-transform: translateY(-100%); 798 transform: translateY(-100%); 799 -webkit-transition: all .5s ease; 800 transition: all .5s ease; 801} 802 803.bloc-sticky p { 804 color: inherit; 805 line-height: 1.3em; 806 font-weight: 700; 807margin-top: 0; 808} 809 810.bloc-sticky p::after { 811 content:" Recevez un numéro gratuitement !"; 812 font-weight:400; 813 font-size: .95em; 814} 815 816.bloc-sticky .bt { 817 background-color: #F8AF04; 818 border-radius: 3px; 819 color: #000; 820 display: inline-block; 821 font-family: Roboto; 822 font-weight: 400; 823 line-height: 1.3em; 824 padding: 5px 15px; 825 text-align: center; 826 text-decoration: none; 827min-width: max-content; 828} 829 830.bloc-sticky a.bt { 831 font-family: 'Roboto'; 832} 833 834@media (max-width: 575px) { 835 .bloc-sticky { 836 max-width: 99vw; 837 flex-direction: column; 838 justify-content: center; 839 align-items: center; 840 gap: 9px; 841 padding: 20px 5px 10px 5px; 842 text-align: center; 843 } 844 .bloc-sticky .close { 845 right: 3%; 846 font-size: 1.6rem; 847 top: 12%; 848 padding: 0; 849 } 850 .bloc-sticky p { 851 padding-top: 5px; 852 } 853 854 .bloc-sticky p::after { 855 content: "\a Recevez un numéro gratuitement !"; 856 font-weight: 400; 857 font-size: .95em; 858 white-space: pre; 859 } 860 861} 862 863/* 864@media (max-width:768px) { 865 .bloc-sticky { 866 display: none; 867 } 868} 869*/ 870 871.abo-full .tarifcareme { 872 display: -webkit-box; 873 display: -ms-flexbox; 874 display: flex; 875 -webkit-box-pack: center; 876 -ms-flex-pack: center; 877 justify-content: center; 878 font-family: Roboto; 879 font-weight: 700; 880 font-size: 20px; 881 text-align: center; 882} 883 884.main .abo-full .image { 885 padding-right: 15px; 886 width: 50%; 887 flex: 1; 888 display: flex; 889 justify-content: center;
890 align-items: center; 891} 892 893.box2 { 894 display: -webkit-box; 895 display: -ms-flexbox; 896 display: flex; 897 -webkit-box-pack: space-evenly; 898 -ms-flex-pack: space-evenly; 899 justify-content: space-evenly; 900 margin: 10px 0 30px 0; 901} 902 903.main .abo-full .image img { 904 /* width: 100%; */ 905 height: auto; 906 max-width: 300px; 907} 908 909.statics h2 { 910 font-family: Roboto; 911 font-weight: 700; 912 color: #454545; 913 text-decoration: none; 914 font-size: 1.4rem; 915 line-height: 1.8rem !important; 916 margin-bottom: 20px; 917} 918 919/*images jeu concours SetS*/ 920.images-concours { 921 max-width: 100%; 922 height: auto; 923 display: block; 924 margin: 0 auto; 925} 926 927/*Article avec accordeon*/ 928.accordion-section { 929 margin-bottom: 10px; 930} 931 932.accordion-label { 933 background-color: #eee; 934 color: #444; 935 cursor: pointer; 936 padding: 18px; 937 width: 100%; 938 text-align: left; 939 font-size: 18px; 940 display: flex; 941 justify-content: space-between; 942 align-items: center; 943 transition: 0.4s; 944 border: 1px solid #ddd; 945} 946 947.accordion-label:after { 948 content: '\25B8'; 949 /* Chevron non-plein (triangle fin) */ 950 font-size: 16px; 951 transition: transform 0.3s ease; 952} 953 954input[type="checkbox"]:checked+.accordion-label:after { 955 transform: rotate(90deg); 956 /* Rotation du chevron pour le menu ouvert */ 957} 958 959.accordion-content { 960 max-height: 0; 961 overflow: hidden; 962 transition: max-height 0.6s ease; 963 background-color: white; 964 padding: 0 18px; 965 border-left: 1px solid #ddd; 966 border-right: 1px solid #ddd; 967 border-bottom: 1px solid #ddd; 968} 969 970input[type="checkbox"]:checked+.accordion-label+.accordion-content { 971 max-height: 1000px; 972 /* Grande valeur pour s'assurer que tout le contenu est visible */ 973} 974 975.accordion-content img { 976 width: 100%; 977 max-width: 300px; 978 margin-top: 10px; 979} 980 981.audio-container { 982 margin-top: 10px; 983} 984 985p { 986 margin-top: 10px; 987} 988 989/* Responsive styles */ 990@media (max-width: 768px) { 991 .accordion-label { 992 font-size: 16px; 993 padding: 15px; 994 } 995 996 .accordion-content img { 997 max-width: 100%; 998 } 999} 1000 1001@media (max-width: 480px) { 1002 .accordion-label { 1003 font-size: 14px; 1004 padding: 12px; 1005 } 1006} 1007 1008/* Page Don novembre 2025 */ 1009 1010 1011/* Typo */ 1012.block-text-image, 1013.block-title p { 1014 font-family: 'Source Serif 4'; 1015 text-decoration: none; 1016 letter-spacing: 0; 1017 font-size: .9rem; 1018 line-height: 31px; 1019 color: #5a5a5a; 1020 margin-bottom: 20px; 1021 -webkit-hyphens: none; 1022 -ms-hyphens: none; 1023 hyphens: none; 1024} 1025 1026.block-text p { 1027 font-family: 'Source Serif 4'; 1028 text-decoration: none; 1029 letter-spacing: 0; 1030 font-size: .9rem; 1031 line-height: 31px; 1032 color: #5a5a5a; 1033 margin-bottom: 0px; 1034 padding-bottom: 0px; 1035 -webkit-hyphens: none; 1036 -ms-hyphens: none; 1037 hyphens: none; 1038} 1039 1040.block-colored p { 1041 font-family: 'Source Serif 4'; 1042 text-decoration: none; 1043 letter-spacing: 0; 1044 font-size: .9rem; 1045 line-height: 31px; 1046 color: #5a5a5a; 1047 margin-bottom: 15px; 1048 -webkit-hyphens: none; 1049 -ms-hyphens: none; 1050 hyphens: none; 1051 padding-bottom: 0; 1052} 1053 1054.block-pricing p { 1055 font-family: 'Source Serif 4'; 1056 font-weight: 300; 1057 color: #454545; 1058 text-decoration: none; 1059 font-size: .9rem; 1060 line-height: 1.2rem; 1061 letter-spacing: 0; 1062 padding-bottom: 15px; 1063} 1064 1065.block-three-columns, 1066.column-page p { 1067 font-family: 'Source Serif 4'; 1068 text-decoration: none; 1069 letter-spacing: 0; 1070 font-size: .9rem; 1071 line-height: 25px; 1072 color: #5a5a5a; 1073 margin-bottom: 15px; 1074 -webkit-hyphens: none; 1075 -ms-hyphens: none; 1076 hyphens: none; 1077 padding-bottom: 0; 1078} 1079 1080.block-three-columns, 1081.column-page h3 { 1082 font-family: Roboto; 1083 font-weight: 700; 1084 text-decoration: none; 1085 font-size: 1.1rem; 1086 line-height: 1.5rem; 1087 margin-bottom: 20px; 1088 color: #c52630; 1089 padding-top: 15px; 1090} 1091 1092.link-form-page-don { 1093 font-size: .9rem; 1094 font-family: 'Source Serif 4'; 1095 font-weight: 400; 1096 text-decoration: underline; 1097 line-height: .3rem; 1098} 1099 1100.block-title h2 { 1101 font-family: Roboto; 1102 font-weight: 700; 1103 color: #454545; 1104 text-decoration: none; 1105 font-size: 1.4rem; 1106 line-height: 1.8rem !important; 1107 margin-bottom: 20px; 1108 padding-top: 20px; 1109} 1110 1111.big-price { 1112 font-family: 'Source Serif 4'; 1113 text-decoration: none; 1114 letter-spacing: 0; 1115 font-size: 1.5rem; 1116 line-height: 1.9rem; 1117 color: #5a5a5a; 1118 font-weight: bold; 1119} 1120 1121.small-price { 1122 font-family: 'Source Serif 4'; 1123 text-decoration: none; 1124 letter-spacing: 0; 1125 font-size: .9rem; 1126 line-height: 1.1rem; 1127 font-weight: bold; 1128 color: #c52630; 1129} 1130 1131/* Bloc coloré */ 1132.block-colored { 1133 background-color: #f0f0f0; 1134 padding: 20px 40px 20px 40px; 1135 margin: 40px 0; 1136 text-align: center; 1137} 1138 1139.block-colored .picto { 1140 font-size: 50px; 1141 color: #5d6f0c; 1142 margin-bottom: 10px; 1143} 1144 1145/* Bloc avec image et texte */ 1146.block-text-image { 1147 padding: 20px; 1148 margin: 20px 0; 1149 display: flex; 1150 align-items: center; 1151 justify-content: center; 1152 flex-wrap: wrap; 1153 text-align: center; 1154} 1155 1156.block-text-image img { 1157 max-width: 200px; 1158 margin-left: 20px; 1159} 1160 1161/* Dernier bloc de texte */ 1162.block-text { 1163 margin-bottom: 40px; 1164 /*padding: 20px;*/ 1165 text-align: center; 1166} 1167 1168 1169/* Bloc avec 3 colonnes */ 1170.block-pricing, 1171.block-three-columns { 1172 display: flex; 1173 justify-content: space-around; 1174 flex-wrap: wrap; 1175 /*padding: 20px;*/ 1176 margin: 20px 0; 1177} 1178 1179.block-pricing .pricing-column, 1180.block-three-columns .column-page { 1181 text-align: center; 1182 background-color: #f9f9f9; 1183 padding: 20px; 1184 border: 1px solid #ddd; 1185 margin: 10px; 1186 flex: 1; 1187 min-width: 250px; 1188 /* Largeur minimale pour chaque colonne */ 1189} 1190 1191/* Bloc avec 2 colonnes */ 1192.block-two-columns { 1193 display: flex; 1194 justify-content: center; 1195 padding: 20px; 1196 margin: 20px 0; 1197 flex-wrap: wrap; 1198} 1199 1200.block-two-columns .column-page { 1201 text-align: center; 1202 flex: 1; 1203 margin: 10px; 1204 min-width: 250px; 1205 /* Largeur minimale pour chaque colonne */ 1206} 1207 1208.block-two-columns .column-page img { 1209 width: 100px; 1210 height: 100px; 1211 border-radius: 50%; 1212} 1213 1214/* Bouton Je fais un don */ 1215.bt-don-page { 1216 background-color: #22374c; 1217 color: white; 1218 border: 1px solid #FFF; 1219 padding: 10px 20px; 1220font-family: 'Roboto'; 1221 border-radius: 4px; 1222 text-decoration: none; 1223 font-weight: 400; 1224 font-size: 0.8rem; 1225 line-height: 1rem; 1226 display: inline-flex; 1227 align-items: center; 1228 margin-right: 10px; 1229 transition: background-color 0.3s ease; 1230} 1231 1232.bt-don-page i { 1233 margin-right: 8px; 1234} 1235 1236.bt-don-page:hover { 1237 background-color: #36597b; 1238 color: #FFF !important; 1239} 1240 1241.bt-legs-page { 1242 background-color: #F8AF04; 1243 color: #000; 1244 border: 1px solid #F8AF04; 1245 padding: 8px 16px; 1246 border-radius: 4px; 1247 text-decoration: none; 1248 font-weight: 400; 1249 font-size: 0.8rem; 1250 line-height: 1rem; 1251 display: inline-flex; 1252 align-items: center; 1253 margin-right: 10px; 1254 transition: background-color 0.3s ease; 1255font-family:'Roboto'; 1256} 1257 1258.bt-legs-page i { 1259 margin-right: 8px; 1260} 1261 1262.bt-legs-page:hover { 1263 background-color: #000; 1264 border: 1px solid #000; 1265 color: #FFF !important; 1266} 1267 1268/* Styles responsives */ 1269@media (max-width: 768px) { 1270 1271 /* Bloc avec image et texte */ 1272 .block-text-image { 1273 flex-direction: column; 1274 } 1275 1276 .block-text-image img { 1277 margin-left: 0; 1278 margin-top: 20px; 1279 } 1280 1281 /* Bloc avec 3 colonnes */ 1282 .block-pricing, 1283 .block-three-columns { 1284 flex-direction: column; 1285 } 1286 1287 /* Bouton Je fais un don (mobile) */ 1288 /*.bt-don-page { 1289 background-color: transparent; 1290 padding: 0; 1291 margin-right: 0; 1292 border: none; 1293 }*/ 1294 1295 .bt-don-page { 1296 background-color: #22374c; 1297 color: white; 1298 border: 1px solid #FFF; 1299 padding: 10px 20px; 1300 border-radius: 4px; 1301 text-decoration: none; 1302 font-weight: 400; 1303 font-size: 0.9rem; 1304 line-height: 1rem; 1305 display: inline-flex; 1306 align-items: center; 1307 margin-right: 10px; 1308 transition: background-color 0.3s ease; 1309 } 1310 1311 .bt-don-page i { 1312 margin-right: 8px; 1313 } 1314 1315 .bt-don-page:hover { 1316 background-color: #36597b; 1317 color: #FFF !important; 1318 } 1319 1320 .bt-don-page span { 1321 display: none; 1322 } 1323 1324 /*.bt-don-page i { 1325 font-size: 20px; 1326 margin-right: 0; 1327 color: #96b40e; 1328 }*/ 1329} 1330 1331.price { 1332 display: flex; 1333 justify-content: center; 1334 margin-top: 20px; 1335} 1336 1337@media (max-width:768px) { 1338 .price { 1339 display: block; 1340 justify-content: center; 1341 margin-top: 20px; 1342 } 1343} 1344 1345p.price { 1346 padding-top: 20px; 1347} 1348 1349.price img { 1350 width: 250px; 1351 height: auto; 1352} 1353 1354.price-block { 1355 display: flex; 1356 margin: 0 auto; 1357} 1358 1359.price-info-block { 1360 padding-top: 6px; 1361} 1362 1363.text-block { 1364 display: flex; 1365 flex-direction: column; 1366 align-items: flex-start; 1367 padding-top: 20px; 1368} 1369 1370@media (max-width:768px) { 1371 .text-block { 1372 display: flex; 1373 flex-direction: column; 1374 align-items: flex-start; 1375 padding-top: 0; 1376 } 1377} 1378 1379.text-block p { 1380 margin: 0; 1381 font-size: 24px; 1382 text-align: left; 1383 color: #FFF; 1384 padding-left: 10px; 1385} 1386 1387.text-block .price { 1388 font-size: 60px; 1389 text-align: right; 1390} 1391 1392.button { 1393 background-color: white; 1394 color: black; 1395 padding: 10px 20px; 1396 text-transform: uppercase; 1397 font-size: 14px; 1398 margin-top: 10px; 1399 text-align: center; 1400 border: 1px solid #FFF; 1401 width: 200px; 1402 font-weight: 700; 1403} 1404 1405.button-block { 1406 display: block; 1407 margin: 0 auto; 1408} 1409
1410.text-block .subscription-details { 1411 text-align: center; 1412 font-size: 14px; 1413 padding-top: 5px; 1414} 1415 1416 1417.conditions .if-abo-artgratuit { 1418 background-color: #22374c; 1419 padding: 5px 15px 15px 15px; 1420 margin-right: 15px; 1421 border-radius: 3px; 1422 font-family: Roboto; 1423 font-weight: 400; 1424 text-decoration: none; 1425 color: #fff; 1426 font-size: .7rem; 1427 line-height: 1rem; 1428 background-image: none; 1429 background-position: 11px; 1430 background-size: 18%; 1431 background-repeat: no-repeat; 1432} 1433 1434.if-abo-artgratuittop { 1435 background-color: #22374c; 1436 padding: 5px 15px; 1437 margin-right: 15px; 1438 border-radius: 3px; 1439 font-family: Roboto, sans-serif; 1440 font-weight: 400; 1441 text-decoration: none; 1442 color: #fff; 1443 font-size: 0.7rem; 1444 line-height: 1rem; 1445 display: flex; 1446 align-items: center; 1447 } 1448 .if-abo-artgratuittop a { 1449 display: flex; 1450 align-items: center; 1451 text-decoration: none; 1452 color: white; 1453 } 1454 .if-abo-artgratuittop img { 1455 margin-right: 10px; 1456 } 1457.if-abo-artgratuittop { 1458 padding: 0; 1459 } 1460 1461.if-abo-artgratuittop a{ 1462 padding: 5px 15px; 1463} 1464.cont-2col .partage-sticky .if-abo-artgratuit { 1465 width: auto; 1466 background-color: #22374c; 1467 border-radius: 3px; 1468 text-decoration: none; 1469 font-family: Roboto; 1470 font-weight: 400; 1471 color: #fff; 1472 font-size: .6rem; 1473 line-height: 1rem; 1474 /* display: none; */ 1475 background-image: none; 1476 background-position: center 8px; 1477 background-size: 35%; 1478 background-repeat: no-repeat; 1479 padding-top: 5px !important; 1480 padding-bottom: 15px; 1481} 1482 1483.main .bloc-selection .art .tt { 1484 font-weight: 700; 1485} 1486 1487.cont-2col .partage-sticky .if-abo-artgratuit { 1488 width: 100%; 1489 padding: 0 !important; 1490} 1491.cont-2col .partage-sticky .if-abo-artgratuit a{ 1492width: 100%; 1493 display: block; 1494 padding-bottom: 15px; 1495 padding-top: 10px; 1496 } 1497 1498/*Nouveau bloc abo avril 2025*/ 1499.entete-paywall { 1500 background-color:#fef5d2; 1501 padding:10px; 1502 color: #000; 1503 text-align:center; 1504 font-family: Roboto; 1505 font-size: .7rem; 1506} 1507 1508.entete-paywall a{ 1509 text-decoration:underline; 1510} 1511 1512.bloc-payant .cont-suite { 1513 background-color: #f8af00; 1514 text-align: center; 1515 font-family: Roboto; 1516 color: #FFFFFF; 1517 text-decoration: none; 1518 margin: auto; 1519 margin-top:0; 1520 padding: 10px 40px 20px 40px; 1521} 1522 1523@media (max-width:768px) { 1524 .bloc-payant .cont-suite { 1525 background-color: #f8af00; 1526 padding: 20px; 1527 text-align: center; 1528 font-family: Roboto; 1529 margin: auto; 1530 1531 } 1532} 1533 1534@media (min-width:768px) and (max-width:992px) { 1535 .bloc-payant .cont-suite .price img{ 1536 max-width: 45%; 1537 height: 100%; 1538 1539 } 1540} 1541 1542.bloc-payant .cont-suite p { 1543 color: #fff; 1544 text-decoration: none; 1545 font-family: Roboto; 1546 text-align: center; 1547} 1548 1549.cont-suite .text-offre p{ 1550 font-size: 1.15rem; 1551 font-weight: 600; 1552 margin-bottom: .5em; 1553 font-family: Roboto; 1554} 1555 1556.cont-suite .titre-paywall { 1557 font-size: 1.15rem; 1558 font-weight: 600; 1559 font-family: Roboto; 1560} 1561 1562.cont-suite .soustitre-paywall { 1563 font-weight: 400; 1564 margin-top:.25em; 1565 font-family: Roboto; 1566} 1567 1568.cont-suite span { 1569 color:#c02b33; 1570} 1571 1572.cont-suite .soustitre-paywall span { 1573 font-weight: 500; 1574} 1575 1576.price sub, 1577.price sup { 1578 font-size: 75%; 1579 line-height: 0; 1580 position: relative; 1581 vertical-align: baseline; 1582} 1583 1584.price sup { 1585 top: -0.5em; 1586} 1587 1588.price sub { 1589 bottom: -0.25em; 1590} 1591 1592 1593.button-rounded { 1594 border-radius:.5em; 1595 text-transform:none !important; 1596} 1597 1598.w100-center { 1599 width: 100%; 1600 align-items: center; 1601} 1602.bloc-btn-abo { 1603 margin-top: auto; 1604 margin-bottom: 1em; 1605} 1606 1607.cont-2col .partage-sticky .abo-left.if-abo { 1608 width: 100px; 1609 padding: 0 !important; 1610} 1611.cont-2col .partage-sticky .abo-left.if-abo a{ 1612 padding:5px 15px; 1613 display: block; 1614} 1615.conditions .if-abo .abo { 1616 padding: 0; 1617} 1618.conditions .if-abo .abo a{ 1619 padding:5px 15px; 1620 display: block; 1621} 1622 1623@media (min-width: 992px) { 1624 .br-mobile{ 1625 display:none; 1626 } 1627 1628 .bloc-btn-abo { 1629 margin-bottom: 2em; 1630 } 1631} 1632 1633@media (min-width: 768px) { 1634 .br-mobile-xs{ 1635 display:none; 1636 } 1637} 1638 1639.statics .formulaire-static h1 { 1640font-family: 'Source Serif 4'; 1641margin-bottom: 20px; 1642font-size: 1.5rem; 1643 line-height: 1.7rem; 1644} 1645 1646.statics .formulaire-static p { 1647padding-bottom: 0; 1648margin-bottom: 15px;
1649font-weight: 400; 1650font-size: .9rem; 1651 line-height: 1.25rem; 1652 color: #5a5a5a; 1653 font-family: 'Source Serif 4'; 1654} 1655 1656.img-static { 1657max-width: 100%; 1658 height: auto; 1659 } 1660.mb5 { 1661margin-bottom:3em; 1662} 1663 1664 @media (max-width: 768px) { 1665 .br-desktop{ 1666 display:none; 1667 } 1668} 1669 1670/* centrage vertical popin */ 1671.modal-vert-centered { 1672 display: flex; 1673 align-items: center; 1674 justify-content:center; 1675 min-height: calc(100% - 1rem); 1676} 1677 1678body #popin-accueil .cont { 1679 margin:0; 1680} 1681 1682body #popin-accueil .cont .close { 1683 position: relative; 1684 top:0; 1685} 1686/* Appel aux dons */ 1687.nomargin { 1688margin-bottom:0 !important; 1689} 1690 1691.redlink { 1692 color:#c52630; 1693 text-decoration:underline; 1694font-weight:600; 1695} 1696.img-resp { 1697width: 100%; 1698 height: auto; 1699} 1700.dons2col { 1701 align-items: center; 1702} 1703 1704@media screen and (max-width: 768px) { 1705 .dons2col { 1706 display:block; 1707 } 1708 1709 .dons2col .col70{ 1710 width:100%; 1711 } 1712 .dons2col .col30 { 1713 max-width:80%; 1714width:auto; 1715margin: 0 auto; 1716 } 1717} 1718 1719</style> 1720<!-- /BL LV - CSS Personnalise --> 1721 1722 1723 1724
1724<script src="/js/lib/ads-prebid.js"></script>
1724 1725
1725<script type="text/plain" data-gdpr-purposes="analytics" data-gdpr-inline>
vendor: 392 bytes, lines 1725-1730
1725 1726 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 1727 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 1728 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 1729 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 1730 })(window,document,'script','dataLayer','
1730GTM-PG65MX2
vendor: 14 bytes, lines 1730-1733
1730'); 1731 1732 1733
1733</script>
1733 1734
1734<script type="text/plain" data-gdpr-purposes="personalization" data-gdpr-inline> 1735 if (typeof type === 'undefined') { 1736 var type = 'page'; 1737 } 1738 1739 type = "page"; 1740 1741 1742 </script>
1742 1743 1744
1744<script type="text/javascript"> 1745 (function () { 1746 document.addEventListener('gdprConsentGiven', function (event) { 1747 1748 if (event.purposes) { 1749 Object.keys(event.purposes).forEach(function (key) { 1750 if (event.purposes[key] === true) { 1751 // new method 1752 try { 1753 dataLayer.push({ 1754 event: 'gdpr_consent_given_purpose_' + key, 1755 }) 1756 } catch (e) { 1757 console.error(e) 1758 } 1759 } 1760 }); 1761 } 1762 }); 1763 })(); 1764 </script>
1764 1765 1766
1766<script type="text/plain" data-gdpr-purposes="analytics" 1767 data-gdpr-src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
1767 1768 1769
1769<script type='text/javascript'> 1770 if (typeof type === 'undefined') { 1771 var type; 1772 } 1773 1774 1775 var googletag = googletag || {}; 1776 googletag.cmd = googletag.cmd || []; 1777 </script>
1777 1778 1779
1779<script type="text/javascript"> 1780 googletag.cmd.push(function () { 1781 // Bloc d'annonces 1782 var bloc_annonces = '128139881/'; 1783 bloc_annonces += 'LV_lavie/'; 1784 bloc_annonces += "" 1785 1786 // Taille devices 1787 var desktop = [1224, 200]; 1788 var tablet = [1024, 200]; 1789 var smartphone = [680, 200]; 1790 1791 // Définition des espaces publicitaires 1792 // Habillage 1793 /* 1794 googletag.defineOutOfPageSlot(bloc_annonces+'/habillage', 'habillage'). 1795 addService(googletag.pubads()). 1796 setTargeting('pos', 'habillage'); 1797 */ 1798 1799 // Banniere haute 1800 googletag.defineSlot(bloc_annonces+'/banniere_haute',[], 'banniere_haute'). 1801 defineSizeMapping( 1802 googletag.sizeMapping(). 1803 addSize(desktop, [[728,90],[970,250],[970,90],[1000,90],[1000,200],[1000,300],[1000,350],[1000,400],[1000,450],[1000,500],[468,60]]). 1804 addSize(tablet, [[728,90],[970,250],[970,90],[1000,90],[1000,200],[1000,300],[1000,350],[1000,400],[1000,450],[1000,500],[468,60]]). 1805 addSize(smartphone, [[320,50]]). 1806 build()). 1807 addService(googletag.pubads()). 1808 setTargeting('pos', 'banniere_haute'); 1809 1810 // Pavé haut 1811 googletag.defineSlot(bloc_annonces+'/pave_haut',[300,250], 'pave_haut'). 1812 1813 defineSizeMapping( 1814 googletag.sizeMapping(). 1815 addSize(desktop, [[300,250],[300,600],[300,800],[300,900],[300,1000],[300,1050]]). 1816 addSize(tablet, [[300,600],[300,250]]). 1817 addSize(smartphone, [[300,600],[300,250]]). 1818 build()). 1819 addService(googletag.pubads()). 1820 setTargeting('pos', 'pave_haut'); 1821 1822 1823 // Pavé milieu 1824 googletag.defineSlot(bloc_annonces+'/pave_milieu',[300,250], 'pave_milieu'). 1825 defineSizeMapping( 1826 googletag.sizeMapping(). 1827 addSize(desktop, [[300,600],[300,250]]). 1828 addSize(tablet, [[300,600],[300,250]]). 1829 addSize(smartphone, [[300,600],[300,250]]). 1830 build()). 1831 addService(googletag.pubads()). 1832 setTargeting('pos', 'pave_milieu'); 1833 1834 // Pavé bas 1835 googletag.defineSlot(bloc_annonces+'/pave_bas',[300,250], 'pave_bas'). 1836 defineSizeMapping( 1837 googletag.sizeMapping(). 1838 addSize(desktop, [[300,250]]). 1839 addSize(tablet, [[300,250]]). 1840 addSize(smartphone, [[300,250]]). 1841 build()). 1842 addService(googletag.pubads()). 1843 setTargeting('pos', 'pave_bas'); 1844 1845 googletag.pubads().addEventListener('slotRenderEnded', function (event) { 1846 if (!event.isEmpty && event.size.toString() != [1, 1].toString() && jQuery('#' + event.slot.getSlotElementId()).find('iframe').css('display') != 'none') { 1847 jQuery('#' + event.slot.getSlotElementId()).addClass('pub'); 1848 } 1849 }); 1850 1851 var rub = [""] 1852 1853 1854 var keywords = []; 1855 1856 googletag.pubads().setTargeting('rub', rub); 1857 googletag.pubads().setTargeting('keywords', keywords); 1858 1859 //googletag.pubads().enableSingleRequest(); 1860 googletag.pubads().collapseEmptyDivs(true); 1861 googletag.enableServices(); 1862 1863 1864 }); 1865 </script>
1865 1866</head> 1867<body id="body" 1868 class="lv"> 1869<!-- COL --> 1870 1871<!-- BL LV - Header de type imm --> 1872<!-- BL in --> 1873<header id="header"> 1874 <div class="contenu-connexion cont-bloc"> 1875 <div class="bt-head"> 1876 </div> 1877 </div> 1878 <div id="bg" class=""></div> 1879 1880 <div class="sur-head"> 1881 <ul class="reseaux"> 1882 <li> 1883 <a href="https://www.facebook.com/laviemediafr" title="Facebook" target="_blank"> 1884 <i class="fab fa-facebook-f" aria-hidden="true"></i> 1885 </a> 1886 </li> 1887 1888 <li> 1889 <a href="https://x.com/laviemediafr" title="X" target="_blank"> 1890 <i class="fab fa-twitter" aria-hidden="true"></i> 1891 </a> 1892 </li> 1893 1894 <li> 1895 <a href="https://bsky.app/profile/laviemedia.bsky.social" title="Bluesky" target="_blank"> 1896 <img src="https://images.lavie.fr/bluesky-brands-solid.png" width="18" style="line-height: 1; padding-top: 5px;"/> 1897 </a> 1898 </li> 1899 1900<li> 1901 <a href="https://www.linkedin.com/showcase/laviehebdo/" title="Linkedin" target="_blank"> 1902 <img src="https://images.lavie.fr/linkedin-in-brands-solid.png" width="18" style="line-height: 1; padding-top: 2px;"/> 1903 </a> 1904 </li> 1905 1906 <li> 1907 <a href="https://www.instagram.com/laviemediafr/" title="Instagram" target="_blank"> 1908 <i class="fab fa-instagram" aria-hidden="true"></i> 1909 </a> 1910 </li> 1911 1912 <li> 1913 <a href="https://www.youtube.com/@laviemediafr" title="Youtube" target="_blank"> 1914 <i class="fab fa-brands fa-youtube"></i> 1915 </a> 1916 </li> 1917 <li> 1918 <a href="https://www.lavie.fr/pages/application/" title="Mobile" target="_blank"> 1919 <i class="mobile"></i> 1920 </a> 1921 </li> 1922 <li> 1923 <a href="http://nl-edito.lavie.fr" title="Mail" target="_blank"> 1924 <i class="mail" aria-hidden="true"></i> 1925 </a> 1926 </li> 1927 <li> 1928 <a href="https://www.lavie.fr/une/rss.xml" title="RSS" target="_blank"> 1929 <i class="rss" aria-hidden="true"></i> 1930 </a> 1931 </li> 1932 1933 </ul> 1934 <a class="bt" href="https://boutique.lavie.fr" target="_blank">Boutique</a> 1935 </div> 1936 1937 <div id="top" class="top"> 1938 <div class="hebdo"> 1939 <div class="couv"> 1940 <a href="https://kiosque.lavie.fr" target="_blank"> 1941 <img src="https://medias.lavie.fr/api/v1/images/view/6ab383d6baa1f2051a014284/edition_hebdo/image.jpg" alt="couverture" /> 1942 </a> 1943 </div> 1944 <a class="bt-couv" href="https://kiosque.lavie.fr" target="_blank" >Lire le magazine</a> 1945 </div> 1946 <a id="menu-mobile" class="ico-menu-mobile"><i class="fas fa-bars"></i></a> 1947 <a id="logo" class="logo" href="/"><img src="/img/logo-la-vie.png" alt="logo la vie"></a> 1948 <div class="connexion" id="connex"> 1949 <a class="bt-don" href="/pages/dons">Faire un don</a> 1950 <a class="bt-abo" target="_blank" href="https://abo.lavie.fr/">Sâabonner</a> 1951 <a href="https://abo.lavie.fr/login.html?url=https%3A%2F%2Fwww.lavie.fr%2Fpages%2Fcontact" id="bt-connexion" class="bt-compte"> 1952 <i class="fas fa-user-circle gris" aria-hidden="true"></i> 1953 <span>Se connecter</span> 1954 </a> 1955 1956 </div> 1957</div> 1958 <nav id="nav" class="menu-principal"> 1959 <ul> 1960 <li class="container home"> 1961 <a class="btn" title="Page d'accueil" href="/"><i class="fas fa-home"></i><span>Accueil </span></a> 1962 </li> 1963 1964 <li class="container"> 1965 <div class="btn"> 1966 <span>Actualité</span> 1967 <i class="fas fa-chevron-circle-down grisMoyen" aria-hidden="true"></i> 1968 </div> 1969 <div class="content"> 1970 <ul class="col4"> 1971 <li> 1972 <a class="ss-rub" href="/actualite/">ACTUALITE</a> 1973 </li> 1974 <li> 1975 <a class="ss-rub" href="/actualite/societe/">Société</a> 1976 </li> 1977 <li> 1978 <a class="ss-rub" href="/actualite/geopolitique/">Géopolitique</a> 1979 </li> 1980 <li> 1981 <a class="ss-rub" href="/actualite/ecologie/">Ãcologie</a> 1982 </li> 1983 <li> 1984 <a class="ss-rub" href="/actualite/solidarite/">Solidarité</a> 1985 </li> 1986 <li> 1987 <a class="ss-rub" href="/actualite/sciences/">Sciences</a> 1988 </li> 1989 </ul> 1990 </div> 1991 </li> 1992 <li class="container"> 1993 <div class="btn">
1994 <span>Christianisme</span> 1995 <i class="fas fa-chevron-circle-down grisMoyen" aria-hidden="true"></i> 1996 </div> 1997 <div class="content"> 1998 <ul class="col4"> 1999 <li> 2000 <a class="ss-rub" href="/christianisme/">CHRISTIANISME</a> 2001 </li> 2002 <li> 2003 <a class="ss-rub" href="/christianisme/eglise/">Ãglise</a> 2004 </li> 2005 <li> 2006 <a class="ss-rub" href="/christianisme/temoignage/">Témoignage</a> 2007 </li> 2008 <li> 2009 <a class="ss-rub" href="/christianisme/bible/">Bible</a> 2010 </li> 2011 <li> 2012 <a class="ss-rub" href="/christianisme/abc-de-la-foi/">ABC de la foi</a> 2013 </li> 2014 </ul> 2015 </div> 2016 </li> 2017 <li class="container"> 2018 <div class="btn"> 2019 <span>Idées</span> 2020 <i class="fas fa-chevron-circle-down grisMoyen" aria-hidden="true"></i> 2021 </div> 2022 <div class="content"> 2023 <ul class="col4"> 2024 <li> 2025 <a class="ss-rub" href="/idees/">IDÃES</a> 2026 </li> 2027 <li> 2028 <a class="ss-rub" href="/idees/editos/">Ãdito</a> 2029 </li> 2030 <li> 2031 <a class="ss-rub" href="/idees/chroniques/">Chronique</a> 2032 </li> 2033 <li> 2034 <a class="ss-rub" href="/idees/debats/">Débat</a> 2035 </li> 2036 <li> 2037 <a class="ss-rub" href="/idees/histoire/">Histoire</a> 2038 </li> 2039 </ul> 2040 </div> 2041 </li> 2042 <li class="container"> 2043 <div class="btn"> 2044 <span>Modes de vie</span> 2045 <i class="fas fa-chevron-circle-down grisMoyen" aria-hidden="true"></i> 2046 </div> 2047 <div class="content"> 2048 <ul class="col4"> 2049 <li> 2050 <a class="ss-rub" href="/ma-vie/">MODES DE VIE</a> 2051 </li> 2052 <li> 2053 <a class="ss-rub" href="/ma-vie/famille/">Famille</a> 2054 </li> 2055 <li> 2056 <a class="ss-rub" href="/ma-vie/sante-bien-etre/">Psycho</a> 2057 </li> 2058 <li> 2059 <a class="ss-rub" href="/ma-vie/spiritualite/">Spiritualité</a> 2060 </li> 2061 <li> 2062 <a class="ss-rub" href="/ma-vie/loisirs/">Loisirs</a> 2063 </li> 2064 <li> 2065 <a class="ss-rub" href="/ma-vie/sens-et-sante/">Sens et santé</a> 2066 </li> 2067 </ul> 2068 </div> 2069 </li> 2070 <li class="container"> 2071 <div class="btn">
2072 <span>Culture</span> 2073 <i class="fas fa-chevron-circle-down grisMoyen" aria-hidden="true"></i> 2074 </div> 2075 <div class="content"> 2076 <ul class="col4"> 2077 <li> 2078 <a class="ss-rub" href="/ma-vie/culture/">CULTURE</a> 2079 </li> 2080 <li> 2081 <a target="_blank" class="ss-rub" href="/mot-clef/cinema/">Cinéma</a> 2082 </li> 2083 <li> 2084 <a target="_blank" class="ss-rub" href="https://www.lavie.fr/mot-clef/litterature/">Littérature</a> 2085 </li> 2086 <li> 2087 <a target="_blank" class="ss-rub" href="/mot-clef/spectacle/">Spectacles</a> 2088 </li> 2089 <li> 2090 <a target="_blank" class="ss-rub" href="/mot-clef/exposition/">Exposition</a> 2091 </li> 2092 <li> 2093 <a target="_blank" class="ss-rub" href="https://www.lavie.fr/mot-clef/musique/">Musique</a> 2094 </li> 2095 <li> 2096 <a target="_blank" class="ss-rub" href="/mot-clef/television/">Télévision</a> 2097 </li> 2098 </ul> 2099 </div> 2100 </li> 2101 <li class="container"> 2102 <div class="btn"> 2103 <span><a href="/videos/">Vidéos</a></span> 2104 </div> 2105 </li> 2106 <li class="container"> 2107 <div class="btn"> 2108 <span>Services</span> 2109 <i class="fas fa-chevron-circle-down grisMoyen" aria-hidden="true"></i> 2110 </div> 2111 <div class="content"> 2112 <ul class="col4"> 2113 <li> 2114 <a class="ss-rub" href="/services/voyages/">Voyages</a> 2115 </li> 2116 <li> 2117 <a class="ss-rub" href="/services/evenements/">Ãvènements</a> 2118 </li> 2119 <li> 2120 <a class="ss-rub" href="/services/amis-de-la-vie/">Amis de La Vie</a> 2121 </li> 2122 <li> 2123 <a target="_blank" class="ss-rub" href="https://www.guidestchristophe.com/">Guide Saint Christophe</a> 2124 </li> 2125 <li> 2126 <a target="_blank" class="ss-rub" href="https://www.lavie.fr/pages/petites-annonces/">Petites annonces</a> 2127 </li> 2128 <li> 2129 <a target="_blank" class="ss-rub" href="https://boutique.lavie.fr">Boutique</a> 2130 </li> 2131 </ul> 2132 </div> 2133 </li> 2134 2135 <li class="container bt-recherche"><a class="link-menu bt-recherche" href="/recherche/"><i class="fas fa-search "></i><span 2136 class="label">Rechercher</span></a></li> 2137 </ul> 2138 <div class="more-mobile"> 2139 <div > 2140 <ul> 2141 <li class="tt">à propos</li> 2142 <li><a href="/pages/qui-sommes-nous">Qui sommes-nous ?</a></li> 2143 <li><a href="/pdfs/pub-lavie.pdf" target="_blank">Publicité</a></li> 2144 <li><a href="/pages/partenaires">Partenaires</a></li> 2145 <li><a href="/pages/contact">Contact</a></li> 2146 <li>
2146<a href="/pages/charte-la-vie-le-monde">Charte La Vie Le Monde</a></li> 2147 <li><a href="/pages/aide-faq">Aide / FAQ</a></li> 2148 <li><a href="/pages/mentions-legales">Mentions légales</a></li> 2149 <li><a href="/pages/conditions-generales-d-utilisation">Conditions générales d'utilisation</a></li> 2150 <li><a class="gdpr-cs-parameters-link" href="#">Gestion des cookies</a></li> 2151 <li><a href="/pages/confidentialite">Politique de confidentialité</a></li> 2152 </ul> 2153 </div> 2154 <div> 2155 <ul> 2156 <li class="tt">Pratique</li> 2157 <li><a href=" https://boutique.lavie.fr" target="_blank">Boutique</a></li> 2158 <li><a href="https://abo.lavie.fr" target="_blank">Abonnement</a></li> 2159 <li><a href="/papier/">Ãditions papier</a></li> 2160 <li><a href="https://www.guidestchristophe.com" target="_blank">Guide Saint-Christophe</a></li> 2161 <li><a href="/services/voyages/" target="_blank">Voyages</a></li> 2162 <li><a href="/pages/service-client">Service client</a></li> 2163 <li><a href="mailto:[email protected]" target="_blank">Courrier des lecteurs</a></li> 2164 <li><a href="/archives/">Archives</a></li> 2165 <li><a href="/pages/petites-annonces">Petites annonces</a></li> 2166 <li><a href="/plan-du-site/">Plan du site</a></li> 2167 </ul> 2168 </div> 2169 <ul class="reseaux"> 2170 <li> 2171 <a href="https://www.facebook.com/laviemediafr" title="Facebook" target="_blank"> 2172 <i class="fab fa-facebook-f" aria-hidden="true"></i> 2173 </a> 2174 </li> 2175 2176 <li> 2177 <a href="https://x.com/laviemediafr" title="Twitter" target="_blank"> 2178 <i class="fab fa-twitter" aria-hidden="true"></i> 2179 </a> 2180 </li> 2181 <li> 2182 <a href="https://www.instagram.com/laviemediafr/" title="Insta" target="_blank"> 2183 <i class="fab fa-instagram" aria-hidden="true"></i> 2184 </a> 2185 </li> 2186 2187 <li> 2188 <a href="https://www.youtube.com/@laviemediafr" title="Youtube" target="_blank"> 2189 <i class="fab fa-brands fa-youtube" aria-hidden="true"></i> 2190 </a> 2191 </li> 2192 <li> 2193 <a href="https://www.lavie.fr/pages/application/" title="Mobile" target="_blank"> 2194 <i class="mobile"></i> 2195 </a> 2196 </li> 2197 <li> 2198 <a href="http://nl-edito.lavie.fr" title="Mail" target="_blank"> 2199 <i class="mail" aria-hidden="true"></i> 2200 </a> 2201 </li> 2202 <li> 2203 <a href="#" title="Rss" target="_blank"> 2204 <i class="rss" aria-hidden="true"></i> 2205 </a> 2206 </li> 2207 2208 </ul> 2209 <div class="store"> 2210 <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> 2211</div> 2212</nav> 2213 2214 2215
2215<script> 2216 function disableOffers() { 2217 let date = new Date(); 2218 date.setTime(date.getTime() + (365 * 24 * 3600 * 1000)); 2219 document.cookie = "no_offers=; path=/; expires=" + date.toGMTString(); 2220 } 2221 </script>
2221 2222 <div class="bandeau-abo"> 2223 <!-- COL --> 2224 2225<!-- BL LV - Header - Google Showcase de type html --> 2226<!-- BL in --> 2227<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> 2228<!-- /BL LV - Header - Google Showcase --> 2229<!-- BL LV - Header - bannière abonnement 1 de type html --> 2230<!-- /BL LV - Header - bannière abonnement 1 --> 2231 2232 <a href="#" onclick="disableOffers(); return false;"><i class="fa fa-times"></i></a> 2233 </div> 2234 </header> 2235 2236<!-- /BL LV - Header --> 2237<div class="main "> 2238 <!-- COL --> 2239 2240<!-- BL LV - Pub - BANNIERE HAUTE de type html --> 2241<!-- BL in --> 2242<!-- debut pub banniere haute --> 2243<div id="banniere_haute" class="center">
2244<script type="text/javascript"> 2245googletag.cmd.push(function() { googletag.display('banniere_haute'); }); 2246</script>
2246 2247</div> 2248<!-- fin pub banniere haute --> 2249<!-- /BL LV - Pub - BANNIERE HAUTE --> 2250<!-- BL LV - Fil d'actu de type imm --> 2251<!-- /BL LV - Fil d'actu --> 2252 2253 <hr /> 2254 <div class="cont-1col body"> 2255 <div class="content liste-cat"> 2256 <!-- COL --> 2257 2258<!-- BL Système - Arche de type ext --> 2259<!-- BL in --> 2260<div class="statics"><div class="contact"> 2261<h1 class="tt">Contact</h1> 2262 2263<h3>La rédaction</h3> 2264 2265<p>Pour toute question concernant le magazine <i>La Vie</i> et les contenus rédactionnels du site lavie.fr, nous vous invitons à nous contacter par mail à  <strong>[email protected],</strong> par courrier postal à La Vie - 67/69 av Pierre Mendès France - 75212 Paris Cedex 13.</p> 2266 2267<hr /> 2268<h3>Le service client</h3> 2269 2270<p>Pour toute question concernant votre abonnement ou une commande, contacter notre <u><a href="https://www.lavie.fr/pages/service-client">service client</a></u> ou par téléphone au 01 48 88 51 04</p> 2271 2272<hr /> 2273<h3>La régie publicitaire</h3> 2274 2275<p>Pour toute demande concernant la publicité dans le magazine <i>La Vie</i> ou sur le site lavie.fr, contactez le service publicité :</p> 2276 2277<p><strong>Directrice Générale</strong> <strong>M Publicité</strong> : Elisabeth CIALDELLA<br /> 2278 </p> 2279 2280<p><strong>Publicité commerciale et associations</strong> : David OGER <strong>(Tel : 01 48 88 46 03)</strong></p> 2281 2282<p class="mb5"><a class="link-form-page-don" href="https://images.lavie.fr/LaVie_Kit_Media_2026.pdf" target="_blank">Téléchargez le kit media</a></p> 2283</div> 2284</div><!-- /BL Système - Arche --> 2285 2286 </div> 2287 2288 </div> 2289</div> 2290<!-- COL --> 2291 2292<!-- BL Bandeau "sticky fixed" La Vie de type ext --> 2293<!-- BL in --> 2294 <div class="bloc-sticky"> 2295 <p>La Vie se réinvente.</p> 2296 <a class="bt" href="https://www.lavie.fr/pages/formulaire" target="_blank">Je découvre</a> 2297 <button class="close">Ã</button> 2298 </div> 2299<!-- /BL Bandeau "sticky fixed" La Vie --> 2300<!-- BL LV - Footer New de type html --> 2301<!-- BL in --> 2302<footer class="bloc-footer"> 2303<div class="content cont-flex"> 2304<div class="reseau-foot"><img alt="logo la vie" src="https://images.lavie.fr/logo-carre-blanc-fond-transparent-1000x1000.png" /> 2305<ul class="reseaux"> 2306 <li> 2307 <a href="https://www.facebook.com/laviemediafr" title="Facebook" target="_blank"> 2308 <i class="fab fa-facebook-f" aria-hidden="true"></i> 2309 </a> 2310 </li> 2311 2312 <li> 2313 <a href="https://x.com/laviemediafr" title="X" target="_blank"> 2314 <i class="fab fa-twitter" aria-hidden="true"></i> 2315 </a> 2316 </li> 2317 <li> 2318 <a href="https://www.instagram.com/laviemediafr/" title="Instagram" target="_blank"> 2319 <i class="fab fa-instagram" aria-hidden="true"></i> 2320 </a> 2321 </li> 2322 2323 2324 </ul> 2325 2326<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> 2327</div> 2328 2329<div> 2330<ul> 2331 <li class="tt">Rubriques</li> 2332 <li><a href="/actualite/">Actualité</a></li> 2333 <li><a href="/christianisme/">Christianisme</a></li> 2334 <li><a href="/idees/">Idées</a></li> 2335 <li><a href="/ma-vie/">Modes de vie</a></li> 2336 <li><a href="/ma-vie/culture/">Culture</a></li> 2337 <li><a href="/services/">Services</a></li> 2338</ul> 2339</div> 2340 2341<div> 2342<ul> 2343 <li class="tt">à propos</li> 2344 <li><a href="/pages/qui-sommes-nous">Qui sommes-nous ?</a></li> 2345 <li><a href="https://images.lavie.fr/LaVie_Kit_Media_2026.pdf" target="_blank">Publicité</a></li> 2346 <li><a href="/pages/partenaires">Partenaires</a></li> 2347 <li><a href="/pages/contact">Contact</a></li> 2348 <li><a href="/pages/charte-la-vie-le-monde">Charte La Vie Le Monde</a></li> 2349 <li><a href="https://abo.lavie.fr/faq.html" target="_blank">Aide / FAQ</a></li> 2350 <li><a href="/pages/mentions-legales">Mentions légales</a></li> 2351 <li><a href="/pages/conditions-generales-d-utilisation">Conditions générales d'utilisation</a></li> 2352 <li><a class="gdpr-cs-parameters-link" href="#">Gestion des cookies</a></li> 2353 <li><a href="/pages/confidentialite">Politique de confidentialité</a></li> 2354</ul> 2355</div> 2356 2357<div> 2358<ul> 2359 <li class="tt">Pratique</li> 2360 <li><a href="https://boutique.lavie.fr" target="_blank">Boutique</a></li> 2361 <li><a href="https://abo.lavie.fr" target="_blank">Sâabonner / Se désabonner</a></li> 2362 <li><a href="/papier/">Ãditions papier</a></li> 2363 <li><a href="/le-guide">Le Guide TV</a></li> 2364 <li><a href="https://www.guidestchristophe.com" target="_blank">Guide Saint-Christophe</a></li> 2365 <li><a href="/services/voyages/" target="_blank">Voyages</a></li> 2366 <li><a href="/pages/service-client">Service client</a></li> 2367 <li><a href="mailto:[email protected]" target="_blank">Courrier des lecteurs</a></li> 2368 <li><a href="/archives/">Archives</a></li> 2369 <li><a href="/pages/petites-annonces">Petites annonces</a></li> 2370 <li><a href="/plan-du-site/">Plan du site</a></li> 2371</ul> 2372</div> 2373</div> 2374 2375<div class="sites-groupe">Sites du groupe 2376<ul> 2377 <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> 2378 <li><a href="https://www.courrierinternational.com/" target="_blank"><img alt="" src="/img/icons-footer/icon-courint.png" /><span>Courrier International</span></a></li> 2379 <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> 2380 <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> 2381 <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> 2382</ul> 2383</div> 2384 2385<div class="droits"><a class="gdpr-cs-parameters-link" href="#">Gestion des cookies</a> - Tous droits réservés - La Vie 2020</div> 2386</footer> 2387<!-- /BL LV - Footer New --> 2388<!-- BL LV - Footer Overlay de type html --> 2389<!-- BL in --> 2390<div id="overlay" class="overlay-sticky"></div> 2391<!-- /BL LV - Footer Overlay -->
vendor: 84 bytes, lines 2391-2396
2391 2392 2393 2394 2395 <noscript> 2396 <iframe src="https://www.googletagmanager.com/ns.html?id=
2396GTM-PG65MX2
vendor: 105 bytes, lines 2396-2399
2396" height="0" width="0" 2397 style="display:none;visibility:hidden"></iframe> 2398 </noscript> 2399
2400<script> 2401 window.beOpinionAsyncInit = function () { 2402 BeOpinionSDK.init({ 2403 account: "586f7737f5d473618a006e99", 2404 }); 2405 BeOpinionSDK.parse(); 2406 } 2407</script>
2407 2408
2409<script type="text/javascript"> 2410 var siriusCapping = window.siriusCapping || {}; 2411 const homePopinCloseBtn = document.querySelector('#popin-accueil .close'); 2412 if (homePopinCloseBtn) { 2413 const picturesElement = document.querySelector('#popin-accueil .pictures'); 2414 const allImg = picturesElement.children; 2415 const keepIndex = Math.floor(Math.random() * allImg.length); 2416 for (let i = 0; i < allImg.length; i++) { 2417 if (keepIndex !== i) { 2418 allImg[i].remove(); 2419 } 2420 } 2421 picturesElement.style.display = 'block'; 2422 homePopinCloseBtn.addEventListener('click', function () { 2423 document.querySelector('#popin-accueil').style.display = 'none'; 2424 }); 2425 } 2426 function showPopin() { 2427 // si 1ere visite 2428 if (!getCookie('popin-accueil')) { 2429 const homePopin = document.querySelector('#popin-accueil'); 2430 if (homePopin) homePopin.style.display = 'block'; 2431 setCookie('popin-accueil', 1); 2432 } 2433 } 2434 2435 function showPopinOld(consent = 'no consent') { 2436 console.log('appel gestion de la popin ici') // WIP 2437 console.log(consent, getCookie('userInfos'), getCookie('popin-accueil')); 2438 2439 // Si le cookie n'est pas déjà déposé et que l'utilisateur est identifié, on le dépose 2440 if (!getCookie('popin-accueil') && getCookie('userInfos')) { 2441 console.log('setcookie before'); 2442 setCookie('popin-accueil', 1, 365); 2443 } 2444 2445 const homePopin = document.querySelector('#popin-accueil'); 2446 if (!homePopin) { 2447 console.log('homepopin not defined'); 2448 return; 2449 } 2450 if ((consent === 'no consent' 2451 || consent === 'not found' 2452 || consent === 'partial consent') 2453 && !getCookie('userInfos') 2454 && !getCookie('popin-accueil')) { 2455 console.log('conditions en vrac : consent ou non ; pas loggué, pas de cookie popin') 2456 /* TODO a debugger. */ 2457 homePopin.style.display = 'block'; 2458 deleteCookie('popin-accueil'); 2459 console.log('deletecookie'); 2460 // La popin n'a jamais été affichée 2461 } else if (!getCookie('popin-accueil')) { 2462 2463 homePopin.style.display = 'block'; 2464 console.log('condition si le cookie popin n\'existe pas') 2465 console.log('affichage effectif de la popin') 2466 setCookie('popin-accueil', 1, 365); 2467 } else { 2468 console.log('masquage effectif de la popin') 2469 homePopin.style.display = 'none'; 2470 } 2471 } 2472 2473 const current_site = "mlshb:lv0f:" 2474 const paths = "mlshb:lv0f:systeme:arche".split(current_site).pop().split(':'); 2475 const rubrique = config[paths[0]]; 2476 2477 const ch1 = paths[0]; 2478 const ch2 = paths.length === 2 ? paths[1] : ''; 2479 2480 let tag = new ATInternet.Tracker.Tag(); 2481 $(window).on('load', function () { 2482 showPopin(); 2483 if (typeof tag !== 'undefined') { 2484 2485 // Eviter que le tag AT ne parte avant d'avoir récupérer le consentement de la CMP 2486 setPrivacy(tag); 2487 if (window.isAdBlockActive === undefined) { 2488 tag.publisher.set({ 2489 impression: { 2490 campaignId: 'adblock', 2491 } 2492 }); 2493 } 2494 2495 if (typeof getCookie('userInfos') !== 'undefined') { 2496 let userInfos = JSON.parse(unescape(getCookie('userInfos'))); 2497 tag.identifiedVisitor.set({ 2498 id: userInfos.id, 2499 category: userInfos.offre ? userInfos.offre.normalize("NFD").replace(/[\u0300-\u036f]/g, "") : null 2500 }); 2501 } 2502 2503 let subscribed = getCookie('subscribed'); 2504 tag.page.set({ 2505 name: "lv0f" === 'lv0f' ? rubrique.name : (rubrique.name === 'home' ? 'home' : 'rubrique'), 2506 level2: rubrique.level2, 2507 chapter1: 'lv0f' === 'hc0f' ? ch1 : rubrique.chapter1, 2508 chapter2: ch2, 2509 customObject: { 2510 Pagetype: rubrique.name, 2511 Population: typeof subscribed === 'undefined' ? 'Gratuit' : (subscribed === 'true' ? 'Premium' : 'Inscrit'), 2512 consent: hasConsent(), 2513 }, 2514 }); 2515 2516 // On peut envoyer les données du plan de taggage 2517 tag.dispatch(); 2518 } 2519 }); 2520 2521 const site = 'lv0f'; 2522 const LOGIN_URL = 'https://www.lavie.fr/login'; 2523 const OPTIONS = { 2524 method: 'POST', 2525 headers: { 2526 'Content-Type': 'application/json' 2527 } 2528 } 2529 2530 fetch(LOGIN_URL, OPTIONS) 2531 .then(function (resp) { 2532 if (resp.status < 200 || resp.status >= 300) { 2533 deleteCookie('subscribed'); 2534 deleteCookie('userInfos'); 2535 document.querySelectorAll('.display-pub').forEach(e => e.classList.remove('display-pub')); 2536 throw new Error("Impossible de récupérer les infos utilisateur"); 2537 } 2538 resp.json().then(function (result) { 2539 if (result.userInfos) { 2540 2541 let user = result.userInfos;
2542 setCookie('subscribed', user.subscribed.toString(), 365) 2543 setCookie('userInfos', JSON.stringify({ 2544 'id': user.subscriber_number, 2545 'offre': user.subscription_name 2546 }), 365); 2547 2548 // Si l'utilisateur est abonné, on masque les blocs d'abonnement 2549 if (user.subscribed) { 2550 document.querySelectorAll('.if-abo').forEach((elem) => elem.remove()); 2551 document.querySelectorAll('.if-abo-don').forEach((elem) => elem.style.setProperty("display", "inline-block", "important")); 2552 } 2553 2554 let node = '<div class="coord">' 2555 if (user.subscribed) { 2556 node += '<p>Abonné</p>'; 2557 } 2558 2559 node += '<ul>' 2560 node += '<li>' + user.civility + ' ' + user.first_name + ' ' + user.last_name + '</li>'; 2561 node += '<li>' + user.email + '</li>'; 2562 node += '<li>N° abonné : ' + user.subscriber_number + '</li>'; 2563 2564 if (user.subscribed) { 2565 let subsEnd = new Date(user.subscription_end).getTime() 2566 2567 let subsEndParsed = new Date(subsEnd); 2568 let date = subsEndParsed.toLocaleString('fr-FR', { 2569 year: 'numeric', 2570 month: 'long', 2571 day: 'numeric' 2572 }) 2573 node += '<li>' + user.subscription_name + '</li>'; 2574 node += '<li>Echéance ' + date + '</li>'; 2575 $('#header > .bandeau-abo').remove(); 2576 } else { 2577 document.querySelectorAll('.display-pub').forEach(e => e.classList.remove('display-pub')); 2578 } 2579 2580 let domain = site === 'lv0f' ? 'lavie.fr' : 'histoire-et-civilisations.com'; 2581 let kiosque = 'https://kiosque.' + domain; 2582 let subs = 'https://abo.' + domain + '/reabonnement.html'; 2583 let account = 'https://abo.' + domain + '/moncompte.html'; 2584 let userInfos = (typeof getCookie('userInfos') !== 'undefined') ? JSON.parse(unescape(getCookie('userInfos'))) : null; 2585 let manageNL = 'https://nl-edito.' + domain; 2586 node += '</ul>' 2587 node += '</div>' 2588 node += '<div class="contenu-connexion--links">'; 2589 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>' 2590 node += '<a style="text-align: left" href="' + kiosque + '" target="_blank"><i class="fas fa-book-reader"></i>Accéder au kiosque numérique</a>' 2591 node += '<a style="text-align: left" href="' + account + '" target="_blank"><i class="fas fa-user-circle"></i>Accéder à mon espace abonné</a>' 2592 node += '<a style="text-align: left" href="' + manageNL + '" target="_blank"><i class="fas fa-paper-plane"></i>Gérer mes newsletters</a>' 2593 node += '</div>' 2594 2595 /* TODO nouveau lien */ 2596 node += '<a class="bt-gris" href="/logout"><i class="fas fa-power-off"></i>Se déconnecter</a>' 2597 2598 document.querySelector('.bt-head').innerHTML = node; 2599 2600 node = '<a class="bt-don" href="/pages/dons">Faire un don</a>'; 2601 2602 node += '<a id="bt-connexion" class="bt-compte logged-in">' 2603 node += '<i class="fas fa-user-circle gris"></i> ' 2604 node += '<span class="connected">Mon compte</span>' 2605 node += '</a>' 2606 2607 document.querySelector('.connexion').innerHTML = node; 2608 2609 let userIdCapping = (user.subscriber_number) ? user.subscriber_number : null; 2610 // Capping 2611 siriusCapping.config = { 2612 brand: "d66daa21-0a44-41bc-bb5b-09748999c638", 2613 userId: userIdCapping, 2614 mode: "reading", 2615 }; 2616 // On est identifié : la popin auto
2616promo ne sera affiché que toutes les 24h : 2617 setCookie('popin-accueil', 1,1); 2618 } else { 2619 deleteCookie('subscribed'); 2620 // showPopin(hasConsent()); 2621 } 2622 }); 2623 }).catch(function (error) { 2624 // showPopin(hasConsent()); 2625 console.log('Il y a eu un problème avec l\'opération fetch: ' + error.message); 2626 }); 2627 2628 function getCookie(name) { 2629 const value = `; ${document.cookie}`; 2630 const parts = value.split(`; ${name}=`); 2631 if (parts.length === 2) return parts.pop().split(';').shift(); 2632 } 2633 2634 2635 function setCookie(key, value, expireDays) { 2636 let host = new URL('https://www.lavie.fr').hostname 2637 let expireDate = new Date(); 2638 if (expireDays) { 2639 expireDate.setDate(expireDate.getDate() + expireDays); 2640 } 2641 document.cookie = key + "=" + escape(value) + ";domain=" + host + ";path=/" + (expireDays ? ";expires=" + expireDate.toUTCString() : ''); 2642 } 2643 2644 function deleteCookie(name) { 2645 setCookie(name, "", -1, null); 2646 } 2647 2648 function setPrivacy(smartTag) { 2649 if (smartTag && smartTag.privacy) { 2650 const {name: visitorModeName} = smartTag.privacy.getVisitorMode() || {}; 2651 2652 if (visitorModeName === 'optout') return; 2653 2654 if (typeof gdpr !== 'undefined') { 2655 const purposes = gdpr.getPurposes(); 2656 if (gdpr.hasConsent() === false || (purposes && purposes.analytics === false)) { 2657 setVisitorExempt(smartTag, visitorModeName); 2658 } 2659 2660 if (gdpr.hasConsent() === true && (purposes && purposes.analytics === true)) { 2661 setVisitorOptin(smartTag, visitorModeName); 2662 } 2663 } else if (['optout', 'optin', 'exempt'].includes(visitorModeName) === false) { 2664 smartTag.privacy.setVisitorMode('cnil', 'exempt'); 2665 } 2666 } 2667 } 2668 2669 function hasConsent() { 2670 if (typeof gdpr === 'undefined' || typeof gdpr.getPurposes !== 'function') { 2671 console.log('has consent: not found'); 2672 return 'not found'; 2673 } 2674 2675 let purposes = gdpr.getPurposes(); 2676 let noConsent = Object.values(purposes).every(item => item === false) 2677 if (noConsent) { 2678 console.log('has consent: no consent'); 2679 return 'no consent'; 2680 } 2681 2682 let fullConsent = Object.values(purposes).every(item => item === true) 2683 if (fullConsent) { 2684 console.log('has consent: full consent'); 2685 return 'full consent'; 2686 } 2687 2688 let partial = Object.values(purposes).some(item => item === true) 2689 if (partial) { 2690 console.log('has consent: partial consent'); 2691 return 'partial consent'; 2692 } 2693 2694 return 'not found'; 2695 } 2696 2697 function setVisitorOptin(smartTag, visitorModeName) { 2698 if (visitorModeName !== 'optin') { 2699 smartTag.privacy.setVisitorOptin(); 2700 } 2701 } 2702 2703 function setVisitorExempt(smartTag, visitorModeName) { 2704 if (visitorModeName !== 'exempt') { 2705 smartTag.privacy.setVisitorMode('cnil', 'exempt'); 2706 } 2707 } 2708</script>
vendor: 1 bytes, line 2708
2708
2709<script async src="https://capping.sirius.press/sdk.v1.0.0.js"></script>
2709 2710 2711</body> 2712</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.