/* Marabout Paris · Latérite (v3.2) : la navigation, les fonds photographiques des entêtes, l'entête des
   articles, les pages de ville. Chargée après mp-marque.css et mp-pages.css. */

/* La navigation : les pages qui comptent (jusqu'à sept), la page en cours marquée d'or */
@media (min-width:1180px){.mp-nav{gap:16px;font-size:17px}.mp-haut .mp-long{display:none}}
@media (min-width:1400px){.mp-nav{gap:20px;font-size:18.5px}.mp-haut .mp-long{display:inline}}
.mp-nav a[aria-current]{color:var(--or)}
.mp-nav a[aria-current]::after{transform:none}

/* Le fond des entêtes : une photographie du culte, voilée de nuit, qui respire lentement */
.mp-ep-fond{position:absolute;inset:0;z-index:-4;overflow:hidden;pointer-events:none;background:var(--nuit)}
.mp-ep-fond picture{display:block;width:100%;height:100%}
.mp-ep-fond img{position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 38%;opacity:.42;filter:saturate(.82) contrast(1.06);transform-origin:62% 40%;animation:mp-respire 34s ease-in-out infinite alternate}
.mp-ep-fond::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,28,61,.48) 0%,rgba(20,28,61,.78) 52%,var(--nuit) 100%)}
@keyframes mp-respire{from{transform:scale(1.03)}to{transform:scale(1.13) translate3d(-1.4%,.9%,0)}}
.mp-ep--photo .mp-ep-fond{display:none}
@media (min-width:960px){
	.mp-ep--photo .mp-ep-fond{display:block}
	.mp-ep-fond img{opacity:.55}
	.mp-ep-fond::after{background:linear-gradient(90deg,var(--nuit) 0%,rgba(20,28,61,.9) 27%,rgba(20,28,61,.46) 64%,rgba(20,28,61,.62) 100%),linear-gradient(0deg,var(--nuit) 0%,rgba(20,28,61,0) 32%)}
}
@media (prefers-reduced-motion:reduce){.mp-ep-fond img{animation:none;transform:scale(1.03)}}

/* La bande des pages construites avec Elementor, sur la photographie voilée */
.mp-art-bande{overflow:hidden;isolation:isolate}
.mp-art-bande .mp-ep-fond img{opacity:.36}
.mp-art-bande .mp-ep-fond::after{background:linear-gradient(90deg,rgba(20,28,61,.94) 0%,rgba(20,28,61,.66) 55%,rgba(20,28,61,.82) 100%)}
.mp-art-bande .mp-art-preuves{position:relative}

