
 <!– selection:bg-primary selection:text-white –>
 
 
 <!– statamic-peak-seo::components/_consent_banner.antlers.html –>
<div x-data=”consentBanner” x-show=”!$store.consentBanner.getConsent()” x-transition=”” style=”width: min(26.5rem, calc(100vw – 2rem));” class=”&#10; fixed z-50 inset-x-[1rem] bottom-[1rem] md:bottom-[2rem] max-h-[calc(100vh-2rem)] md:max-h-[calc(100vh-4rem)] w-[26.5rem] max-w-[calc(100vw-2rem)] flex flex-col stack-2 p-6 bg-white border border-neutral/10 rounded-lg shadow-xl overflow-auto overscroll-contain&#10; &#10; md:left-auto md:right-[2rem]&#10; ” x-cloak=””>
 <h2 class=”text-2xl font-bold”>Consentement cookies</h2>
 <p class=”font-bold text-neutral”>
 Ce site utilise des services tiers qui nécessitent votre consentement.
 
 <a class=”underline rounded hover:text-primary” href=”/cookie-policy”>En savoir plus</a>
 
 </p>

 <div class=”stack-space-4 flex flex-col gap-3″>
 <template x-for=”type in $store.consentBanner.getConsentTypes()”>
 <div class=”stack-1″>
 <label class=”inline-flex”>
 <template x-if=”type.disabled”>
 <input class=”mr-2 w-4 h-4 rounded border-neutral text-primary focus:border-primary opacity-50″ type=”checkbox” :name=”type.handle” checked=”checked” disabled=”disabled”/>
 </template>

 <template x-if=”!type.disabled”>
 <input class=”mr-2 w-4 h-4 rounded border-neutral text-primary focus:border-primary” type=”checkbox” :name=”type.handle” x-model=”type.value”/>
 </template>

 <span class=”flex flex-col gap-0.5″>
 <span class=”font-bold text-sm” x-html=”type.title”/>
 <span class=”text-sm” x-html=”type.explanation”/>
 </span>
 </label>

 <template x-if=”type.services”>
 <div x-data=”{ expanded: false }” class=”stack-1 ml-6 text-xs”>
 <button class=”inline underline text-primary”>Plus d’informations</button>
 <ul x-show=”expanded” x-collapse=”” class=”list-disc list-inside”>
 <template x-for=”service in type.services”>
 <li x-text=”service”/>
 </template>
 </ul>
 </div>
 </template>
 </div>
 </template>
 </div>

 <div class=”stack-space-4 flex flex-col gap-3″>
 <div class=”flex justify-between items-center w-full”>
 <div class=”flex flex-wrap gap-2″>
 <button type=”button” class=”px-2 py-2 rounded text-sm font-bold bg-primary text-white outline-primary”>
 Tout accepter
 </button>

 


 </div>

 
 <button type=”button” class=”text-xs text-neutral/50 hover:text-neutral/70 underline transition-colors”>
 Accepter la sélection
 </button>


 
 </div>


 </div>

 
 

 

 
</div>
<!– End: statamic-peak-seo::components/_consent_banner.antlers.html –>
 
 
 

 <!– statamic-peak-tools::snippets/_noscript.antlers.html –>

 

 

<!– End: statamic-peak-tools::snippets/_noscript.antlers.html –>

 <!– statamic-peak-tools::navigation/_skip_links.antlers.html –>
<div class=”z-50 text-sm font-bold text-white [&;_a]:fixed [&;_a]:px-4 [&;_a]:py-2 [&;_a]:-translate-y-24 [&;_a]:opacity-0 [&;_a]:top-4 [&;_a]:left-8 [&;_a]:bg-primary [&;_a:focus]:translate-y-0 [&;_a:focus]:opacity-100 [&;_a]:outline-primary motion-safe:[&;_a]:transition-transform “>
 
 <a href=”#content”>Aller au contenu</a>
 
 
</div>
<!– End: statamic-peak-tools::navigation/_skip_links.antlers.html –>

 <!– statamic-peak-tools::components/_toolbar.antlers.html –>

<!– End: statamic-peak-tools::components/_toolbar.antlers.html –>

 <header class=”sticky top-0 z-50 flex flex-col items-center bg-white border-b border-slate-200 fluid-grid” x-data=”{&#10; mobileNavOpen: false,&#10; hideTopBar: false,&#10; hideThreshold: 150,&#10; showThreshold: 20,&#10; init() {&#10; // Solo per mobile&#10; if (window.innerWidth >;= 768) return;&#10;&#10; window.addEventListener(’scroll’, () =>; {&#10; const scrollY = window.scrollY;&#10;&#10; // Nascondi quando superi la soglia alta&#10; if (scrollY >; this.hideThreshold) {&#10; this.hideTopBar = true;&#10; }&#10; // Mostra quando scendi sotto la soglia bassa&#10; else if (scrollY <; this.showThreshold) {&#10; this.hideTopBar = false;&#10; }&#10; // Tra 20 e 150: non cambiare nulla (zona di isteresi di 130px)&#10; }, { passive: true });&#10; }&#10; }” false=””>
 <!– Shared Advertisement Data (always in DOM, hidden) –>
 
 
 

 <!– Top bar – nascosta su mobile quando si scrolla –>
 <div class=”w-full transition-transform duration-300 ease-out md:translate-y-0″ :class=”hideTopBar ? ‘-translate-y-full h-0 overflow-hidden md:translate-y-0 md:h-auto’ : ‘translate-y-0′”>
 <div class=”px-2 md:px-0″>
 <div class=”flex flex-wrap items-center justify-between w-full px-2 text-xs bg-gray-50 border-b border-slate-200 md:text-sm”>

 <!– Link liturgia + today –>
 <div class=”w-full my-2 text-center lg:w-auto lg:text-left “>
 <span>Dim. 10 mai</span>
 <span>|</span>
 <a href=”https://www.lejourduseigneur.com/saints” target=”_blank” class=”text-gray-600 hover:underline”><b>Saint du jour</b></a><span> </span>
 <span>|</span>
 <a href=”https://www.aelf.org” target=”_blank” class=”text-gray-600 hover:underline”><b>Parole <span>de Dieu</span></b></a>
 
 </div>

 <!– Right Section: Contacts and Language Dropdown –>
 <div class=”flex-wrap items-center justify-center hidden w-full space-x-4 lg:flex lg:justify-end lg:w-auto”>

 <!– Contacts Links –>
 <a href=”/cath-info/” class=”text-gray-600 hover:underline”>Cath-Info</a>
 <span class=”hidden md:inline”>|</span>
 <a href=”/contact/” class=”text-gray-600 hover:underline”>Contacts</a>

 <span class=”hidden md:inline”>|</span>

 <!– Social Icons –>
 <div class=”flex justify-center space-x-2 text-gray-600 md:justify-start”>
 <a href=”https://www.facebook.com/cathpointch/” target=”_blank” class=”social-icon”><i class=”fab fa-facebook”/></a>
 <a href=”https://twitter.com/cath_point_ch” target=”_blank” class=”social-icon”><i class=”fab fa-x-twitter”/></a>
 <a href=”https://www.instagram.com/cath_point_ch/” target=”_blank” class=”social-icon”><i class=”fab fa-instagram”/></a>
 <a href=”https://www.youtube.com/channel/UCsANpNpKj6A64xjANuMDM9A” target=”_blank” class=”social-icon”><i class=”fab fa-youtube”/></a>
 <a href=”/rss” class=”social-icon” title=”Flux RSS”><i class=”fas fa-rss”/></a>
 </div>

 <span class=”hidden md:inline”>|</span>

 
 
 <a href=”/login” class=”inline-flex items-center gap-1.5 text-gray-600 hover:text-primary”>
 <i class=”fas fa-sign-in-alt”/> Se connecter
 </a>
 

 
 </div>
</div>
 </div>
 </div>

 <!– Mobile: Advertisement – nascosto quando si scrolla –>
 <div class=”w-full px-2 transition-transform duration-300 ease-out md:hidden” :class=”hideTopBar ? ‘-translate-y-full h-0 overflow-hidden’ : ‘translate-y-0′” x-data=”advertisementRotator()” x-init=”init()” x-cloak=””>
 <a x-show=”imageReady &;&; imageUrl &;&; currentAd &;&; currentAd.link” x-bind:href=”currentAd.link” target=”_blank” aria-label=”Advertisement” class=”block w-full” currentad.link=””>
 <img x-bind:src=”imageUrl” alt=”Advertisement” class=”object-contain w-full h-auto”/>
 </a>
 </div>

 <!– Mobile: Logo + Search + Hamburger sulla stessa riga –>
 <div class=”flex items-center justify-between w-full px-2 py-1 md:hidden”>
 <!– Logo –>
 <div class=”flex items-center”>
 <a aria-label=”Logo Cath” href=”/” class=”flex-shrink-0″>
 <img src=”/visuals/logo_i_draw.png” class=”w-10 h-auto select-none” alt=”Cath”/>
 </a>
 <div class=”flex flex-col ml-1″>
 <!– Language Dropdown –>
 <div x-data=”{ open: false }” class=”relative inline-block text-left”>
 <button type=”button” class=”inline-flex items-center px-1.5 text-md text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-0″ aria-haspopup=”true” :aria-expanded=”open”>
 FR
 <svg class=”w-5 h-5 ml-2″ xmlns=”http://www.w3.org/2000/svg” viewbox=”0 0 20 20″ fill=”currentColor” aria-hidden=”true”>
 <path fill-rule=”evenodd” d=”M5.23 7.21a.75.75 0 011.06.02L10 11.582l3.71-4.35a.75.75 0 111.14.98l-4 4.75a.75.75 0 01-1.14 0l-4-4.75a.75.75 0 01.02-1.06z” clip-rule=”evenodd”/>
 </svg>
 </button>

 <div x-show=”open” false=”” class=”absolute z-10 bg-white shadow-lg ring-1 ring-black ring-opacity-5 mt-2 origin-top-left” style=”top: 100%; left: 0;” x-cloak=”” x-transition=””>
 <div class=”p-1 w-36″>
 <a href=”https://www.catt.ch/” target=”_blank” rel=”noopener” class=”block px-4 py-1 text-sm text-gray-700 hover:bg-gray-100″>IT (catt.ch)</a>
 <a href=”https://www.kath.ch/” target=”_blank” rel=”noopener” class=”block px-4 py-1 text-sm text-gray-700 hover:bg-gray-100″>DE (kath.ch)</a>
 </div>
 </div>
</div>

 <!– Text logo –>
 <a href=”/” class=”self-start”>
 <img src=”/visuals/logo_f_text.png” class=”w-8 select-none” alt=”Cath text logo”/>
 </a>
 </div>
 </div>

 <!– Search + Hamburger –>
 <div class=”flex items-center gap-1″>
 <!– /components/_search_form.antlers.html –>
<li x-data=”{ open: false, value: ” }” true=”” settimeout=””> {$refs.input.focus()}, 200)”
 @keydown.window.prevent.esc=”open = false” @click.outside=”open = false”
 @focusin.window=”!$root.contains($event.target) &;&; (open = false)” class=”relative flex py-2″ x-cloak>;
 <button settimeout=””> {$refs.input.focus()}, 200)” class=”text-neutral hover:text-primary”
 :aria-label=”open
 ? ‘Fermer la recherche’
 : ‘Ouvrir la recherche'” :aria-expanded=”open”>;
 <svg class=”h-5 fill-current w-7 motion-safe:transition-colors” alt=”” aria-hidden=”true” viewbox=”0 0 39 40″><path d=”M23.517 0c3.962 0 7.926 1.506 10.948 4.517 6.047 6.024 6.047 15.788 0 21.811a15.466 15.466 0 01-10.948 4.517c-3.214 0-6.428-.993-9.142-2.976L3.515 38.731a2 2 0 01-2.769.057 1.515 1.515 0 01-.571-2.013c.09-.32.26-.622.511-.873L11.48 25.11l-.09-.11c-4.83-6.054-4.44-14.883 1.18-20.482A15.467 15.467 0 0123.517 0zM23.5 4C17.149 4 12 9.149 12 15.5S17.149 27 23.5 27 35 21.851 35 15.5 29.851 4 23.5 4z”/></svg>
 </button>

 <form action=”/search” x-show=”open” x-transition.origin.right.duration.200ms=”” class=”absolute inset-y-0 right-0 flex -mr-2″ role=”search”>
 <input x-ref=”input” class=”h-full pl-8 pr-10 rounded w-52 border-neutral caret-primary focus-visible:ring-primary” placeholder=”Rechercher...” type=”search” x-model=”value” value=”” name=”q”/>
 <div class=”absolute inset-y-0 left-0 flex items-center ml-2 pointer-events-none”>
 <?xml version=”1.0″ encoding=”UTF-8″??><svg class=”w-4 h-4″ alt=”Search by Algolia” aria-hidden=”true” xmlns=”http://www.w3.org/2000/svg” id=”Layer_1″ viewbox=”0 0 500 500.34″><defs><style><![CDATA[.cls-1{fill:#003dff;}]]></style></defs><path class=”cls-1″ d=”M250,0C113.38,0,2,110.16,.03,246.32c-2,138.29,110.19,252.87,248.49,253.67,42.71,.25,83.85-10.2,120.38-30.05,3.56-1.93,4.11-6.83,1.08-9.52l-23.39-20.74c-4.75-4.22-11.52-5.41-17.37-2.92-25.5,10.85-53.21,16.39-81.76,16.04-111.75-1.37-202.04-94.35-200.26-206.1,1.76-110.33,92.06-199.55,202.8-199.55h202.83V407.68l-115.08-102.25c-3.72-3.31-9.43-2.66-12.43,1.31-18.47,24.46-48.56,39.67-81.98,37.36-46.36-3.2-83.92-40.52-87.4-86.86-4.15-55.28,39.65-101.58,94.07-101.58,49.21,0,89.74,37.88,93.97,86.01,.38,4.28,2.31,8.28,5.53,11.13l29.97,26.57c3.4,3.01,8.8,1.17,9.63-3.3,2.16-11.55,2.92-23.6,2.07-35.95-4.83-70.39-61.84-127.01-132.26-131.35-80.73-4.98-148.23,58.18-150.37,137.35-2.09,77.15,61.12,143.66,138.28,145.36,32.21,.71,62.07-9.42,86.2-26.97l150.36,133.29c6.45,5.71,16.62,1.14,16.62-7.48V9.49C500,4.25,495.75,0,490.51,0H250Z”/></svg>
 </div>
 <button class=”absolute inset-y-0 right-0 flex items-center mr-2 text-neutral hover:text-primary disabled:cursor-default disabled:opacity-25 motion-safe:transition-opacity” aria-label=”Rechercher...” :disabled=”value.length === 0″>
 <svg class=”w-5 h-5 fill-current motion-safe:transition-colors” alt=”” aria-hidden=”true” viewbox=”0 0 39 40″><path d=”M23.517 0c3.962 0 7.926 1.506 10.948 4.517 6.047 6.024 6.047 15.788 0 21.811a15.466 15.466 0 01-10.948 4.517c-3.214 0-6.428-.993-9.142-2.976L3.515 38.731a2 2 0 01-2.769.057 1.515 1.515 0 01-.571-2.013c.09-.32.26-.622.511-.873L11.48 25.11l-.09-.11c-4.83-6.054-4.44-14.883 1.18-20.482A15.467 15.467 0 0123.517 0zM23.5 4C17.149 4 12 9.149 12 15.5S17.149 27 23.5 27 35 21.851 35 15.5 29.851 4 23.5 4z”/></svg>
 </button>
 </form>
