PageSourceSearch

https://www.lavie.fr/pages/contact

html lavie.fr collected 2026-10-01 10:29:16 UTC 84,887 bytes, 2,712 lines download raw bytes

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&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>
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&#039;actu de type imm -->
2251<!-- /BL LV - Fil d&#039;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 &quot;sticky fixed&quot; 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 &quot;sticky fixed&quot; 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&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>
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.