/* L'entête des articles : sur la nuit et une photographie du culte voilée */
.mp-at{position:relative;overflow:hidden;isolation:isolate;background:var(--nuit);color:var(--cauri);padding:clamp(22px,4.4vw,56px) 0 clamp(30px,4vw,52px)}
.mp-at::before{content:"";position:absolute;inset:0;z-index:-3;background:radial-gradient(50% 80% at 90% 16%,rgba(163,64,42,.42),rgba(163,64,42,0) 72%),radial-gradient(40% 60% at 0% 100%,rgba(233,180,76,.15),rgba(233,180,76,0) 72%)}
.mp-at::after{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--grain);background-size:180px;opacity:.07;pointer-events:none}
.mp-at-in{position:relative;max-width:calc(720px + var(--gout) * 2);margin:0 auto;padding:0 var(--gout)}
.mp-at .mp-ep-fond img{opacity:.38}
.mp-at .mp-ep-fond::after{background:linear-gradient(180deg,rgba(20,28,61,.6) 0%,rgba(20,28,61,.8) 55%,rgba(20,28,61,.95) 100%)}
@media (min-width:960px){
	.mp-at .mp-ep-fond img{opacity:.5}
	.mp-at .mp-ep-fond::after{background:linear-gradient(90deg,rgba(20,28,61,.5) 0%,rgba(20,28,61,.9) 30%,rgba(20,28,61,.9) 70%,rgba(20,28,61,.5) 100%),linear-gradient(0deg,var(--nuit) 0%,rgba(20,28,61,0) 38%)}
}
.mp-at .mp-fil{margin-bottom:16px}
.mp-at .mp-article-titre{margin:0;font-size:clamp(38px,6vw,72px);line-height:.98;letter-spacing:-.016em;color:var(--cauri);text-wrap:balance}
.mp-at-preuves{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:26px}
.mp-article{--chev:clamp(56px,9vw,118px)}
.mp-article .mpx{padding-top:0;font-family:var(--f-texte);color:var(--encre);font-size:1rem}
.mp-at .mpx-tete .mpx-bc{margin:0 0 14px;padding:0;font-family:var(--f-texte);font-size:10.5px;font-weight:600;letter-spacing:.16em;line-height:1.5;text-transform:uppercase;color:rgba(250,244,234,.6)}
.mp-at .mpx-tete .mpx-bc a{color:rgba(250,244,234,.86);border:0;text-decoration:none}
.mp-at .mpx-tete .mpx-bc a:hover{color:var(--or)}
.mp-at .mpx-tete .mpx-kick{display:block;margin:0 0 12px;font-family:var(--f-titre);font-style:italic;font-weight:400;font-size:clamp(18px,1.6vw,22px);letter-spacing:0;line-height:1.3;text-transform:none;color:var(--or)}
.mp-at .mpx-tete h1{margin:0 0 20px;font-family:var(--f-titre);font-weight:400;font-size:clamp(38px,6vw,72px);line-height:.98;letter-spacing:-.016em;color:var(--cauri);text-wrap:balance}
.mp-at .mpx-tete h1 em{font-family:var(--f-gras);font-style:normal;font-weight:400;font-synthesis:none;font-size:.86em;letter-spacing:-.01em;color:var(--or)}
.mp-at .mpx-tete .mpx-lead{margin:0 0 22px;font-family:var(--f-titre);font-size:clamp(19px,2vw,24px);line-height:1.36;color:rgba(250,244,234,.88)}
.mp-at .mpx-tete .mpx-meta{margin:0;color:rgba(250,244,234,.7)}
.mp-at .mpx-tete .mpx-meta b{color:var(--cauri)}
.mp-at .mpx-tete .mpx-meta img{border-color:var(--or)}
.mp-at .mpx-tete .mpx-upd{color:var(--or)}
.mp-article--hero .mp-at{padding-bottom:calc(var(--chev) + 34px)}
.mp-article--hero .mpx>.mpx-hero:first-child{position:relative;z-index:2;margin-top:calc(var(--chev) * -1);border-radius:24px;box-shadow:0 34px 60px -34px rgba(20,28,61,.65)}