</li>
<!– End: /components/_search_form.antlers.html –>

 <!– Hamburger button –>
 <button class=”flex flex-col items-center justify-center w-10 h-10 gap-1.5 text-neutral hover:text-primary” :aria-label=”mobileNavOpen ? ‘strings.nav_close’ : ‘strings.nav_open'” :aria-expanded=”mobileNavOpen”>
 <span class=”block w-6 h-0.5 bg-current transition-transform” :class=”{ ‘rotate-45 translate-y-2’: mobileNavOpen }”/>
 <span class=”block w-6 h-0.5 bg-current transition-opacity” :class=”{ ‘opacity-0’: mobileNavOpen }”/>
 <span class=”block w-6 h-0.5 bg-current transition-transform” :class=”{ ‘-rotate-45 -translate-y-2’: mobileNavOpen }”/>
 </button>
 </div>
 </div>

 <!– Mobile navigation drawer –>
 <!– Mobile navigation drawer –>
<div x-show=”mobileNavOpen” x-transition.origin.top.right=”” x-trap.inert.noscroll=”mobileNavOpen” class=”fixed inset-0 z-20 flex flex-col px-6 pt-4 pb-12 overflow-y-auto bg-gray-400 md:hidden” x-cloak=””>
 <!– Close button –>
 <button false=”” class=”absolute flex items-center justify-center w-10 h-10 top-4 right-4 text-neutral hover:text-primary” aria-label=”strings.nav_close”>
 <svg class=”w-6 h-6″ fill=”none” stroke=”currentColor” viewbox=”0 0 24 24″ xmlns=”http://www.w3.org/2000/svg”>
 <path stroke-linecap=”round” stroke-linejoin=”round” stroke-width=”2″ d=”M6 18L18 6M6 6l12 12″/>
 </svg>
 </button>

 <!– Search nel drawer –>
 <div class=”pb-3 mb-4 border-b border-slate-200 mt-14″>
 <form action=”/search” class=”flex w-full” role=”search”>
 <div class=”relative w-full”>
 <input class=”w-full h-10 pl-10 pr-12 text-sm rounded border-neutral caret-primary focus-visible:ring-primary” placeholder=”Rechercher...” type=”search” value=”” name=”q”/>
 <div class=”absolute inset-y-0 left-0 flex items-center ml-3 pointer-events-none”>
 <?xml version=”1.0″ encoding=”UTF-8″??><svg class=”w-4 h-4″ alt=”Search by Algolia” aria-hidden=”true” xmlns=”http://www.w3.org/2000/svg” id=”Layer_1″ viewbox=”0 0 500 500.34″><defs><style><![CDATA[.cls-1{fill:#003dff;}]]></style></defs><path class=”cls-1″ d=”M250,0C113.38,0,2,110.16,.03,246.32c-2,138.29,110.19,252.87,248.49,253.67,42.71,.25,83.85-10.2,120.38-30.05,3.56-1.93,4.11-6.83,1.08-9.52l-23.39-20.74c-4.75-4.22-11.52-5.41-17.37-2.92-25.5,10.85-53.21,16.39-81.76,16.04-111.75-1.37-202.04-94.35-200.26-206.1,1.76-110.33,92.06-199.55,202.8-199.55h202.83V407.68l-115.08-102.25c-3.72-3.31-9.43-2.66-12.43,1.31-18.47,24.46-48.56,39.67-81.98,37.36-46.36-3.2-83.92-40.52-87.4-86.86-4.15-55.28,39.65-101.58,94.07-101.58,49.21,0,89.74,37.88,93.97,86.01,.38,4.28,2.31,8.28,5.53,11.13l29.97,26.57c3.4,3.01,8.8,1.17,9.63-3.3,2.16-11.55,2.92-23.6,2.07-35.95-4.83-70.39-61.84-127.01-132.26-131.35-80.73-4.98-148.23,58.18-150.37,137.35-2.09,77.15,61.12,143.66,138.28,145.36,32.21,.71,62.07-9.42,86.2-26.97l150.36,133.29c6.45,5.71,16.62,1.14,16.62-7.48V9.49C500,4.25,495.75,0,490.51,0H250Z”/></svg>
 </div>
 <button class=”absolute inset-y-0 right-0 flex items-center mr-3 text-neutral hover:text-primary” aria-label=”Rechercher...”>
 <svg class=”w-4 h-4 fill-current” alt=”” aria-hidden=”true” viewbox=”0 0 39 40″><path d=”M23.517 0c3.962 0 7.926 1.506 10.948 4.517 6.047 6.024 6.047 15.788 0 21.811a15.466 15.466 0 01-10.948 4.517c-3.214 0-6.428-.993-9.142-2.976L3.515 38.731a2 2 0 01-2.769.057 1.515 1.515 0 01-.571-2.013c.09-.32.26-.622.511-.873L11.48 25.11l-.09-.11c-4.83-6.054-4.44-14.883 1.18-20.482A15.467 15.467 0 0123.517 0zM23.5 4C17.149 4 12 9.149 12 15.5S17.149 27 23.5 27 35 21.851 35 15.5 29.851 4 23.5 4z”/></svg>
 </button>
 </div>
 </form>
 </div>
 
 <ul class=”flex flex-col py-1 overflow-auto gap-y-1″>
 <!– Homepage link –>
 <li class=”leading-none”>
 <a class=”w-full py-1.5 flex items-center gap-x-1 text-base font-bold hover:text-primary text-neutral” href=”/”>
 <span>Accueil</span>
 </a>
 </li>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 <li x-data=”{ subnavOpen: true }” class=”leading-none”>
 <a class=”w-full py-1.5 flex items-center gap-x-1 text-base font-bold hover:text-primary text-primary” href=”#” :aria-label=”subnavOpen ? ‘Fermer le sous-menu’ : ‘Ouvrir le sous-menu'” :aria-expanded=”subnavOpen”>
 <span>Rubriques</span>
 
 
 <div :class=”{ ‘scale-y-[-1]’: subnavOpen }” class=”motion-safe:transition-transform”>
 <svg class=”w-2 ml-1 overflow-visible stroke-current text-neutral” aria-hidden=”true” stroke-width=”24″ viewbox=”0 0 140 140″><path d=”M135.625 42.648l-62.533 62.527a4.37 4.37 0 01-6.184 0L4.375 42.648″ fill=”currentColor”/></svg>
 </div>
 
 </a>
 
 <ul x-show=”subnavOpen” x-ref=”subnav” class=”flex flex-col items-stretch gap-y-0.5″ x-collapse=””>
 
 
 
 
 
 
 <li class=”mt-1″>
 <a class=”block py-1 pl-4 whitespace-nowrap text-sm font-bold hover:text-primary text-neutral” href=”/categorie-news/suisse”>
 Suisse
 </a>
 </li>
 
 
 
 
 
 
 <li class=””>
 <a class=”block py-1 pl-4 whitespace-nowrap text-sm font-bold hover:text-primary text-neutral” href=”/categorie-news/international”>
 International
 </a>
 </li>
 
 
 
 
 
 
 <li class=””>
 <a class=”block py-1 pl-4 whitespace-nowrap text-sm font-bold hover:text-primary text-neutral” href=”/categorie-news/pape-et-vatican”>
 Vatican
 </a>
 </li>
 
 
 
 
 
 
 <li class=””>
 <a class=”block py-1 pl-4 whitespace-nowrap text-sm font-bold hover:text-primary text-neutral” href=”/commentaires”>
 Commentaires
 </a>
 </li>
 
 
 
 
 
 
 <li class=””>
 <a class=”block py-1 pl-4 whitespace-nowrap text-sm font-bold hover:text-primary text-neutral” href=”/transmissions-rts”>
 Émissions RTS
 </a>
 </li>
 
 </ul>
 
 </li>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 <li class=”leading-none”>
 <a class=”w-full py-1.5 flex items-center gap-x-1 text-base font-bold hover:text-primary text-neutral” href=”/timeline”>
 <span>En continu</span>
 
 
 </a>
 
 </li>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 <li class=”leading-none”>
 <a class=”w-full py-1.5 flex items-center gap-x-1 text-base font-bold hover:text-primary text-neutral” href=”/dossiers”>
 <span>Dossiers</span>
 
 
 </a>
 
 </li>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 <li x-data=”{ subnavOpen: false }” class=”leading-none”>
 <a class=”w-full py-1.5 flex items-center gap-x-1 text-base font-bold hover:text-primary text-neutral” href=”#” :aria-label=”subnavOpen ? ‘Fermer le sous-menu’ : ‘Ouvrir le sous-menu'” :aria-expanded=”subnavOpen”>
 <span>Multimédia</span>
 
 
 <div :class=”{ ‘scale-y-[-1]’: subnavOpen }” class=”motion-safe:transition-transform”>
 <svg class=”w-2 ml-1 overflow-visible stroke-current text-neutral” aria-hidden=”true” stroke-width=”24″ viewbox=”0 0 140 140″><path d=”M135.625 42.648l-62.533 62.527a4.37 4.37 0 01-6.184 0L4.375 42.648″ fill=”currentColor”/></svg>
 </div>
 
 </a>
 
 <ul x-show=”subnavOpen” x-ref=”subnav” class=”flex flex-col items-stretch gap-y-0.5″ x-collapse=””>
 
 
 
 
 
 
 <li class=”mt-1″>
 <a class=”block py-1 pl-4 whitespace-nowrap text-sm font-bold hover:text-primary text-neutral” href=”/categorie-multimedia/dal-web”>
 Du web
 </a>
 </li>
 
 
 
 
 
 
 <li class=””>
 <a class=”block py-1 pl-4 whitespace-nowrap text-sm font-bold hover:text-primary text-neutral” href=”/categorie-multimedia/rts-digital”>
 RTS digital
 </a>
 </li>
 
 
 
 
 
 
 <li class=””>
 <a class=”block py-1 pl-4 whitespace-nowrap text-sm font-bold hover:text-primary text-neutral” href=”/categorie-multimedia/rts-radio”>
 RTS radio
 </a>
 </li>
 
 
 
 
 
 
 <li class=””>
 <a class=”block py-1 pl-4 whitespace-nowrap text-sm font-bold hover:text-primary text-neutral” href=”/fotogallery”>
 Photos
 </a>
 </li>
 
 </ul>
 
 </li>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 <li x-data=”{ subnavOpen: false }” class=”leading-none”>
 <a class=”w-full py-1.5 flex items-center gap-x-1 text-base font-bold hover:text-primary text-neutral” href=”#” :aria-label=”subnavOpen ? ‘Fermer le sous-menu’ : ‘Ouvrir le sous-menu'” :aria-expanded=”subnavOpen”>
 <span>Commentaires</span>
 
 
 <div :class=”{ ‘scale-y-[-1]’: subnavOpen }” class=”motion-safe:transition-transform”>
 <svg class=”w-2 ml-1 overflow-visible stroke-current text-neutral” aria-hidden=”true” stroke-width=”24″ viewbox=”0 0 140 140″><path d=”M135.625 42.648l-62.533 62.527a4.37 4.37 0 01-6.184 0L4.375 42.648″ fill=”currentColor”/></svg>
 </div>
 
 </a>
 
 <ul x-show=”subnavOpen” x-ref=”subnav” class=”flex flex-col items-stretch gap-y-0.5″ x-collapse=””>
 
 
 
 
 
 
 <li class=”mt-1″>
 <a class=”block py-1 pl-4 whitespace-nowrap text-sm font-bold hover:text-primary text-neutral” href=”/commentaires/blog”>
 Blog
 </a>
 </li>
 
 
 
 
 
 
 <li class=””>
 <a class=”block py-1 pl-4 whitespace-nowrap text-sm font-bold hover:text-primary text-neutral” href=”/commentaires/evangile-du-dimanche”>
 Évangile du dimanche
 </a>
 </li>
 
 
 
 
 
 
 <li class=””>
 <a class=”block py-1 pl-4 whitespace-nowrap text-sm font-bold hover:text-primary text-neutral” href=”/commentaires/tribune”>
 Tribune
 </a>
 </li>
 
 </ul>
 
 </li>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 <li x-data=”{ subnavOpen: false }” class=”leading-none”>
 <a class=”w-full py-1.5 flex items-center gap-x-1 text-base font-bold hover:text-primary text-neutral” href=”#” :aria-label=”subnavOpen ? ‘Fermer le sous-menu’ : ‘Ouvrir le sous-menu'” :aria-expanded=”subnavOpen”>
 <span>Services</span>
 
 
 <div :class=”{ ‘scale-y-[-1]’: subnavOpen }” class=”motion-safe:transition-transform”>
 <svg class=”w-2 ml-1 overflow-visible stroke-current text-neutral” aria-hidden=”true” stroke-width=”24″ viewbox=”0 0 140 140″><path d=”M135.625 42.648l-62.533 62.527a4.37 4.37 0 01-6.184 0L4.375 42.648″ fill=”currentColor”/></svg>
 </div>
 
 </a>
 
 <ul x-show=”subnavOpen” x-ref=”subnav” class=”flex flex-col items-stretch gap-y-0.5″ x-collapse=””>
 
 
 
 
 
 
 <li class=”mt-1″>
 <a class=”block py-1 pl-4 whitespace-nowrap text-sm font-bold hover:text-primary text-neutral” href=”/horaire-des-messes”>
 Horaire des messes
 </a>
 </li>
 
 
 
 
 
 
 <li class=””>
 <a class=”block py-1 pl-4 whitespace-nowrap text-sm font-bold hover:text-primary text-neutral” href=”https://cours.cath.ch/” target=”_blank” rel=”noopener”>
 Cours en ligne <svg xmlns=”http://www.w3.org/2000/svg” class=”inline-block w-3 h-3 ml-0.5 opacity-50″ fill=”none” viewbox=”0 0 24 24″ stroke=”currentColor” stroke-width=”2″><path stroke-linecap=”round” stroke-linejoin=”round” d=”M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14″/></svg>
 </a>
 </li>
 
 
 
 
 
 
 <li class=””>
 <a class=”block py-1 pl-4 whitespace-nowrap text-sm font-bold hover:text-primary text-neutral” href=”/annuaire”>
 Annuaires
 </a>
 </li>
 
 
 
 
 
 
 <li class=””>
 <a class=”block py-1 pl-4 whitespace-nowrap text-sm font-bold hover:text-primary text-neutral” href=”/bulletins”>
 Bulletins-Cath-Info
 </a>
 </li>
 
 </ul>
 
 </li>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 <li class=”leading-none”>
 <a class=”w-full py-1.5 flex items-center gap-x-1 text-base font-bold hover:text-primary text-neutral” href=”/abonnements”>
 <span>Abonnement</span>
 
 
 </a>
 
 </li>
 
 
 
 <!– Impressum e Privacy links –>
 <li class=”pt-3 mt-3 leading-none border-t border-neutral”>
 <a class=”w-full py-1.5 flex items-center gap-x-1 text-base font-bold hover:text-primary text-neutral” href=”/impressum”>
 <span>Mentions légales et contacts</span>
 </a>
 </li>
 <li class=”leading-none”>
 <a class=”w-full py-1.5 flex items-center gap-x-1 text-base font-bold hover:text-primary text-neutral” href=”/protezione-dati”>
 <span>Confidentialité</span>
 </a>
 </li>

 
 <li class=”pt-3 mt-3 leading-none border-t border-neutral”>
 
 <a class=”w-full py-1.5 flex items-center gap-x-2 text-base font-bold hover:text-primary text-neutral” href=”/login”>
 <i class=”fas fa-sign-in-alt”/>
 <span>Se connecter</span>
 </a>
 
 </li>
 </ul>
</div>
<!– End: /navigation/_top_nav_mobile.antlers.html –>


 <!– Desktop: Layout originale –>
 <div class=”hidden w-full md:block”>
 <div class=”flex items-center justify-between w-full pb-2 mt-2 border-b border-slate-200″>
 <!– Logo area (left) – image + stacked (language selector above text logo) –>
 <div class=”flex items-start”>
 <a aria-label=”Logo Cath” href=”/” class=”flex-shrink-0″>
 <!– halve the visual size: use Tailwind width class and remove explicit width attr to keep responsive –>
 <img src=”/visuals/logo_i_draw.png” class=”select-none w-14 md:w-24 h-auto” alt=”Cath”/>
 </a>

 <div class=”flex flex-col h-12 ml-1 md:justify-between md:ml-3″>
 <!– Language Dropdown (above the text logo) –>
 <div x-data=”{ open: false }” class=”relative inline-block text-left”>
 <button type=”button” class=”inline-flex items-center px-1.5 text-md text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-0″ aria-haspopup=”true” :aria-expanded=”open”>
 FR
 <svg class=”w-5 h-5 ml-2″ xmlns=”http://www.w3.org/2000/svg” viewbox=”0 0 20 20″ fill=”currentColor” aria-hidden=”true”>
 <path fill-rule=”evenodd” d=”M5.23 7.21a.75.75 0 011.06.02L10 11.582l3.71-4.35a.75.75 0 111.14.98l-4 4.75a.75.75 0 01-1.14 0l-4-4.75a.75.75 0 01.02-1.06z” clip-rule=”evenodd”/>
 </svg>
 </button>

 <div x-show=”open” false=”” class=”absolute z-10 bg-white shadow-lg ring-1 ring-black ring-opacity-5 mt-2 origin-top-left” style=”top: 100%; left: 0;” x-cloak=”” x-transition=””>
 <div class=”p-1 w-36″>
 <a href=”https://www.catt.ch/” target=”_blank” rel=”noopener” class=”block px-4 py-1 text-sm text-gray-700 hover:bg-gray-100″>IT (catt.ch)</a>
 <a href=”https://www.kath.ch/” target=”_blank” rel=”noopener” class=”block px-4 py-1 text-sm text-gray-700 hover:bg-gray-100″>DE (kath.ch)</a>
 </div>
 </div>
</div>


 <!– Text logo (bottom of the logo area) –>
 <a href=”/” class=”self-start mt-1″>
 <img src=”/visuals/logo_f_text.png” class=”w-8 select-none md:w-22″ alt=”Cath text logo”/>
 </a>
 </div>
 </div>

 <!– Advertisement (restored on the right) –>
 <div class=”mr-2 md:mr-4″ x-data=”advertisementRotator()” x-init=”init()” x-cloak=””>
 <a x-show=”imageReady &;&; imageUrl &;&; currentAd &;&; currentAd.link” x-bind:href=”currentAd.link” target=”_blank” aria-label=”Advertisement” currentad.link=””>
 <img x-bind:src=”imageUrl” alt=”Advertisement” class=”ml-2 md:ml-4 max-w-[230px] sm:max-w-[350px] md:max-w-[450px] lg:max-w-none” width=”728″ height=”90″/>
 </a>
 </div>

</div>



 </div>

 <!– Contenitore per navigazione e ricerca – solo desktop –>
 <div class=”items-center justify-between hidden w-full bg-gray-400 md:flex”>
 <div class=”flex items-center”>
 <nav class=”hidden px-4 mr-auto md:block” aria-label=”Menu de navigation”>

 <ul class=”flex items-center gap-x-8″>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 <li x-data=”{ subnavOpen: false }” false=”” class=”relative leading-none”>
 <a class=”flex items-center text-sm font-bold text-primary” href=”#” :aria-label=”subnavOpen&#10; ? ‘Fermer le sous-menu’&#10; : ‘Ouvrir le sous-menu'” :aria-expanded=”subnavOpen”>
 Rubriques
 
 
 <div :class=”{ ‘scale-y-[-1]’: subnavOpen }” class=”motion-safe:transition-transform”>
 <svg class=”w-2 ml-1 overflow-visible stroke-current text-neutral” aria-hidden=”true” stroke-width=”24″ viewbox=”0 0 140 140″><path d=”M135.625 42.648l-62.533 62.527a4.37 4.37 0 01-6.184 0L4.375 42.648″ fill=”currentColor”/></svg>
 </div>
 
 </a>
 
 <ul x-show=”subnavOpen” x-ref=”subnav” class=”absolute px-3 py-2 mt-2 bg-white border shadow border-neutral/10″ false=”” x-transition=”” x-cloak=”” style=”left: 0; right: auto;”>
 
 
 
 
 
 
 <li class=””>
 <a class=”&#10; whitespace-nowrap py-1 block text-sm font-bold hover:text-primary&#10; text-neutral&#10; ” href=”/categorie-news/suisse”>
 Suisse
 
 </a>
 </li>
 
 
 
 
 
 
 <li class=””>
 <a class=”&#10; whitespace-nowrap py-1 block text-sm font-bold hover:text-primary&#10; text-neutral&#10; ” href=”/categorie-news/international”>
 International
 
 </a>
 </li>
 
 
 
 
 
 
 <li class=””>
 <a class=”&#10; whitespace-nowrap py-1 block text-sm font-bold hover:text-primary&#10; text-neutral&#10; ” href=”/categorie-news/pape-et-vatican”>
 Vatican
 
 </a>
 </li>
 
 
 
 
 
 
 <li class=””>
 <a class=”&#10; whitespace-nowrap py-1 block text-sm font-bold hover:text-primary&#10; text-neutral&#10; ” href=”/commentaires”>
 Commentaires
 
 </a>
 </li>
 
 
 
 
 
 
 <li class=””>
 <a class=”&#10; whitespace-nowrap py-1 block text-sm font-bold hover:text-primary&#10; text-neutral&#10; ” href=”/transmissions-rts”>
 Émissions RTS
 
 </a>
 </li>
 
 </ul>
 
 </li>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 <li class=”relative leading-none”>
 <a class=”flex items-center text-sm font-bold text-neutral hover:text-primary” href=”/timeline”>
 En continu
 
 
 </a>
 
 </li>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 <li class=”relative leading-none”>
 <a class=”flex items-center text-sm font-bold text-neutral hover:text-primary” href=”/dossiers”>
 Dossiers
 
 
 </a>
 
 </li>
 
 
 
 
 
 
 
 
 
 
 
 
 
 <li x-data=”{ subnavOpen: false }” false=”” class=”relative leading-none”>
 <a class=”flex items-center text-sm font-bold text-neutral hover:text-primary” href=”#” :aria-label=”subnavOpen&#10; ? ‘Fermer le sous-menu’&#10; : ‘Ouvrir le sous-menu'” :aria-expanded=”subnavOpen”>
 Multimédia
 
 
 <div :class=”{ ‘scale-y-[-1]’: subnavOpen }” class=”motion-safe:transition-transform”>
 <svg class=”w-2 ml-1 overflow-visible stroke-current text-neutral” aria-hidden=”true” stroke-width=”24″ viewbox=”0 0 140 140″><path d=”M135.625 42.648l-62.533 62.527a4.37 4.37 0 01-6.184 0L4.375 42.648″ fill=”currentColor”/></svg>
 </div>
 
 </a>
 
 <ul x-show=”subnavOpen” x-ref=”subnav” class=”absolute px-3 py-2 mt-2 bg-white border shadow border-neutral/10″ false=”” x-transition=”” x-cloak=”” style=”left: 0; right: auto;”>
 
 
 
 
 
 
 <li class=””>
 <a class=”&#10; whitespace-nowrap py-1 block text-sm font-bold hover:text-primary&#10; text-neutral&#10; ” href=”/categorie-multimedia/dal-web”>
 Du web
 
 </a>
 </li>
 
 
 
 
 
 
 <li class=””>
 <a class=”&#10; whitespace-nowrap py-1 block text-sm font-bold hover:text-primary&#10; text-neutral&#10; ” href=”/categorie-multimedia/rts-digital”>
 RTS digital
 
 </a>
 </li>
 
 
 
 
 
 
 <li class=””>
 <a class=”&#10; whitespace-nowrap py-1 block text-sm font-bold hover:text-primary&#10; text-neutral&#10; ” href=”/categorie-multimedia/rts-radio”>
 RTS radio
 
 </a>
 </li>
 
 
 
 
 
 
 <li class=””>
 <a class=”&#10; whitespace-nowrap py-1 block text-sm font-bold hover:text-primary&#10; text-neutral&#10; ” href=”/fotogallery”>
 Photos
 
 </a>
 </li>
 
 </ul>
 
 </li>
 
 
 
 
 
 
 
 
 
 
 
 
 
 <li x-data=”{ subnavOpen: false }” false=”” class=”relative leading-none”>
 <a class=”flex items-center text-sm font-bold text-neutral hover:text-primary” href=”#” :aria-label=”subnavOpen&#10; ? ‘Fermer le sous-menu’&#10; : ‘Ouvrir le sous-menu'” :aria-expanded=”subnavOpen”>
 Commentaires
 
 
 <div :class=”{ ‘scale-y-[-1]’: subnavOpen }” class=”motion-safe:transition-transform”>
 <svg class=”w-2 ml-1 overflow-visible stroke-current text-neutral” aria-hidden=”true” stroke-width=”24″ viewbox=”0 0 140 140″><path d=”M135.625 42.648l-62.533 62.527a4.37 4.37 0 01-6.184 0L4.375 42.648″ fill=”currentColor”/></svg>
 </div>
 
 </a>
 
 <ul x-show=”subnavOpen” x-ref=”subnav” class=”absolute px-3 py-2 mt-2 bg-white border shadow border-neutral/10″ false=”” x-transition=”” x-cloak=”” style=”left: 0; right: auto;”>
 
 
 
 
 
 
 <li class=””>
 <a class=”&#10; whitespace-nowrap py-1 block text-sm font-bold hover:text-primary&#10; text-neutral&#10; ” href=”/commentaires/blog”>
 Blog
 
 </a>
 </li>
 
 
 
 
 
 
 <li class=””>
 <a class=”&#10; whitespace-nowrap py-1 block text-sm font-bold hover:text-primary&#10; text-neutral&#10; ” href=”/commentaires/evangile-du-dimanche”>
 Évangile du dimanche
 
 </a>
 </li>
 
 
 
 
 
 
 <li class=””>
 <a class=”&#10; whitespace-nowrap py-1 block text-sm font-bold hover:text-primary&#10; text-neutral&#10; ” href=”/commentaires/tribune”>
 Tribune
 
 </a>
 </li>
 
 </ul>
 
 </li>
 
 
 
 
 
 
 
 
 
 
 
 
 
 <li x-data=”{ subnavOpen: false }” false=”” class=”relative leading-none”>
 <a class=”flex items-center text-sm font-bold text-neutral hover:text-primary” href=”#” :aria-label=”subnavOpen&#10; ? ‘Fermer le sous-menu’&#10; : ‘Ouvrir le sous-menu'” :aria-expanded=”subnavOpen”>
 Services
 
 
 <div :class=”{ ‘scale-y-[-1]’: subnavOpen }” class=”motion-safe:transition-transform”>
 <svg class=”w-2 ml-1 overflow-visible stroke-current text-neutral” aria-hidden=”true” stroke-width=”24″ viewbox=”0 0 140 140″><path d=”M135.625 42.648l-62.533 62.527a4.37 4.37 0 01-6.184 0L4.375 42.648″ fill=”currentColor”/></svg>
 </div>
 
 </a>
 
 <ul x-show=”subnavOpen” x-ref=”subnav” class=”absolute px-3 py-2 mt-2 bg-white border shadow border-neutral/10″ false=”” x-transition=”” x-cloak=”” style=”left: 0; right: auto;”>
 
 
 
 
 
 
 <li class=””>
 <a class=”&#10; whitespace-nowrap py-1 block text-sm font-bold hover:text-primary&#10; text-neutral&#10; ” href=”/horaire-des-messes”>
 Horaire des messes
 
 </a>
 </li>
 
 
 
 
 
 
 <li class=””>
 <a class=”&#10; whitespace-nowrap py-1 block text-sm font-bold hover:text-primary&#10; text-neutral&#10; ” href=”https://cours.cath.ch/” target=”_blank” rel=”noopener”>
 Cours en ligne
 
 <svg xmlns=”http://www.w3.org/2000/svg” class=”inline-block w-3 h-3 ml-0.5 opacity-50″ fill=”none” viewbox=”0 0 24 24″ stroke=”currentColor” stroke-width=”2″>
 <path stroke-linecap=”round” stroke-linejoin=”round” d=”M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14″/>
 </svg>
 
 </a>
 </li>
 
 
 
 
 
 
 <li class=””>
 <a class=”&#10; whitespace-nowrap py-1 block text-sm font-bold hover:text-primary&#10; text-neutral&#10; ” href=”/annuaire”>
 Annuaires
 
 </a>
 </li>
 
 
 
 
 
 
 <li class=””>
 <a class=”&#10; whitespace-nowrap py-1 block text-sm font-bold hover:text-primary&#10; text-neutral&#10; ” href=”/bulletins”>
 Bulletins-Cath-Info
 
 </a>
 </li>
 
 </ul>
 
 </li>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 <li class=”relative leading-none”>
 <a class=”flex items-center text-sm font-bold text-neutral hover:text-primary” href=”/abonnements”>
 Abonnement
 
 
 </a>
 
 </li>
 
 
 </ul>

</nav>
 </div>
 <div class=”flex items-center pr-4″>
 <!– /components/_search_form.antlers.html –>