/* ── Les villes : le texte de la ville, ses recours, les cartes des villes ── */
.mp-vtexte{background:var(--cauri)}
.mp-vtexte-g{display:grid;gap:36px}
.mp-vtexte-corps{min-width:0}
.mp-vtexte-carte{align-self:start;display:flex;flex-direction:column;gap:18px;padding:28px 24px 26px;border-radius:28px 28px 28px 100px;background:var(--nuit);color:var(--cauri)}
.mp-vtexte-q{margin:0;font-family:var(--f-titre);font-style:italic;font-size:clamp(19px,1.8vw,22px);line-height:1.38;color:rgba(250,244,234,.92)}
.mp-vtexte-carte .mp-btn--wa{align-self:stretch;justify-content:flex-start}
@media (min-width:1000px){.mp-vtexte-g{grid-template-columns:minmax(0,1fr) 360px;gap:72px}.mp-vtexte-carte{position:sticky;top:120px;padding:34px 30px 32px}}
.mpv{max-width:760px}
.mpv>:first-child{margin-top:0}
.mpv .mpv-lead{margin:0 0 26px;font-family:var(--f-titre);font-size:clamp(21px,2.2vw,27px);line-height:1.38;color:var(--indigo)}
.mpv h2{margin:46px 0 16px;scroll-margin-top:110px;font-family:var(--f-titre);font-weight:400;font-size:clamp(30px,3.4vw,44px);line-height:1.04;letter-spacing:-.01em;color:var(--indigo);text-wrap:balance}
.mpv h2 i{font-style:italic;color:var(--laterite)}
.mpv p{margin:0 0 16px;font-size:17px;line-height:1.7;color:var(--encre)}
.mpv a{color:var(--laterite);text-underline-offset:3px}
.mpv-cas{display:grid;gap:14px;margin:0 0 20px}
.mpv-cas-i{position:relative;padding:22px 22px 18px 26px;border:1px solid var(--filet);border-left:3px solid var(--laterite);border-radius:4px 20px 20px 4px;background:#fff}
.mpv-cas-i p{margin:0 0 10px;font-size:16.5px}
.mpv-cas-i .mpv-cas-d{margin:0 0 8px;font-family:var(--f-texte);font-size:10.5px;font-weight:600;letter-spacing:.16em;line-height:1.4;text-transform:uppercase;color:var(--laterite)}
.mpv-cas-i .mpv-cas-s{margin:0;font-size:14px}
.mpv-recours{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:12px}
.mpv-recours li{display:flex;flex-direction:column;gap:6px;padding:20px 22px;border:1px solid var(--filet);border-radius:20px;background:#fff}
.mpv-recours b{font-family:var(--f-texte);font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--laterite)}
.mpv-recours .mpv-nom{font-family:var(--f-titre);font-size:21px;line-height:1.22;color:var(--indigo)}
.mpv-recours .mpv-adr{font-size:14.5px;line-height:1.45;color:var(--brun)}
.mpv-recours .mpv-tel{font-weight:600;font-size:17px;color:var(--encre);text-decoration:none}
.mpv-recours .mpv-lien{font-size:14px}
.mpv-recours .mpv-tout{background:var(--nuit);border-color:var(--nuit);color:var(--cauri)}
.mpv-recours .mpv-tout b{color:var(--or)}
.mpv-recours .mpv-tout .mpv-nom{color:var(--cauri)}
.mpv-recours .mpv-tout .mpv-adr{color:rgba(250,244,234,.82)}
.mpv-recours .mpv-tout a{color:var(--or)}
.mpv-note{padding:18px 22px;border-radius:20px;background:var(--sable);font-size:15.5px!important}
@media (min-width:760px){.mpv-recours{grid-template-columns:repeat(2,minmax(0,1fr))}.mpv-recours .mpv-tout{grid-column:1/-1}}
.mp-vautres,.mp-vliste{background:var(--sable)}
.mp-vcartes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mp-vcarte{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(190px,24vw,250px);overflow:hidden;border-radius:22px 22px 22px 64px;background:var(--nuit);color:var(--cauri);text-decoration:none;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.mp-vcarte-img{position:absolute;inset:0;z-index:-2}
.mp-vcarte-img img{width:100%;height:100%;object-fit:cover;opacity:.62;transition:transform 1.1s var(--ease),opacity .45s}
.mp-vcarte::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,28,61,.05) 0%,rgba(20,28,61,.5) 45%,rgba(20,28,61,.92) 100%)}
.mp-vcarte-txt{display:flex;flex-direction:column;gap:5px;padding:18px 18px 20px}
.mp-vcarte .mp-mini{color:var(--or)}
.mp-vcarte-n{font-family:var(--f-titre);font-size:clamp(26px,2.6vw,34px);line-height:1}
.mp-vcarte-r{font-size:12.5px;line-height:1.35;color:rgba(250,244,234,.74)}
.mp-vcarte-fl{position:absolute;top:16px;right:16px;color:var(--or);transition:transform .45s var(--ease)}
.mp-vcarte:hover{transform:translateY(-4px);box-shadow:0 26px 50px -30px rgba(20,28,61,.7)}
.mp-vcarte:hover .mp-vcarte-img img{transform:scale(1.07);opacity:.78}
.mp-vcarte:hover .mp-vcarte-fl{transform:translateX(4px)}
@media (min-width:700px){.mp-vcartes{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media (min-width:1100px){.mp-vcartes{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}
.mp-vautres-tout{margin:28px 0 0;text-align:center}
.mp-vliste-note{margin:26px 0 0;max-width:720px;font-size:16px;line-height:1.6;color:var(--brun)}
.mp-vliste-note a{color:var(--laterite)}

/* Les images des guides : le portrait filmé par France 24 en tête, les photographies du culte dans le texte */
.mp-article .mpx-hero img.mp-portrait-f24{aspect-ratio:5/4;object-fit:cover}
.mp-article .mpx img.mp-img-temple{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:18px}
.mp-carte-img img.mp-carte-photo{width:100%;height:100%;object-fit:cover}