<li x-data=”{ open: false, value: ” }” true=”” settimeout=””> {$refs.input.focus()}, 200)”
 @keydown.window.prevent.esc=”open = false” @click.outside=”open = false”
 @focusin.window=”!$root.contains($event.target) &;&; (open = false)” class=”relative flex py-2″ x-cloak>;
 <button settimeout=””> {$refs.input.focus()}, 200)” class=”text-neutral hover:text-primary”
 :aria-label=”open
 ? ‘Fermer la recherche’
 : ‘Ouvrir la recherche'” :aria-expanded=”open”>;
 <svg class=”h-5 fill-current w-7 motion-safe:transition-colors” alt=”” aria-hidden=”true” viewbox=”0 0 39 40″><path d=”M23.517 0c3.962 0 7.926 1.506 10.948 4.517 6.047 6.024 6.047 15.788 0 21.811a15.466 15.466 0 01-10.948 4.517c-3.214 0-6.428-.993-9.142-2.976L3.515 38.731a2 2 0 01-2.769.057 1.515 1.515 0 01-.571-2.013c.09-.32.26-.622.511-.873L11.48 25.11l-.09-.11c-4.83-6.054-4.44-14.883 1.18-20.482A15.467 15.467 0 0123.517 0zM23.5 4C17.149 4 12 9.149 12 15.5S17.149 27 23.5 27 35 21.851 35 15.5 29.851 4 23.5 4z”/></svg>
 </button>

 <form action=”/search” x-show=”open” x-transition.origin.right.duration.200ms=”” class=”absolute inset-y-0 right-0 flex -mr-2″ role=”search”>
 <input x-ref=”input” class=”h-full pl-8 pr-10 rounded w-52 border-neutral caret-primary focus-visible:ring-primary” placeholder=”Rechercher...” type=”search” x-model=”value” value=”” name=”q”/>
 <div class=”absolute inset-y-0 left-0 flex items-center ml-2 pointer-events-none”>
 <?xml version=”1.0″ encoding=”UTF-8″??><svg class=”w-4 h-4″ alt=”Search by Algolia” aria-hidden=”true” xmlns=”http://www.w3.org/2000/svg” id=”Layer_1″ viewbox=”0 0 500 500.34″><defs><style><![CDATA[.cls-1{fill:#003dff;}]]></style></defs><path class=”cls-1″ d=”M250,0C113.38,0,2,110.16,.03,246.32c-2,138.29,110.19,252.87,248.49,253.67,42.71,.25,83.85-10.2,120.38-30.05,3.56-1.93,4.11-6.83,1.08-9.52l-23.39-20.74c-4.75-4.22-11.52-5.41-17.37-2.92-25.5,10.85-53.21,16.39-81.76,16.04-111.75-1.37-202.04-94.35-200.26-206.1,1.76-110.33,92.06-199.55,202.8-199.55h202.83V407.68l-115.08-102.25c-3.72-3.31-9.43-2.66-12.43,1.31-18.47,24.46-48.56,39.67-81.98,37.36-46.36-3.2-83.92-40.52-87.4-86.86-4.15-55.28,39.65-101.58,94.07-101.58,49.21,0,89.74,37.88,93.97,86.01,.38,4.28,2.31,8.28,5.53,11.13l29.97,26.57c3.4,3.01,8.8,1.17,9.63-3.3,2.16-11.55,2.92-23.6,2.07-35.95-4.83-70.39-61.84-127.01-132.26-131.35-80.73-4.98-148.23,58.18-150.37,137.35-2.09,77.15,61.12,143.66,138.28,145.36,32.21,.71,62.07-9.42,86.2-26.97l150.36,133.29c6.45,5.71,16.62,1.14,16.62-7.48V9.49C500,4.25,495.75,0,490.51,0H250Z”/></svg>
 </div>
 <button class=”absolute inset-y-0 right-0 flex items-center mr-2 text-neutral hover:text-primary disabled:cursor-default disabled:opacity-25 motion-safe:transition-opacity” aria-label=”Rechercher...” :disabled=”value.length === 0″>
 <svg class=”w-5 h-5 fill-current motion-safe:transition-colors” alt=”” aria-hidden=”true” viewbox=”0 0 39 40″><path d=”M23.517 0c3.962 0 7.926 1.506 10.948 4.517 6.047 6.024 6.047 15.788 0 21.811a15.466 15.466 0 01-10.948 4.517c-3.214 0-6.428-.993-9.142-2.976L3.515 38.731a2 2 0 01-2.769.057 1.515 1.515 0 01-.571-2.013c.09-.32.26-.622.511-.873L11.48 25.11l-.09-.11c-4.83-6.054-4.44-14.883 1.18-20.482A15.467 15.467 0 0123.517 0zM23.5 4C17.149 4 12 9.149 12 15.5S17.149 27 23.5 27 35 21.851 35 15.5 29.851 4 23.5 4z”/></svg>
 </button>
 </form>
</li>
<!– End: /components/_search_form.antlers.html –>

 </div>
 </div>
</header>

 
 
 
 <div class=”pt-2 md:pt-2″>
 <div class=”w-full bg-gray-50 border-b border-slate-200″>
 <div class=”max-w-5xl mx-auto py-2 px-4 “>
 <div class=”flex items-start gap-4 “>
 
 <div class=”flex items-center gap-2 flex-shrink-0″>
 <div class=”w-1 h-10 bg-[#BE1723] flex-shrink-0″/>
 <h2 class=”text-base font-bold text-[#BE1723] uppercase tracking-wide whitespace-nowrap”>
 En ce moment
 </h2>
 </div>

 
 <div class=”flex flex-wrap gap-2 flex-1 items-start”>
 
 
 <a href=”https://cath.ch/commentaires/evangile-de-dimanche-lesprit-de-verite” class=”inline-block px-1 py-1 shadow-md transition-all duration-300 hover:shadow-lg text-xs” style=”background-color: #EDE7F6; color: #000000;”>
 <span class=”font-bold”>Évangile de dimanche: “L’Esprit de Vérité”</span>
 </a>
 
 
 
 <a href=”https://cath.ch/commentaires/la-saison-des-eglises” class=”inline-block px-1 py-1 shadow-md transition-all duration-300 hover:shadow-lg text-xs” style=”background-color: #EDE7F6; color: #000000;”>
 <span class=”font-bold”>Le blog de Claude Ducarroz</span>
 </a>
 
 
 
 <a href=”/dossiers/le-tropisme-africain-de-leon-xiv” class=”inline-block px-1 py-1 shadow-md transition-all duration-300 hover:shadow-lg text-xs” style=”background-color: #FEF3C7; color: #000000;”>
 <span class=”font-bold”>Léon XIV en Afrique</span> Notre dossier complet
 </a>
 
 
 
 <a href=”/newsf/dimanche-des-medias-2026″ class=”inline-block px-1 py-1 shadow-md transition-all duration-300 hover:shadow-lg text-xs” style=”background-color: #FEF3C7; color: #000000;”>
 <span class=”font-bold”>Dimanche des médias</span> 17 mai 2026
 </a>
 
 
 </div>
 </div>
 </div>
 </div>
 </div>
 
 


 
 


 &#13;
 &#13;
 &#13;
 &#13;
&#13;
&#13;
 &#13;
&#13;
&#13;
<div class=”py-12″>&#13;
 <!– Contenitore principale con layout a due colonne –>&#13;
 <div class=”js-news-article lg:flex lg:gap-8″>&#13;
 <!– Colonna principale –>&#13;
 <div class=”lg:w-4/5″>&#13;
 <!– Immagine grande –>&#13;
 <figure class=”mb-4″>&#13;
 <img src=”/img/asset/aW1hZ2VzLzIwMjYvMDUtbWFpLzR0aC1zdW5kYXktbWFzcy0yLWNvcHkud2VicA/4th-sunday-mass-2-copy.webp?p=news_detail&;s=09ab7fb0dae23e8af0a339ea62281a4e” alt=”no_image” class=”object-cover w-full h-auto aspect-4/3″ fetchpriority=”high” width=”1920″ height=”1440″ decoding=”async”/>&#13;
 &#13;
 &#13;
 <figcaption class=”px-2 mt-2 text-sm text-gray-600 lg:px-10″>&#13;
 <em>&#13;
 &#13;
 A Crozet, l’ancienne banque est devenue une église&#13;
 &#13;
 &#13;
 © the Catholic Virginian&#13;
 &#13;
 </em>&#13;
 </figcaption>&#13;
 &#13;
 &#13;
 </figure>&#13;
 <!– Titolo –>&#13;
 <h1 class=”px-2 mb-4 text-4xl font-semibold text-left text-gray-800 lg:max-w-177.5 lg:pl-10″>Etats-Unis, une banque transformée en église</h1>&#13;
&#13;
 &#13;
 &#13;
 
 
 <div class=”px-2 mb-4 lg:px-10″>
 <span class=”inline-flex items-center gap-1.5 px-2.5 py-1 text-xs font-semibold rounded-full bg-primary/10 text-primary”>
 <i class=”fas fa-lock text-[10px]”/>
 Abonnés
 </span>
 </div>
 
 
 <div class=”mb-12 px-2 lg:pl-10 prose max-w-none lg:max-w-177.5″>
 <p class=”text-lg text-gray-600 font-semibold”>Alors que la désacralisation d'églises est devenue fréquente aux États-Unis, il est beaucoup plus rare de voir une ancienne banque transformée en église. C'est ce qui s'est passé à Crozet, dans l'État de Virginie</p>
 </div>
 <div class=”relative”>
 
 <div class=”absolute inset-x-0 bottom-0 h-48 bg-gradient-to-t from-white via-white/95 to-transparent pointer-events-none”/>
</div>


<div class=”relative px-4 py-10 -mt-24 md:py-14″>
 <div class=”max-w-lg p-8 mx-auto text-center bg-white border-2 shadow-xl rounded-2xl border-primary/20″>
 
 <div class=”flex items-center justify-center w-20 h-20 mx-auto mb-6 rounded-full bg-primary/10″>
 <i class=”text-3xl fas fa-lock text-primary”/>
 </div>

 <h2 class=”mb-3 text-2xl font-bold text-gray-800″>Article réservé aux abonnés</h2>
 <p class=”mb-8 text-gray-500″>Cet article est réservé à nos abonnés. Connectez-vous ou abonnez-vous pour lire la suite.</p>

 
 <div class=”flex flex-col gap-3 sm:flex-row sm:justify-center”>
 <a href=”/login?redirect=https://cath.ch/newsf/etats-unis-une-banque-transformee-en-eglise” class=”inline-flex items-center justify-center gap-2 px-6 py-3 text-base font-semibold transition-colors border-2 rounded-lg text-primary border-primary hover:bg-primary hover:text-white”>
 <i class=”fas fa-sign-in-alt”/>
 Se connecter
 </a>
 <a href=”/abonnements” class=”inline-flex items-center justify-center gap-2 px-6 py-3 text-base font-semibold text-white transition-colors rounded-lg bg-primary hover:bg-red-800″>
 <i class=”fas fa-star”/>
 S’abonner
 </a>
 </div>
 </div>
</div>

 
 &#13;
 &#13;
 </div>&#13;
&#13;
 <!– Colonna laterale –>&#13;
 <aside class=”mt-8 lg:w-1/5 lg:mt-0″>&#13;
 &#13;
 <div class=”mb-6″>&#13;
 <div class=”inline-block”>&#13;
 &#13;
 &#13;
 &#13;
 <a href=”/categorie-news/international” class=”inline-block px-2 py-1 text-xs uppercase bg-lime-100 rounded text-black hover:underline”>&#13;
 International&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
</div>&#13;
&#13;
 </div>&#13;
&#13;
 <!– Data e ora + Commentateur –>&#13;
 <div class=”mb-6″>&#13;
 <p class=”mb-2 text-sm font-bold text-gray-700″>Publié le :</p>&#13;
 <div class=”flex items-start gap-3″>&#13;
 &#13;
 &#13;
 <a href=”/commentateurs/maurice-page” class=”shrink-0 mt-0.5″ title=”Maurice Page”>&#13;
 <img src=”/img/asset/YXV0ZXVycy9wYWdlbWF1cmljZS5qcGc/pagemaurice.jpg?p=news_thumbnail&;s=0cb82f615e2ac8f512018d35230a5711″ alt=”Maurice Page” class=”object-cover w-12 h-12 rounded-full” loading=”lazy” width=”48″ height=”48″ decoding=”async”/>&#13;
&#13;
 </a>&#13;
 &#13;
 &#13;
 <div class=”text-sm text-gray-600 min-w-0″>&#13;
 <span>10/05/2026 Ã 11:53</span>&#13;
 &#13;
 <a href=”/commentateurs/maurice-page” class=”block mt-0.5 font-semibold text-gray-800 hover:underline”>&#13;
 par Maurice Page&#13;
 </a>&#13;
 &#13;
 </div>&#13;
 </div>&#13;
 </div>&#13;
&#13;
 <!– Tempo di lettura –>&#13;
 <div class=”mb-6 text-sm text-gray-800″>&#13;
 <div class=”flex items-center gap-2″>&#13;
 <i class=”fa-solid fa-hourglass-half text-gray-500″ aria-hidden=”true”/>&#13;
 <span>&#13;
 &#13;
 2 min de lecture&#13;
 &#13;
 </span>&#13;
 </div>&#13;
 </div>&#13;
&#13;
 <!– Tags –>&#13;
 &#13;
 <div class=”mb-6″>&#13;
 <h3 class=”mb-2 text-lg font-semibold text-gray-800″>Tags</h3>&#13;
 &#13;
 <ul class=”flex flex-wrap gap-2″>&#13;
 &#13;
 &#13;
 <li class=”px-2 py-1 text-xs uppercase bg-gray-200 rounded”>&#13;
 <a href=”/tags/benediction” class=”text-blue-600 hover:underline”>Bénédiction</a>&#13;
 </li>&#13;
 &#13;
 <li class=”px-2 py-1 text-xs uppercase bg-gray-200 rounded”>&#13;
 <a href=”/tags/etats-unis” class=”text-blue-600 hover:underline”>Etats-Unis</a>&#13;
 </li>&#13;
 &#13;
 &#13;
 </ul>&#13;
&#13;
&#13;
&#13;
 </div>&#13;
 &#13;
 <!– Link per la condivisione –>&#13;
 <div class=”mb-8″>&#13;
 <h3 class=”mb-2 text-lg font-semibold text-gray-800″>Partager</h3>&#13;
 <div class=”flex flex-wrap gap-1 mt-2″ data-share-title=”Etats-Unis, une banque transformée en église” x-data=”{&#13;&#10; copied: false,&#13;&#10; tooltip: false,&#13;&#10; showTooltip: ”,&#13;&#10; shareTextValue: ”,&#13;&#10; get shareUrl() {&#13;&#10; return ‘https://cath.ch/newsf/etats-unis-une-banque-transformee-en-eglise’;&#13;&#10; },&#13;&#10; get shareText() {&#13;&#10; return this.shareTextValue;&#13;&#10; },&#13;&#10; copyLink() {&#13;&#10; navigator.clipboard.writeText(this.shareUrl);&#13;&#10; this.copied = true;&#13;&#10; setTimeout(() =>; this.copied = false, 2000);&#13;&#10; },&#13;&#10; shareOnFacebook() {&#13;&#10; window.open(’https://www.facebook.com/sharer/sharer.php?u=’ + encodeURIComponent(this.shareUrl), ‘_blank’, ‘width=600,height=400’);&#13;&#10; },&#13;&#10; shareOnTwitter() {&#13;&#10; window.open(’https://twitter.com/intent/tweet?url=’ + encodeURIComponent(this.shareUrl) + (this.shareText ? ‘&;text=’ + encodeURIComponent(this.shareText) : ”), ‘_blank’, ‘width=600,height=400’);&#13;&#10; },&#13;&#10; shareOnBluesky() {&#13;&#10; const text = (this.shareText ? this.shareText + ‘ ‘ : ”) + this.shareUrl;&#13;&#10; window.open(’https://bsky.app/intent/compose?text=’ + encodeURIComponent(text), ‘_blank’, ‘width=600,height=700’);&#13;&#10; },&#13;&#10; shareOnThreads() {&#13;&#10; const text = (this.shareText ? this.shareText + ‘ ‘ : ”) + this.shareUrl;&#13;&#10; window.open(’https://www.threads.net/intent/post?text=’ + encodeURIComponent(text), ‘_blank’, ‘width=600,height=700’);&#13;&#10; },&#13;&#10; shareOnWhatsApp() {&#13;&#10; window.open(’https://wa.me/?text=’ + encodeURIComponent((this.shareText ? this.shareText + ‘ – ‘ : ”) + this.shareUrl), ‘_blank’);&#13;&#10; },&#13;&#10; shareViaEmail() {&#13;&#10; const body = (this.shareText ? this.shareText + ‘\n\n’ : ”) + this.shareUrl;&#13;&#10; window.location.href = ‘mailto:?subject=’ + encodeURIComponent(this.shareText) + ‘&;body=’ + encodeURIComponent(body);&#13;&#10; },&#13;&#10; printArticle() {&#13;&#10; const articleRoot = document.querySelector(’.js-news-article’);&#13;&#10;&#13;&#10; if (!articleRoot) {&#13;&#10; window.print();&#13;&#10; return;&#13;&#10; }&#13;&#10;&#13;&#10; const clone = articleRoot.cloneNode(true);&#13;&#10; clone.querySelectorAll(’aside, img, picture, figure, figcaption, iframe, video, audio, script, style’).forEach(function(el) { el.remove(); });&#13;&#10;&#13;&#10; const printWindow = window.open(”, ‘_blank’, ‘width=900,height=800’);&#13;&#10;&#13;&#10; if (!printWindow) {&#13;&#10; window.print();&#13;&#10; return;&#13;&#10; }&#13;&#10;&#13;&#10; const printTitle = this.shareText || document.title;&#13;&#10; printWindow.document.write(&#13;&#10; ‘<;!DOCTYPE html>;<;html>;<;head>;’ +&#13;&#10; ‘<;title>;’ + printTitle + ‘<;\/title>;’ +&#13;&#10; ‘<;meta charset=";utf-8";>;’ +&#13;&#10; ‘<;style>;’ +&#13;&#10; ‘body{font-family:Georgia,serif;color:#111827;line-height:1.8;margin:2rem auto;max-width:800px}’ +&#13;&#10; ‘h1{font-size:2rem;margin-bottom:1rem;line-height:1.2}’ +&#13;&#10; ‘h2,h3,h4{line-height:1.3;margin:1.5rem 0 0.5rem}’ +&#13;&#10; ‘p{margin-bottom:1rem}’ +&#13;&#10; ‘a{color:inherit;text-decoration:none}’ +&#13;&#10; ‘img,picture,figure,figcaption,aside,iframe,video{display:none!important}’ +&#13;&#10; ‘<;\/style>;’ +&#13;&#10; ‘<;\/head>;<;body>;’ + clone.innerHTML + ‘<;\/body>;<;\/html>;’&#13;&#10; );&#13;&#10;&#13;&#10; printWindow.document.close();&#13;&#10; printWindow.focus();&#13;&#10; printWindow.addEventListener(’afterprint’, function() { printWindow.close(); });&#13;&#10; setTimeout(function() { printWindow.print(); }, 300);&#13;&#10; }&#13;&#10;}” x-init=”shareTextValue = $el.getAttribute(’data-share-title’).replace(/’/g, `’`)”>&#13;
&#13;
 <!– Facebook share button –>&#13;
 <button class=”relative p-1.5 transition-colors duration-200 bg-gray-200 border border-gray-300 rounded hover:bg-gray-300″ type=”button” aria-label=”Partager sur Facebook”>&#13;
 <!– Facebook icon –>&#13;
 <svg xmlns=”http://www.w3.org/2000/svg” class=”w-4 h-4 text-gray-700″ fill=”currentColor” viewbox=”0 0 24 24″>&#13;
 <path d=”M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z”/>&#13;
 </svg>&#13;
 <!– Tooltip –>&#13;
 <div x-show=”showTooltip === ‘facebook'” x-transition:enter=”transition-opacity ease-out duration-100″ x-transition:enter-start=”opacity-0″ x-transition:enter-end=”opacity-100″ x-transition:leave=”transition-opacity ease-in duration-75″ x-transition:leave-start=”opacity-100″ x-transition:leave-end=”opacity-0″ class=”absolute z-50 px-2 py-1 mb-1 text-xs text-white -translate-x-1/2 bg-gray-900 rounded shadow-lg pointer-events-none bottom-full left-1/2 whitespace-nowrap”>&#13;
 Partager sur Facebook&#13;
 </div>&#13;
 </button>&#13;
&#13;
 <!– Twitter/X share button –>&#13;
 <button class=”relative p-1.5 transition-colors duration-200 bg-gray-200 border border-gray-300 rounded hover:bg-gray-300″ type=”button” aria-label=”Partager sur X (Twitter)”>&#13;
 <!– X (Twitter) icon –>&#13;
 <svg xmlns=”http://www.w3.org/2000/svg” class=”w-4 h-4 text-gray-700″ fill=”currentColor” viewbox=”0 0 24 24″>&#13;
 <path d=”M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z”/>&#13;
 </svg>&#13;
 <!– Tooltip –>&#13;
 <div x-show=”showTooltip === ‘twitter'” x-transition:enter=”transition-opacity ease-out duration-100″ x-transition:enter-start=”opacity-0″ x-transition:enter-end=”opacity-100″ x-transition:leave=”transition-opacity ease-in duration-75″ x-transition:leave-start=”opacity-100″ x-transition:leave-end=”opacity-0″ class=”absolute z-50 px-2 py-1 mb-1 text-xs text-white -translate-x-1/2 bg-gray-900 rounded shadow-lg pointer-events-none bottom-full left-1/2 whitespace-nowrap”>&#13;
 Partager sur X&#13;
 </div>&#13;
 </button>&#13;
&#13;
 <!– Bluesky share button –>&#13;
 <button class=”relative p-1.5 transition-colors duration-200 bg-gray-200 border border-gray-300 rounded hover:bg-gray-300″ type=”button” aria-label=”Partager sur Bluesky”>&#13;
 <!– Bluesky butterfly icon –>&#13;
 <svg xmlns=”http://www.w3.org/2000/svg” class=”w-4 h-4 text-gray-700″ fill=”currentColor” viewbox=”0 0 600 530″>&#13;
 <path d=”m135.72 44.03c66.496 49.921 138.02 151.14 164.28 205.46 26.262-54.316 97.782-155.54 164.28-205.46 47.98-36.021 125.72-63.892 125.72 24.795 0 17.712-10.155 148.79-16.111 170.07-20.703 73.984-96.144 92.854-163.25 81.433 117.3 19.964 147.14 86.092 82.697 152.22-122.39 125.59-175.91-31.511-189.63-71.766-2.514-7.3797-3.6904-10.832-3.7077-7.8964-0.0174-2.9357-1.1937 0.51669-3.7077 7.8964-13.714 40.255-67.233 197.36-189.63 71.766-64.444-66.128-34.605-132.26 82.697-152.22-67.108 11.421-142.55-7.4491-163.25-81.433-5.9562-21.282-16.111-152.36-16.111-170.07 0-88.687 77.742-60.816 125.72-24.795z”/>&#13;
 </svg>&#13;
 <div x-show=”showTooltip === ‘bluesky'” x-transition:enter=”transition-opacity ease-out duration-100″ x-transition:enter-start=”opacity-0″ x-transition:enter-end=”opacity-100″ x-transition:leave=”transition-opacity ease-in duration-75″ x-transition:leave-start=”opacity-100″ x-transition:leave-end=”opacity-0″ class=”absolute z-50 px-2 py-1 mb-1 text-xs text-white -translate-x-1/2 bg-gray-900 rounded shadow-lg pointer-events-none bottom-full left-1/2 whitespace-nowrap”>&#13;
 Partager sur Bluesky&#13;
 </div>&#13;
 </button>&#13;
&#13;
 <!– Threads share button –>&#13;
 <button class=”relative p-1.5 transition-colors duration-200 bg-gray-200 border border-gray-300 rounded hover:bg-gray-300″ type=”button” aria-label=”Partager sur Threads”>&#13;
 <!– Threads @ icon –>&#13;
 <svg xmlns=”http://www.w3.org/2000/svg” class=”w-4 h-4 text-gray-700″ fill=”currentColor” viewbox=”0 0 192 192″>&#13;
 <path d=”M141.537 88.9883C140.71 88.5919 139.87 88.2104 139.019 87.8451C137.537 60.5382 122.616 44.905 97.5619 44.745C97.4484 44.7443 97.3355 44.7443 97.222 44.7443C82.2364 44.7443 69.7731 51.1409 62.102 62.7807L75.881 72.2328C81.6116 63.5383 90.6052 61.6848 97.2286 61.6848C97.3051 61.6848 97.3819 61.6848 97.4576 61.6855C105.707 61.7381 111.932 64.1366 115.961 68.814C118.893 72.2193 120.854 76.925 121.825 82.8638C114.511 81.6207 106.601 81.2385 98.145 81.7233C74.3247 83.0954 59.0111 96.9879 60.0396 116.292C60.5615 126.084 65.4397 134.508 73.775 140.011C80.8224 144.663 89.899 146.938 99.3323 146.423C111.79 145.74 121.563 140.987 128.381 132.296C133.559 125.696 136.834 117.143 138.28 106.366C144.217 109.949 148.617 114.664 151.047 120.332C155.179 129.967 155.42 145.8 142.501 158.708C131.182 170.016 117.576 174.908 97.0135 175.059C74.2042 174.89 56.9538 167.575 45.7381 153.317C35.2355 139.966 29.8077 120.682 29.6052 96C29.8077 71.3178 35.2355 52.0336 45.7381 38.6827C56.9538 24.4249 74.2039 17.11 97.0132 16.9405C119.988 17.1113 137.539 24.4614 149.184 38.788C154.894 45.8136 159.199 54.6488 162.037 64.9503L178.184 60.6422C174.744 47.9622 169.331 37.0357 161.965 27.974C147.036 9.60668 125.202 0.195148 97.0695 0H96.9569C68.8816 0.19447 47.2921 9.6418 32.7883 28.055C19.8819 44.4725 13.2244 67.3736 13.0007 95.9983L13 96L13.0007 96.0017C13.2244 124.626 19.8819 147.527 32.7883 163.945C47.2921 182.358 68.8816 191.806 96.9569 192H97.0695C122.03 191.827 139.624 185.292 154.118 170.811C173.081 151.866 172.51 128.119 166.26 113.541C161.776 103.087 153.227 94.5962 141.537 88.9883ZM98.4405 129.507C88.0005 130.095 77.1544 125.409 76.6196 115.372C76.2232 107.93 81.9158 99.626 99.0812 98.6368C101.047 98.5234 102.976 98.468 104.871 98.468C111.106 98.468 116.939 99.0737 122.242 100.233C120.264 124.935 108.657 128.946 98.4405 129.507Z”/>&#13;
 </svg>&#13;
 <div x-show=”showTooltip === ‘threads'” x-transition:enter=”transition-opacity ease-out duration-100″ x-transition:enter-start=”opacity-0″ x-transition:enter-end=”opacity-100″ x-transition:leave=”transition-opacity ease-in duration-75″ x-transition:leave-start=”opacity-100″ x-transition:leave-end=”opacity-0″ class=”absolute z-50 px-2 py-1 mb-1 text-xs text-white -translate-x-1/2 bg-gray-900 rounded shadow-lg pointer-events-none bottom-full left-1/2 whitespace-nowrap”>&#13;
 Partager sur Threads&#13;
 </div>&#13;
 </button>&#13;
&#13;
 <!– Instagram button (link to Instagram) –>&#13;
 &#13;
&#13;
 <!– WhatsApp share button –>&#13;
 <button class=”relative p-1.5 transition-colors duration-200 bg-gray-200 border border-gray-300 rounded hover:bg-gray-300″ type=”button” aria-label=”Partager sur WhatsApp”>&#13;
 <!– WhatsApp icon –>&#13;
 <svg xmlns=”http://www.w3.org/2000/svg” class=”w-4 h-4 text-gray-700″ fill=”currentColor” viewbox=”0 0 24 24″>&#13;
 <path d=”M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z”/>&#13;
 </svg>&#13;
 <!– Tooltip –>&#13;
 <div x-show=”showTooltip === ‘whatsapp'” x-transition:enter=”transition-opacity ease-out duration-100″ x-transition:enter-start=”opacity-0″ x-transition:enter-end=”opacity-100″ x-transition:leave=”transition-opacity ease-in duration-75″ x-transition:leave-start=”opacity-100″ x-transition:leave-end=”opacity-0″ class=”absolute z-50 px-2 py-1 mb-1 text-xs text-white -translate-x-1/2 bg-gray-900 rounded shadow-lg pointer-events-none bottom-full left-1/2 whitespace-nowrap”>&#13;
 Partager sur WhatsApp&#13;
 </div>&#13;
 </button>&#13;
&#13;
 <!– Email share button –>&#13;
 <button class=”relative p-1.5 transition-colors duration-200 bg-gray-200 border border-gray-300 rounded hover:bg-gray-300″ type=”button” aria-label=”Partager par email”>&#13;
 <!– Email icon –>&#13;
 <svg xmlns=”http://www.w3.org/2000/svg” class=”w-4 h-4 text-gray-700″ fill=”none” viewbox=”0 0 24 24″ stroke=”currentColor”>&#13;
 <path stroke-linecap=”round” stroke-linejoin=”round” stroke-width=”2″ d=”M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z”/>&#13;
 </svg>&#13;
 <!– Tooltip –>&#13;
 <div x-show=”showTooltip === ’email'” x-transition:enter=”transition-opacity ease-out duration-100″ x-transition:enter-start=”opacity-0″ x-transition:enter-end=”opacity-100″ x-transition:leave=”transition-opacity ease-in duration-75″ x-transition:leave-start=”opacity-100″ x-transition:leave-end=”opacity-0″ class=”absolute z-50 px-2 py-1 mb-1 text-xs text-white -translate-x-1/2 bg-gray-900 rounded shadow-lg pointer-events-none bottom-full left-1/2 whitespace-nowrap”>&#13;
 Partager par email&#13;
 </div>&#13;
 </button>&#13;
&#13;
 <!– Copy link button –>&#13;
 <button class=”relative p-1.5 transition-colors duration-200 bg-gray-200 border border-gray-300 rounded hover:bg-gray-300″ type=”button” aria-label=”Copier le lien”>&#13;
 <!– Copy icon –>&#13;
 <svg xmlns=”http://www.w3.org/2000/svg” class=”w-4 h-4 text-gray-700″ fill=”none” viewbox=”0 0 24 24″ stroke=”currentColor”>&#13;
 <path stroke-linecap=”round” stroke-linejoin=”round” stroke-width=”2″ d=”M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z”/>&#13;
 </svg>&#13;
 <!– Tooltip –>&#13;
 <div x-show=”showTooltip === ‘copy’ &;&; !copied” x-transition:enter=”transition-opacity ease-out duration-100″ x-transition:enter-start=”opacity-0″ x-transition:enter-end=”opacity-100″ x-transition:leave=”transition-opacity ease-in duration-75″ x-transition:leave-start=”opacity-100″ x-transition:leave-end=”opacity-0″ class=”absolute z-50 px-2 py-1 mb-1 text-xs text-white -translate-x-1/2 bg-gray-900 rounded shadow-lg pointer-events-none bottom-full left-1/2 whitespace-nowrap”>&#13;
 Copier le lien&#13;
 </div>&#13;
 <!– Copied confirmation –>&#13;
 <div x-show=”copied” x-transition:enter=”transition-opacity ease-out duration-100″ x-transition:enter-start=”opacity-0″ x-transition:enter-end=”opacity-100″ x-transition:leave=”transition-opacity ease-in duration-75″ x-transition:leave-start=”opacity-100″ x-transition:leave-end=”opacity-0″ class=”absolute z-50 px-2 py-1 mb-1 text-xs text-white -translate-x-1/2 bg-green-600 rounded shadow-lg pointer-events-none bottom-full left-1/2 whitespace-nowrap”>&#13;
 Copié !&#13;
 </div>&#13;
 </button>&#13;
&#13;
 <!– Print article button –>&#13;
 <button class=”relative p-1.5 transition-colors duration-200 bg-gray-200 border border-gray-300 rounded hover:bg-gray-300″ type=”button” aria-label=”Imprimer l’article”>&#13;
 <svg xmlns=”http://www.w3.org/2000/svg” class=”w-4 h-4 text-gray-700″ fill=”none” viewbox=”0 0 24 24″ stroke=”currentColor” aria-hidden=”true”>&#13;
 <path stroke-linecap=”round” stroke-linejoin=”round” stroke-width=”2″ d=”M6 9V4h12v5M6 18h12v2H6v-2zm-2-7h16a2 2 0 012 2v3H2v-3a2 2 0 012-2z”/>&#13;
 </svg>&#13;
 <div x-show=”showTooltip === ‘print'” x-transition:enter=”transition-opacity ease-out duration-100″ x-transition:enter-start=”opacity-0″ x-transition:enter-end=”opacity-100″ x-transition:leave=”transition-opacity ease-in duration-75″ x-transition:leave-start=”opacity-100″ x-transition:leave-end=”opacity-0″ class=”absolute z-50 px-2 py-1 mb-1 text-xs text-white -translate-x-1/2 bg-gray-900 rounded shadow-lg pointer-events-none bottom-full left-1/2 whitespace-nowrap”>&#13;
 Imprimer l’article&#13;
 </div>&#13;
 </button>&#13;
</div>&#13;
&#13;
 </div>&#13;
 </aside>&#13;
 </div>&#13;
 &#13;
 <div class=”px-2 mb-8 lg:pl-10″>&#13;
 <p class=”max-w-none text-sm leading-relaxed text-gray-500 lg:max-w-177.5″>&#13;
 <span aria-hidden=”true”>©</span>&#13;
 Centre catholique des médias Cath-Info&#13;
 </p>&#13;
 <p class=”max-w-none text-xs leading-relaxed text-gray-500 lg:max-w-177.5″>&#13;
 Les droits de l’ensemble des contenus de ce site sont déposés à Cath-Info. Toute diffusion de texte, de&#13;
 son ou d’image sur quelque support que ce soit est payante. L’enregistrement dans d’autres bases de&#13;
 données est interdit.&#13;
 </p>&#13;
 &#13;
 </div>&#13;
 &#13;
 &#13;
 &#13;
 &#13;
 &#13;
 &#13;
 <div class=”bg-gray-100″>&#13;
 <!– Barra Top –>&#13;
 <div class=”flex flex-wrap items-center justify-center py-2 bg-gray-200 lg:justify-between”>&#13;
 <h2 class=”w-full text-xl font-bold text-center uppercase lg:text-2xl lg:ml-4 lg:w-auto lg:text-left”>&#13;
 Actualités liées&#13;
 </h2>&#13;
 </div>&#13;
&#13;
 <!– Mobile: scroll orizzontale –>&#13;
 <div class=”flex gap-4 px-4 py-4 ml-4 overflow-x-auto m snap-x snap-mandatory scroll-smooth md:hidden scrollbar-hide”>&#13;
 &#13;
 <div class=”shrink-0 w-[75vw] snap-start bg-gray-100 border border-gray-200 rounded-lg overflow-hidden shadow-sm”>&#13;
 <a href=”/newsf/clash-avec-le-pape-donald-trump-remet-une-couche-et-se-fait-moucher” class=”block”>&#13;
 <img src=”/img/asset/aW1hZ2VzLzIwMjYvMDUtbWFpL2RvbmFsZC10cnVtcC1tb3VlLndlYnA/donald-trump-moue.webp?p=news_thumbnail&;s=3a424606cd1d93dd9c4e452f474d724e” alt=”no_image” class=”object-cover w-full aspect-4/3″ loading=”lazy” width=”800″ height=”600″ decoding=”async”/>&#13;
 </a>&#13;
 <div class=”p-3″>&#13;
 <p class=”mb-1 text-xs text-gray-500″>06/05/2026 -&#13;
 14:40</p>&#13;
 <a href=”/newsf/clash-avec-le-pape-donald-trump-remet-une-couche-et-se-fait-moucher” class=”block”>&#13;
 <h3 class=”mt-1 text-base font-bold leading-tight line-clamp-3″>Clash avec le pape, Donald Trump remet une couche et se fait moucher</h3>&#13;
 <p class=”mt-1 text-sm leading-tight text-gray-600 line-clamp-5 font-semibold”>&#13;
 Suite aux nouvelles attaques de Trump proférées le 5 mai 2026 à l'encontre du pape, le cardinal secrétaire d'État Pietro Parolin, puis Léon XIV lui-même, se sont exprimé tour à tour. «Si quelqu'un veut me critiquer parce que j'annonce l'Évangile, qu'il le fasse en disant la vérité», a répliqué le pape.</p>&#13;
 </a>&#13;
 &#13;
 <div class=”flex flex-wrap gap-1 mt-2″>&#13;
 &#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/donald-trump” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Donald Trump&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/etats-unis” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Etats-Unis&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/iran” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Iran&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
&#13;
&#13;
&#13;
 </div>&#13;
 &#13;
 </div>&#13;
 </div>&#13;
 &#13;
 <div class=”shrink-0 w-[75vw] snap-start bg-gray-100 border border-gray-200 rounded-lg overflow-hidden shadow-sm”>&#13;
 <a href=”/newsf/donald-trump-participe-a-un-marathon-de-lecture-de-la-bible” class=”block”>&#13;
 <img src=”/img/asset/aW1hZ2VzL3dwLzIwMjUvMTIvVHJ1bXAuRC02NjI5LndlYnA/Trump.D-6629.webp?p=news_thumbnail&;s=6bb11a2d6437a27864897dd3c5c74af5″ alt=”no_image” class=”object-cover w-full aspect-4/3″ loading=”lazy” width=”800″ height=”600″ decoding=”async”/>&#13;
 </a>&#13;
 <div class=”p-3″>&#13;
 <p class=”mb-1 text-xs text-gray-500″>22/04/2026 -&#13;
 13:33</p>&#13;
 <a href=”/newsf/donald-trump-participe-a-un-marathon-de-lecture-de-la-bible” class=”block”>&#13;
 <h3 class=”mt-1 text-base font-bold leading-tight line-clamp-3″>Donald Trump participe à un marathon de lecture de la Bible</h3>&#13;
 <p class=”mt-1 text-sm leading-tight text-gray-600 line-clamp-5 font-semibold”>&#13;
 Sur fond de tensions avec le pape, le président américain Donald Trump a participé à une lecture de la Bible, organisée par des conservateurs chrétiens dans le but d’amener les Américains à «retourner à la parole de Dieu».</p>&#13;
 </a>&#13;
 &#13;
 <div class=”flex flex-wrap gap-1 mt-2″>&#13;
 &#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/bible” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Bible&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/donald-trump” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Donald Trump&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/etats-unis” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Etats-Unis&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
&#13;
&#13;
&#13;
 </div>&#13;
 &#13;
 </div>&#13;
 </div>&#13;
 &#13;
 <div class=”shrink-0 w-[75vw] snap-start bg-gray-100 border border-gray-200 rounded-lg overflow-hidden shadow-sm”>&#13;
 <a href=”/newsf/428-ordinations-sacerdotales-aux-etats-unis-en-2026″ class=”block”>&#13;
 <img src=”/img/asset/aW1hZ2VzL3dwLzIwMTYvMDUvRFNDXzg4MjAtNzA4Ni53ZWJw/DSC_8820-7086.webp?p=news_thumbnail&;s=4d53abff557a2f291cc956b24ddb575d” alt=”no_image” class=”object-cover w-full aspect-4/3″ loading=”lazy” width=”800″ height=”600″ decoding=”async”/>&#13;
 </a>&#13;
 <div class=”p-3″>&#13;
 <p class=”mb-1 text-xs text-gray-500″>22/04/2026 -&#13;
 12:56</p>&#13;
 <a href=”/newsf/428-ordinations-sacerdotales-aux-etats-unis-en-2026″ class=”block”>&#13;
 <h3 class=”mt-1 text-base font-bold leading-tight line-clamp-3″>428 ordinations sacerdotales aux Etats-Unis en 2026</h3>&#13;
 <p class=”mt-1 text-sm leading-tight text-gray-600 line-clamp-5 font-semibold”>&#13;
 428 jeunes hommes seront ordonnés prêtres aux États-Unis en 2026. Ils ont en moyenne 33 ans et sont catholiques de longue date. </p>&#13;
 </a>&#13;
 &#13;
 <div class=”flex flex-wrap gap-1 mt-2″>&#13;
 &#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/etats-unis” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Etats-Unis&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/ordination” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Ordination&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/sacerdoce” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 sacerdoce&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
&#13;
&#13;
&#13;
 </div>&#13;
 &#13;
 </div>&#13;
 </div>&#13;
 &#13;
 <div class=”shrink-0 w-[75vw] snap-start bg-gray-100 border border-gray-200 rounded-lg overflow-hidden shadow-sm”>&#13;
 <a href=”/newsf/le-pentagone-se-defend-davoir-cite-un-verset-biblique-de-pulp-fiction” class=”block”>&#13;
 <img src=”/img/asset/aW1hZ2VzL3dwLzIwMjYvMDQvNTIyNTE5NjA0MTNfYThmMzg2Yzk1ZF9rLWUxNzc2Njk1NDg1OTQ5LndlYnA/52251960413_a8f386c95d_k-e1776695485949.webp?p=news_thumbnail&;s=396dbed37a28a83814a0b7100129c5c3″ alt=”no_image” class=”object-cover w-full aspect-4/3″ loading=”lazy” width=”800″ height=”600″ decoding=”async”/>&#13;
 </a>&#13;
 <div class=”p-3″>&#13;
 <p class=”mb-1 text-xs text-gray-500″>20/04/2026 -&#13;
 18:39</p>&#13;
 <a href=”/newsf/le-pentagone-se-defend-davoir-cite-un-verset-biblique-de-pulp-fiction” class=”block”>&#13;
 <h3 class=”mt-1 text-base font-bold leading-tight line-clamp-3″>Le Pentagone se défend d'avoir cité un «verset biblique» de «Pulp Fiction»</h3>&#13;
 <p class=”mt-1 text-sm leading-tight text-gray-600 line-clamp-5 font-semibold”>&#13;
 Le secrétaire à la Défense Pete Hegseth a cité le 15 avril 2026 un prétendu verset tiré du livre d'Ezechiel, mais provenant en fait du film «Pulp Fiction» de Quentin Tarantino.</p>&#13;
 </a>&#13;
 &#13;
 <div class=”flex flex-wrap gap-1 mt-2″>&#13;
 &#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/eglise” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Eglise&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/etats-unis” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Etats-Unis&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/guerre” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 guerre&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/iran” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Iran&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
&#13;
&#13;
&#13;
 </div>&#13;
 &#13;
 </div>&#13;
 </div>&#13;
 &#13;
 <div class=”shrink-0 w-[75vw] snap-start bg-gray-100 border border-gray-200 rounded-lg overflow-hidden shadow-sm”>&#13;
 <a href=”/newsf/george-weigel-les-americains-comprennent-quil-ont-fait-le-mauvais-choix-avec-trump” class=”block”>&#13;
 <img src=”/img/asset/aW1hZ2VzL3dwLzIwMjIvMDEvd2VpZ2VsLkdlb3JnZS53ZWJw/weigel.George.webp?p=news_thumbnail&;s=dd15ed1d6ad1cffec163954ce35f4183″ alt=”no_image” class=”object-cover w-full aspect-4/3″ loading=”lazy” width=”800″ height=”600″ decoding=”async”/>&#13;
 </a>&#13;
 <div class=”p-3″>&#13;
 <p class=”mb-1 text-xs text-gray-500″>17/04/2026 -&#13;
 18:09</p>&#13;
 <a href=”/newsf/george-weigel-les-americains-comprennent-quil-ont-fait-le-mauvais-choix-avec-trump” class=”block”>&#13;
 <h3 class=”mt-1 text-base font-bold leading-tight line-clamp-3″>G. Weigel: Les Américains réalisent qu'ils ont fait le mauvais choix avec Trump</h3>&#13;
 <p class=”mt-1 text-sm leading-tight text-gray-600 line-clamp-5 font-semibold”>&#13;
 Pour l'auteur et vaticaniste américain Georges Weigel, les catholiques américains commencent à se rendre compte qu'ils ont fait le mauvais choix en soutenant Donald Trump. </p>&#13;
 </a>&#13;
 &#13;
 <div class=”flex flex-wrap gap-1 mt-2″>&#13;
 &#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/donald-trump” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Donald Trump&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/elections” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 élections&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/etats-unis” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Etats-Unis&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
&#13;
&#13;
&#13;
 </div>&#13;
 &#13;
 </div>&#13;
 </div>&#13;
 &#13;
 <div class=”shrink-0 w-[75vw] snap-start bg-gray-100 border border-gray-200 rounded-lg overflow-hidden shadow-sm”>&#13;
 <a href=”/newsf/quand-leau-benite-tombe-du-ciel” class=”block”>&#13;
 <img src=”/img/asset/aW1hZ2VzL3dwLzIwMTkvMTIvbGFuZHNjYXBlLXdpbmctc3RydWN0dXJlLXNreS13aW5kLWFpcnBsYW5lLTU2OTc0My1weGhlcmUuY29tXy53ZWJw/landscape-wing-structure-sky-wind-airplane-569743-pxhere.com_.webp?p=news_thumbnail&;s=b3c5a18b93d0ce116fdb81e47dcb9b9a” alt=”no_image” class=”object-cover w-full aspect-4/3″ loading=”lazy” width=”800″ height=”600″ decoding=”async”/>&#13;
 </a>&#13;
 <div class=”p-3″>&#13;
 <p class=”mb-1 text-xs text-gray-500″>25/12/2019 -&#13;
 12:08</p>&#13;
 <a href=”/newsf/quand-leau-benite-tombe-du-ciel” class=”block”>&#13;
 <h3 class=”mt-1 text-base font-bold leading-tight line-clamp-3″>Quand l’eau bénite tombe du ciel</h3>&#13;
 <p class=”mt-1 text-sm leading-tight text-gray-600 line-clamp-5 font-semibold”>&#13;
 Le Père Matthew Barzare, de Cow Island, dans l’Etat de Louisiane, au sud des Etats-Unis, a béni le 21 décembre 2019 100 gallons (380 litres) d’eau. Chargée à bord d’un petit avion, cette eau bénite a servi à asperger les maisons et les champs de la communauté, à l’occasion du ‘jour de braise’ du qua...</p>&#13;
 </a>&#13;
 &#13;
 <div class=”flex flex-wrap gap-1 mt-2″>&#13;
 &#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/benediction” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Bénédiction&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/eau” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Eau&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/etats-unis” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Etats-Unis&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
&#13;
&#13;
&#13;
 </div>&#13;
 &#13;
 </div>&#13;
 </div>&#13;
 &#13;
 </div>&#13;
&#13;
 <!– Desktop: grid 3 colonne –>&#13;
 <div class=”hidden md:grid md:grid-cols-3″>&#13;
 &#13;
 <div class=”p-4 bg-gray-100 border-b border-r border-slate-200″>&#13;
 <a href=”/newsf/clash-avec-le-pape-donald-trump-remet-une-couche-et-se-fait-moucher” class=”block”>&#13;
 <img src=”/img/asset/aW1hZ2VzLzIwMjYvMDUtbWFpL2RvbmFsZC10cnVtcC1tb3VlLndlYnA/donald-trump-moue.webp?p=news_thumbnail&;s=3a424606cd1d93dd9c4e452f474d724e” alt=”no_image” class=”object-cover w-full aspect-4/3 mb-4″ loading=”lazy” width=”800″ height=”600″ decoding=”async”/>&#13;
 </a>&#13;
 <p class=”mb-2 text-xs text-gray-500″>06/05/2026 – 14:40&#13;
 </p>&#13;
 <a href=”/newsf/clash-avec-le-pape-donald-trump-remet-une-couche-et-se-fait-moucher” class=”block”>&#13;
 <h3 class=”mb-2 text-lg font-bold leading-tight lg:leading-tight”>Clash avec le pape, Donald Trump remet une couche et se fait moucher</h3>&#13;
 <p class=”text-sm leading-tight font-semibold”>Suite aux nouvelles attaques de Trump proférées le 5 mai 2026 à l'encontre du pape, le cardinal secrétaire d'État Pietro Parolin, puis Léon XIV lui-même, se sont exprimé tour à tour. «Si quelqu'un veut me critiquer parce que j'annonce l'Évangile, qu'il le fasse en disant la vérité», a répliqué le pape.</p>&#13;
 </a>&#13;
 &#13;
 <div class=”flex flex-wrap gap-1 mt-2″>&#13;
 &#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/donald-trump” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Donald Trump&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/etats-unis” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Etats-Unis&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/iran” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Iran&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
&#13;
&#13;
&#13;
 </div>&#13;
 &#13;
 </div>&#13;
 &#13;
 <div class=”p-4 bg-gray-100 border-b border-r border-slate-200″>&#13;
 <a href=”/newsf/donald-trump-participe-a-un-marathon-de-lecture-de-la-bible” class=”block”>&#13;
 <img src=”/img/asset/aW1hZ2VzL3dwLzIwMjUvMTIvVHJ1bXAuRC02NjI5LndlYnA/Trump.D-6629.webp?p=news_thumbnail&;s=6bb11a2d6437a27864897dd3c5c74af5″ alt=”no_image” class=”object-cover w-full aspect-4/3 mb-4″ loading=”lazy” width=”800″ height=”600″ decoding=”async”/>&#13;
 </a>&#13;
 <p class=”mb-2 text-xs text-gray-500″>22/04/2026 – 13:33&#13;
 </p>&#13;
 <a href=”/newsf/donald-trump-participe-a-un-marathon-de-lecture-de-la-bible” class=”block”>&#13;
 <h3 class=”mb-2 text-lg font-bold leading-tight lg:leading-tight”>Donald Trump participe à un marathon de lecture de la Bible</h3>&#13;
 <p class=”text-sm leading-tight font-semibold”>Sur fond de tensions avec le pape, le président américain Donald Trump a participé à une lecture de la Bible, organisée par des conservateurs chrétiens dans le but d’amener les Américains à «retourner à la parole de Dieu».</p>&#13;
 </a>&#13;
 &#13;
 <div class=”flex flex-wrap gap-1 mt-2″>&#13;
 &#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/bible” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Bible&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/donald-trump” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Donald Trump&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/etats-unis” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Etats-Unis&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
&#13;
&#13;
&#13;
 </div>&#13;
 &#13;
 </div>&#13;
 &#13;
 <div class=”p-4 bg-gray-100 border-b border-r border-slate-200″>&#13;
 <a href=”/newsf/428-ordinations-sacerdotales-aux-etats-unis-en-2026″ class=”block”>&#13;
 <img src=”/img/asset/aW1hZ2VzL3dwLzIwMTYvMDUvRFNDXzg4MjAtNzA4Ni53ZWJw/DSC_8820-7086.webp?p=news_thumbnail&;s=4d53abff557a2f291cc956b24ddb575d” alt=”no_image” class=”object-cover w-full aspect-4/3 mb-4″ loading=”lazy” width=”800″ height=”600″ decoding=”async”/>&#13;
 </a>&#13;
 <p class=”mb-2 text-xs text-gray-500″>22/04/2026 – 12:56&#13;
 </p>&#13;
 <a href=”/newsf/428-ordinations-sacerdotales-aux-etats-unis-en-2026″ class=”block”>&#13;
 <h3 class=”mb-2 text-lg font-bold leading-tight lg:leading-tight”>428 ordinations sacerdotales aux Etats-Unis en 2026</h3>&#13;
 <p class=”text-sm leading-tight font-semibold”>428 jeunes hommes seront ordonnés prêtres aux États-Unis en 2026. Ils ont en moyenne 33 ans et sont catholiques de longue date. </p>&#13;
 </a>&#13;
 &#13;
 <div class=”flex flex-wrap gap-1 mt-2″>&#13;
 &#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/etats-unis” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Etats-Unis&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/ordination” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Ordination&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/sacerdoce” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 sacerdoce&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
&#13;
&#13;
&#13;
 </div>&#13;
 &#13;
 </div>&#13;
 &#13;
 <div class=”p-4 bg-gray-100 border-b border-r border-slate-200″>&#13;
 <a href=”/newsf/le-pentagone-se-defend-davoir-cite-un-verset-biblique-de-pulp-fiction” class=”block”>&#13;
 <img src=”/img/asset/aW1hZ2VzL3dwLzIwMjYvMDQvNTIyNTE5NjA0MTNfYThmMzg2Yzk1ZF9rLWUxNzc2Njk1NDg1OTQ5LndlYnA/52251960413_a8f386c95d_k-e1776695485949.webp?p=news_thumbnail&;s=396dbed37a28a83814a0b7100129c5c3″ alt=”no_image” class=”object-cover w-full aspect-4/3 mb-4″ loading=”lazy” width=”800″ height=”600″ decoding=”async”/>&#13;
 </a>&#13;
 <p class=”mb-2 text-xs text-gray-500″>20/04/2026 – 18:39&#13;
 </p>&#13;
 <a href=”/newsf/le-pentagone-se-defend-davoir-cite-un-verset-biblique-de-pulp-fiction” class=”block”>&#13;
 <h3 class=”mb-2 text-lg font-bold leading-tight lg:leading-tight”>Le Pentagone se défend d'avoir cité un «verset biblique» de «Pulp Fiction»</h3>&#13;
 <p class=”text-sm leading-tight font-semibold”>Le secrétaire à la Défense Pete Hegseth a cité le 15 avril 2026 un prétendu verset tiré du livre d'Ezechiel, mais provenant en fait du film «Pulp Fiction» de Quentin Tarantino.</p>&#13;
 </a>&#13;
 &#13;
 <div class=”flex flex-wrap gap-1 mt-2″>&#13;
 &#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/eglise” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Eglise&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/etats-unis” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Etats-Unis&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/guerre” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 guerre&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/iran” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Iran&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
&#13;
&#13;
&#13;
 </div>&#13;
 &#13;
 </div>&#13;
 &#13;
 <div class=”p-4 bg-gray-100 border-b border-r border-slate-200″>&#13;
 <a href=”/newsf/george-weigel-les-americains-comprennent-quil-ont-fait-le-mauvais-choix-avec-trump” class=”block”>&#13;
 <img src=”/img/asset/aW1hZ2VzL3dwLzIwMjIvMDEvd2VpZ2VsLkdlb3JnZS53ZWJw/weigel.George.webp?p=news_thumbnail&;s=dd15ed1d6ad1cffec163954ce35f4183″ alt=”no_image” class=”object-cover w-full aspect-4/3 mb-4″ loading=”lazy” width=”800″ height=”600″ decoding=”async”/>&#13;
 </a>&#13;
 <p class=”mb-2 text-xs text-gray-500″>17/04/2026 – 18:09&#13;
 </p>&#13;
 <a href=”/newsf/george-weigel-les-americains-comprennent-quil-ont-fait-le-mauvais-choix-avec-trump” class=”block”>&#13;
 <h3 class=”mb-2 text-lg font-bold leading-tight lg:leading-tight”>G. Weigel: Les Américains réalisent qu'ils ont fait le mauvais choix avec Trump</h3>&#13;
 <p class=”text-sm leading-tight font-semibold”>Pour l'auteur et vaticaniste américain Georges Weigel, les catholiques américains commencent à se rendre compte qu'ils ont fait le mauvais choix en soutenant Donald Trump. </p>&#13;
 </a>&#13;
 &#13;
 <div class=”flex flex-wrap gap-1 mt-2″>&#13;
 &#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/donald-trump” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Donald Trump&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/elections” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 élections&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/etats-unis” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Etats-Unis&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
&#13;
&#13;
&#13;
 </div>&#13;
 &#13;
 </div>&#13;
 &#13;
 <div class=”p-4 bg-gray-100 border-b border-r border-slate-200″>&#13;
 <a href=”/newsf/quand-leau-benite-tombe-du-ciel” class=”block”>&#13;
 <img src=”/img/asset/aW1hZ2VzL3dwLzIwMTkvMTIvbGFuZHNjYXBlLXdpbmctc3RydWN0dXJlLXNreS13aW5kLWFpcnBsYW5lLTU2OTc0My1weGhlcmUuY29tXy53ZWJw/landscape-wing-structure-sky-wind-airplane-569743-pxhere.com_.webp?p=news_thumbnail&;s=b3c5a18b93d0ce116fdb81e47dcb9b9a” alt=”no_image” class=”object-cover w-full aspect-4/3 mb-4″ loading=”lazy” width=”800″ height=”600″ decoding=”async”/>&#13;
 </a>&#13;
 <p class=”mb-2 text-xs text-gray-500″>25/12/2019 – 12:08&#13;
 </p>&#13;
 <a href=”/newsf/quand-leau-benite-tombe-du-ciel” class=”block”>&#13;
 <h3 class=”mb-2 text-lg font-bold leading-tight lg:leading-tight”>Quand l’eau bénite tombe du ciel</h3>&#13;
 <p class=”text-sm leading-tight font-semibold”>Le Père Matthew Barzare, de Cow Island, dans l’Etat de Louisiane, au sud des Etats-Unis, a béni le 21 décembre 2019 100 gallons (380 litres) d’eau. Chargée à bord d’un petit avion, cette eau bénite a servi à asperger les maisons et les champs de la communauté, à l’occasion du ‘jour de braise’ du qua...</p>&#13;
 </a>&#13;
 &#13;
 <div class=”flex flex-wrap gap-1 mt-2″>&#13;
 &#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/benediction” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Bénédiction&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/eau” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Eau&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/etats-unis” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Etats-Unis&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
&#13;
&#13;
&#13;
 </div>&#13;
 &#13;
 </div>&#13;
 &#13;
 </div>&#13;
 </div>&#13;
 &#13;
 &#13;
 &#13;
 &#13;
 &#13;
 <div class=”mt-8 bg-gray-100″>&#13;
 <!– Barra Top –>&#13;
 <div class=”flex flex-wrap items-center justify-center py-2 bg-gray-200 lg:justify-between”>&#13;
 <h2 class=”w-full text-xl font-bold text-center uppercase lg:text-2xl lg:ml-4 lg:w-auto lg:text-left”>&#13;
 Articles les plus lus&#13;
 </h2>&#13;
 </div>&#13;
&#13;
 <!– Mobile: scroll orizzontale –>&#13;
 <div class=”flex gap-4 px-4 py-4 ml-4 overflow-x-auto m snap-x snap-mandatory scroll-smooth md:hidden scrollbar-hide”>&#13;
 &#13;
 <div class=”shrink-0 w-[75vw] snap-start bg-gray-100 border border-gray-200 rounded-lg overflow-hidden shadow-sm”>&#13;
 <a href=”/newsf/la-vierge-marie-est-une-figure-centrale-du-neo-traditionalisme” class=”block”>&#13;
 <img src=”/img/asset/aW1hZ2VzL3dwLzIwMjMvMDQvVmllcmdlLU1hcmllLUxvdXJkZXMud2VicA/Vierge-Marie-Lourdes.webp?p=news_thumbnail&;s=a9265550cc448050f18f40d7607575ff” alt=”no_image” class=”object-cover w-full aspect-4/3″ loading=”lazy” width=”800″ height=”600″ decoding=”async”/>&#13;
 </a>&#13;
 <div class=”p-3″>&#13;
 <p class=”mb-1 text-xs text-gray-500″>03/05/2026 -&#13;
 17:00</p>&#13;
 <a href=”/newsf/la-vierge-marie-est-une-figure-centrale-du-neo-traditionalisme” class=”block”>&#13;
 <h3 class=”mt-1 text-base font-bold leading-tight line-clamp-3″>«La Vierge Marie est une figure centrale du néo-traditionalisme»</h3>&#13;
 <p class=”mt-1 text-sm leading-tight text-gray-600 line-clamp-5 font-semibold”>&#13;
 La Vierge Marie occupe une place cruciale dans le catholicisme, plus fortement encore dans sa frange conservatrice et traditionaliste. Pourquoi? Comment cela se manifeste-t-il aujourd'hui? Des éléments de réponses avec le spécialiste du catholicisme contemporain David Douyère.</p>&#13;
 </a>&#13;
 &#13;
 <div class=”flex flex-wrap gap-1 mt-2″>&#13;
 &#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/sociologie” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 sociologie&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/traditionalistes” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 traditionalistes&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/vierge-marie” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Vierge Marie&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
&#13;
&#13;
&#13;
 </div>&#13;
 &#13;
 </div>&#13;
 </div>&#13;
 &#13;
 <div class=”shrink-0 w-[75vw] snap-start bg-gray-100 border border-gray-200 rounded-lg overflow-hidden shadow-sm”>&#13;
 <a href=”/newsf/clash-avec-le-pape-donald-trump-remet-une-couche-et-se-fait-moucher” class=”block”>&#13;
 <img src=”/img/asset/aW1hZ2VzLzIwMjYvMDUtbWFpL2RvbmFsZC10cnVtcC1tb3VlLndlYnA/donald-trump-moue.webp?p=news_thumbnail&;s=3a424606cd1d93dd9c4e452f474d724e” alt=”no_image” class=”object-cover w-full aspect-4/3″ loading=”lazy” width=”800″ height=”600″ decoding=”async”/>&#13;
 </a>&#13;
 <div class=”p-3″>&#13;
 <p class=”mb-1 text-xs text-gray-500″>06/05/2026 -&#13;
 14:40</p>&#13;
 <a href=”/newsf/clash-avec-le-pape-donald-trump-remet-une-couche-et-se-fait-moucher” class=”block”>&#13;
 <h3 class=”mt-1 text-base font-bold leading-tight line-clamp-3″>Clash avec le pape, Donald Trump remet une couche et se fait moucher</h3>&#13;
 <p class=”mt-1 text-sm leading-tight text-gray-600 line-clamp-5 font-semibold”>&#13;
 Suite aux nouvelles attaques de Trump proférées le 5 mai 2026 à l'encontre du pape, le cardinal secrétaire d'État Pietro Parolin, puis Léon XIV lui-même, se sont exprimé tour à tour. «Si quelqu'un veut me critiquer parce que j'annonce l'Évangile, qu'il le fasse en disant la vérité», a répliqué le pape.</p>&#13;
 </a>&#13;
 &#13;
 <div class=”flex flex-wrap gap-1 mt-2″>&#13;
 &#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/donald-trump” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Donald Trump&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/etats-unis” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Etats-Unis&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/iran” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Iran&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
&#13;
&#13;
&#13;
 </div>&#13;
 &#13;
 </div>&#13;
 </div>&#13;
 &#13;
 <div class=”shrink-0 w-[75vw] snap-start bg-gray-100 border border-gray-200 rounded-lg overflow-hidden shadow-sm”>&#13;
 <a href=”/newsf/nominations-pojur-le-diocese-de-lgf” class=”block”>&#13;
 <img src=”/img/asset/aW1hZ2VzL3dwLzIwMjEvMTEvQ2hhcmxlcy1Nb3Jlcm9kX0lNR0wwMzA2LndlYnA/Charles-Morerod_IMGL0306.webp?p=news_thumbnail&;s=706cd417d67b3d897ec532ce6acd7a43″ alt=”no_image” class=”object-cover w-full aspect-4/3″ loading=”lazy” width=”800″ height=”600″ decoding=”async”/>&#13;
 </a>&#13;
 <div class=”p-3″>&#13;
 <p class=”mb-1 text-xs text-gray-500″>05/05/2026 -&#13;
 12:10</p>&#13;
 <a href=”/newsf/nominations-pojur-le-diocese-de-lgf” class=”block”>&#13;
 <h3 class=”mt-1 text-base font-bold leading-tight line-clamp-3″>Nominations pour le diocèse de LGF</h3>&#13;
 <p class=”mt-1 text-sm leading-tight text-gray-600 line-clamp-5 font-semibold”>&#13;
 Mgr Charles Morerod a procédé, le 1er mai 2026, à une série de nominations pour le diocèse de Lausanne Genève et Fribourg (LGF). Une dizaine de personnes reçoivent de nouvelles charges au service de l'Église diocésaine.</p>&#13;
 </a>&#13;
 &#13;
 <div class=”flex flex-wrap gap-1 mt-2″>&#13;
 &#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/diocese-de-lgf” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Diocèse de LGF&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/nominations” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 nominations&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
&#13;
&#13;
&#13;
 </div>&#13;
 &#13;
 </div>&#13;
 </div>&#13;
 &#13;
 </div>&#13;
&#13;
 <!– Desktop: grid 3 colonne –>&#13;
 <div class=”hidden md:grid md:grid-cols-3″>&#13;
 &#13;
 <div class=”p-4 bg-gray-100 border-b border-r border-slate-200″>&#13;
 <a href=”/newsf/la-vierge-marie-est-une-figure-centrale-du-neo-traditionalisme” class=”block”>&#13;
 <img src=”/img/asset/aW1hZ2VzL3dwLzIwMjMvMDQvVmllcmdlLU1hcmllLUxvdXJkZXMud2VicA/Vierge-Marie-Lourdes.webp?p=news_thumbnail&;s=a9265550cc448050f18f40d7607575ff” alt=”no_image” class=”object-cover w-full aspect-4/3 mb-4″ loading=”lazy” width=”800″ height=”600″ decoding=”async”/>&#13;
 </a>&#13;
 <p class=”mb-2 text-xs text-gray-500″>03/05/2026 – 17:00&#13;
 </p>&#13;
 <a href=”/newsf/la-vierge-marie-est-une-figure-centrale-du-neo-traditionalisme” class=”block”>&#13;
 <h3 class=”mb-2 text-lg font-bold leading-tight lg:leading-tight”>«La Vierge Marie est une figure centrale du néo-traditionalisme»</h3>&#13;
 <p class=”text-sm leading-tight font-semibold”>La Vierge Marie occupe une place cruciale dans le catholicisme, plus fortement encore dans sa frange conservatrice et traditionaliste. Pourquoi? Comment cela se manifeste-t-il aujourd'hui? Des éléments de réponses avec le spécialiste du catholicisme contemporain David Douyère.</p>&#13;
 </a>&#13;
 &#13;
 <div class=”flex flex-wrap gap-1 mt-2″>&#13;
 &#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/sociologie” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 sociologie&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/traditionalistes” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 traditionalistes&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/vierge-marie” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Vierge Marie&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
&#13;
&#13;
&#13;
 </div>&#13;
 &#13;
 </div>&#13;
 &#13;
 <div class=”p-4 bg-gray-100 border-b border-r border-slate-200″>&#13;
 <a href=”/newsf/clash-avec-le-pape-donald-trump-remet-une-couche-et-se-fait-moucher” class=”block”>&#13;
 <img src=”/img/asset/aW1hZ2VzLzIwMjYvMDUtbWFpL2RvbmFsZC10cnVtcC1tb3VlLndlYnA/donald-trump-moue.webp?p=news_thumbnail&;s=3a424606cd1d93dd9c4e452f474d724e” alt=”no_image” class=”object-cover w-full aspect-4/3 mb-4″ loading=”lazy” width=”800″ height=”600″ decoding=”async”/>&#13;
 </a>&#13;
 <p class=”mb-2 text-xs text-gray-500″>06/05/2026 – 14:40&#13;
 </p>&#13;
 <a href=”/newsf/clash-avec-le-pape-donald-trump-remet-une-couche-et-se-fait-moucher” class=”block”>&#13;
 <h3 class=”mb-2 text-lg font-bold leading-tight lg:leading-tight”>Clash avec le pape, Donald Trump remet une couche et se fait moucher</h3>&#13;
 <p class=”text-sm leading-tight font-semibold”>Suite aux nouvelles attaques de Trump proférées le 5 mai 2026 à l'encontre du pape, le cardinal secrétaire d'État Pietro Parolin, puis Léon XIV lui-même, se sont exprimé tour à tour. «Si quelqu'un veut me critiquer parce que j'annonce l'Évangile, qu'il le fasse en disant la vérité», a répliqué le pape.</p>&#13;
 </a>&#13;
 &#13;
 <div class=”flex flex-wrap gap-1 mt-2″>&#13;
 &#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/donald-trump” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Donald Trump&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/etats-unis” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Etats-Unis&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/iran” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Iran&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
&#13;
&#13;
&#13;
 </div>&#13;
 &#13;
 </div>&#13;
 &#13;
 <div class=”p-4 bg-gray-100 border-b border-r border-slate-200″>&#13;
 <a href=”/newsf/nominations-pojur-le-diocese-de-lgf” class=”block”>&#13;
 <img src=”/img/asset/aW1hZ2VzL3dwLzIwMjEvMTEvQ2hhcmxlcy1Nb3Jlcm9kX0lNR0wwMzA2LndlYnA/Charles-Morerod_IMGL0306.webp?p=news_thumbnail&;s=706cd417d67b3d897ec532ce6acd7a43″ alt=”no_image” class=”object-cover w-full aspect-4/3 mb-4″ loading=”lazy” width=”800″ height=”600″ decoding=”async”/>&#13;
 </a>&#13;
 <p class=”mb-2 text-xs text-gray-500″>05/05/2026 – 12:10&#13;
 </p>&#13;
 <a href=”/newsf/nominations-pojur-le-diocese-de-lgf” class=”block”>&#13;
 <h3 class=”mb-2 text-lg font-bold leading-tight lg:leading-tight”>Nominations pour le diocèse de LGF</h3>&#13;
 <p class=”text-sm leading-tight font-semibold”>Mgr Charles Morerod a procédé, le 1er mai 2026, à une série de nominations pour le diocèse de Lausanne Genève et Fribourg (LGF). Une dizaine de personnes reçoivent de nouvelles charges au service de l'Église diocésaine.</p>&#13;
 </a>&#13;
 &#13;
 <div class=”flex flex-wrap gap-1 mt-2″>&#13;
 &#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/diocese-de-lgf” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 Diocèse de LGF&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
 <a href=”/tags/nominations” class=”inline-block px-1.5 py-0.5 text-[10px] uppercase bg-gray-200 rounded text-blue-600 hover:underline”>&#13;
 nominations&#13;
 </a>&#13;
 &#13;
 &#13;
 &#13;
&#13;
&#13;
&#13;
 </div>&#13;
 &#13;
 </div>&#13;
 &#13;
 </div>&#13;
 </div>&#13;
 &#13;
 &#13;
 &#13;
 &#13;
</div>&#13;
&#13;
 &#13;

 <footer class=”bg-gray-400″>

 <div class=”p-4 mx-auto”>
 <div class=”flex flex-wrap gap-8 lg:flex-nowrap”>

 <!– Colonna 1: Logo –>
 <div class=”flex justify-center w-full lg:w-1/4 lg:mb-0 lg:justify-start lg:shrink-0″>
 <a aria-label=”Logo Cath” href=”/”>
 <img src=”/visuals/logo_footer_f.png” class=”w-32 select-none lg:w-auto” alt=”Aller à la page d’accueil”/>
 </a>
 </div>

 <!– Colonna 2: Adresse et ré;seaux sociaux –>
 <div class=”w-full text-center lg:w-1/4 lg:text-left”>
 <p class=”my-4 text-sm leading-relaxed text-white”>
 Rue de Genève 88bis<br/>
 CH-1004 Lausanne<br/>
 +41 21 654 45 50<br/>
 Rédaction : <a href=”/cdn-cgi/l/email-protection#daa8bfbebbb9aeb3b5b49ab9bbaeb2f4b9b2″ class=”hover:underline”><span class=”__cf_email__” data-cfemail=”86f4e3e2e7e5f2efe9e8c6e5e7f2eea8e5ee”>[email protected]</span></a><br/>
 Secrétariat : <a href=”/cdn-cgi/l/email-protection#5d2e383e2f38293c2f343c291d3e3c29357034333b32733e35″ class=”hover:underline”><span class=”__cf_email__” data-cfemail=”6714020415021306150e0613270406130f4a0e09010849040f”>[email protected]</span></a>
 </p>
 <!– Social Icons –>
 <div class=”flex justify-center my-4 space-x-2 text-2xl text-white md:justify-start”>
 <a href=”https://www.facebook.com/cathpointch/” target=”_blank” class=”social-icon”><i class=”fab fa-facebook”/></a>
 <a href=”https://twitter.com/cath_point_ch” target=”_blank” class=”social-icon”><i class=”fab fa-x-twitter”/></a>
 <a href=”https://www.instagram.com/cath_point_ch/” target=”_blank” class=”social-icon”><i class=”fab fa-instagram”/></a>
 <a href=”https://www.youtube.com/channel/UCsANpNpKj6A64xjANuMDM9A” target=”_blank” class=”social-icon”><i class=”fab fa-youtube”/></a>
 <a href=”/rss” class=”social-icon” title=”Flux RSS”><i class=”fas fa-rss”/></a>
 </div>
 </div>

 <!– Colonna 3: Ré;fé;rences –>
 <div class=”w-full text-center lg:w-1/4 lg:text-left”>
 <h3 class=”mb-4 text-lg font-bold text-white”>Références</h3>
 <ul>
 
 <li class=”mb-1″>
 <a href=”/cath-info” class=”text-sm text-gray-200 hover:text-white”>Cath-Info
 
 </a>
 </li>
 
 <li class=”mb-1″>
 <a href=”/contact” class=”text-sm text-gray-200 hover:text-white”>Contact
 
 </a>
 </li>
 
 <li class=”mb-1″>
 <a href=”/abonnements” class=”text-sm text-gray-200 hover:text-white”>Abonnements
 
 </a>
 </li>
 
 <li class=”mb-1″>
 <a href=”/faites-un-legs-a-cath-info” class=”text-sm text-gray-200 hover:text-white”>Faites un legs à Cath-Info
 
 </a>
 </li>
 
 <li class=”mb-1″>
 <a href=”/declaration-de-confidentialite” class=”text-sm text-gray-200 hover:text-white”>Confidentialité
 
 </a>
 </li>
 
 <li class=”mb-1″>
 <span class=”[&;_a]:text-sm [&;_a]:text-gray-200 [&;_a:hover]:text-white”>
 <!– statamic-peak-seo::components/_consent_Banner.antlers.html –>
 
 
 <span x-data=”” x-cloak=””>
 <span x-show=”$store.consentBanner.getConsent()”>
 <a class=”underline hover:text-primary motion-safe:transition-colors” href=”#”>Gestion des cookies</a>
 </span>
 </span>
 
 <!– End: statamic-peak-seo::components/_consent_Banner.antlers.html –>
 </span>
 </li>
 </ul>
 </div>

 <!– Colonna 4: Services –>
 <div class=”w-full text-center lg:w-1/4 lg:text-left”>
 <h3 class=”mb-4 text-lg font-bold text-white”>Services</h3>
 <ul>
 
 <li class=”mb-1″>
 <a href=”/horaire-des-messes” class=”text-sm text-gray-200 hover:text-white”>Horaire des messes
 
 </a>
 </li>
 
 <li class=”mb-1″>
 <a href=”https://cours.cath.ch/” target=”_blank” rel=”noopener noreferrer” class=”text-sm text-gray-200 hover:text-white”>Cours en ligne
 
 <svg xmlns=”http://www.w3.org/2000/svg” class=”inline-block w-3 h-3 ml-0.5 opacity-60″ fill=”none” viewbox=”0 0 24 24″ stroke=”currentColor” stroke-width=”2″>
 <path stroke-linecap=”round” stroke-linejoin=”round” d=”M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14″/>
 </svg>
 
 </a>
 </li>
 
 <li class=”mb-1″>
 <a href=”/annuaire” class=”text-sm text-gray-200 hover:text-white”>Annuaires
 
 </a>
 </li>
 
 <li class=”mb-1″>
 <a href=”/bulletins” class=”text-sm text-gray-200 hover:text-white”>Bulletins-Cath-Info
 
 </a>
 </li>
 
 </ul>
 </div>

 </div>
 </div>

 <div class=”flex flex-col items-center gap-3 px-4 py-3 mx-auto text-sm text-center text-gray-600 bg-gray-200 sm:flex-row sm:flex-wrap sm:justify-between sm:text-left lg:min-h-10″>
 <div class=”flex flex-col items-center gap-3 sm:flex-row sm:flex-wrap sm:gap-4″>
 <!– Language Dropdown –>
 <div x-data=”{ open: false }” class=”relative inline-block text-left”>
 <button type=”button” class=”inline-flex items-center px-2 text-lg text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-0″ aria-haspopup=”true” :aria-expanded=”open”>
 FR
 <svg class=”w-4 h-4 ml-1.5″ xmlns=”http://www.w3.org/2000/svg” viewbox=”0 0 20 20″ fill=”currentColor” aria-hidden=”true”>
 <path fill-rule=”evenodd” d=”M5.23 7.21a.75.75 0 011.06.02L10 11.582l3.71-4.35a.75.75 0 111.14.98l-4 4.75a.75.75 0 01-1.14 0l-4-4.75a.75.75 0 01.02-1.06z” clip-rule=”evenodd”/>
 </svg>
 </button>

 <div x-show=”open” false=”” class=”absolute z-10 bg-white shadow-lg ring-1 ring-black ring-opacity-5 mb-2 origin-bottom-left” style=”bottom: 100%; left: 0;” x-cloak=”” x-transition=””>
 <div class=”p-1 w-36″>
 <a href=”https://www.catt.ch/” target=”_blank” rel=”noopener” class=”block px-4 py-1 text-sm text-gray-700 hover:bg-gray-100″>IT (catt.ch)</a>
 <a href=”https://www.kath.ch/” target=”_blank” rel=”noopener” class=”block px-4 py-1 text-sm text-gray-700 hover:bg-gray-100″>DE (kath.ch)</a>
 </div>
 </div>
</div>

 <p>© cath.ch | 2026</p>

 </div>

 <p class=”max-w-3xl text-center sm:text-right”>
 Développement et graphisme : <a href=”/cdn-cgi/l/email-protection#2940474f466948474a4644074a41″ class=”font-medium hover:underline”>Ancom</a>
 <span class=”px-1 text-gray-400″>|</span>
 Concept : <a href=”https://www.wng.ch/” target=”_blank” rel=”noopener noreferrer” class=”font-medium hover:underline”>WNG</a>
 </p>

 </div>

</footer>

